npm - ng-easycommerce - Versions diffs - 0.0.430 → 0.0.433 - Mend

ng-easycommerce 0.0.430 → 0.0.433

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/fesm2015/ng-easycommerce.js CHANGED Viewed

@@ -3110,6 +3110,14 @@ let AuthService = class AuthService {
         this.setHomeResolver = resolverFunction => this.homeResolver = resolverFunction;
         this.getHomeResolver = () => this.homeResolver;
         this.isAbleToBuy = () => { var _a; return !((_a = this.getUserProfileAsUser()) === null || _a === void 0 ? void 0 : _a.isSeller()) || !!this.getCustomer(); };
+        /**
+         * @description Evalua si el valor que ingresa por parámetro es mayor o igual al mínimo de compra
+         * que el usuario tiene asignado a ese canal, diferenciando si es mayorista o minorista.
+         * @param {number} value
+         * @returns {boolean} true si excede el monto, false caso contrario
+         */
+        this.exceedsMinimumAmount = (value = 0) => this.user.isWholesaler() ? this.user.channels.find(channel => this.constants.getChannel() == channel.code).wholesalerMinimumPurchaseAmount <= value
+            : this.user.channels.find(channel => this.constants.getChannel() == channel.code).retailerMinimumPurchaseAmount <= value;
         this.isAuthenticated() && this.loggedInSubject.next(true);
     }
     /**
@@ -3822,10 +3830,6 @@ let ShipmentService = class ShipmentService extends StepService {
         this.state = this.stateSubject.asObservable();
         this.methods = this.methodsSubject.asObservable();
         this.costs = this.costsSubject.asObservable();
-        /**
-         * @param moreInfoInMethod por defecto su estado es false, si se desea que visualice información adicional de cada método de envió asignar true.
-         */
-        this.moreInfoInMethod = false;
         this.shipmentMethodsApi = () => this.baseApi() + '/shipping';
         this.persistShipmentApi = () => 'shop-api/' + this.consts.getChannel() + '/andreani/' + this.cartService.getCartToken() + '/ship';
         this.putShipmentApi = () => this.baseApi() + '/shipping/' + this.stateSubject.getValue().data.method;
@@ -3939,6 +3943,10 @@ let ShipmentService = class ShipmentService extends StepService {
         this.subscription && this.subscription.unsubscribe();
     }
 };
+/**
+ * @param moreInfoInMethod por defecto su estado es false, si se desea que visualice información adicional de cada método de envió asignar true.
+ */
+ShipmentService.moreInfoInMethod = false;
 ShipmentService.ctorParameters = () => [
     { type: ConnectionService },
     { type: ShipmentDataTransformer },
@@ -5635,7 +5643,7 @@ __decorate$Q([
 PaymentEcComponent = __decorate$Q([
     Component({
         selector: 'app-payment-ec',
-        template: "<div class=\"container-fluid\" *ngIf=\"(paymentService.methods$ | async) as methods\">\n\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"card \">\n                <div class=\"card-header text-dark text-center\">\n                    <h4>{{ 'select-method' | translate }}</h4>\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n                        <div class=\"btn-group group-shipping\" role=\"group\" aria-label=\"Grupo botones envio\">\n                            <div class=\"d-flex align-content-start flex-wrap btn-group\">\n                                <button type=\"button\" class=\"btn btn-outline-secondary\"\n                                    *ngFor=\"let method of methods; let x = index\"\n                                    (click)=\"setMethod(method) ; setActive($event)\">\n                                    {{ method.name | translate }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"card-body text-center\">\n                    <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\n                            <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\"></app-mp-redirect-ec>\n                            </div>\n                            <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n                                            [user_data]=\"allData()\" [total_amount]=\"total_amount\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\"\n                                *ngIf=\"isRedirectRedsys(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <ng-container *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                            <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-ec>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                            <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-out-ec>\n                                        </ng-container>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                        </app-ceca-redirect-ec>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-paypal-express-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\">\n                                            </app-bancard-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-decidir-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{  ('pay-with-offline'| translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"method.code == 'bank_transfer'\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                        ('pay-with-transfer'\n                                        | translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #mercadoPago>\n    <div class=\"row \">\n        <div class=\"col-12 text-center\">\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\n            <form action=\"javascript:void(0)\" #formContainer></form>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-inline-ec></app-loading-inline-ec>\n</ng-template>",
+        template: "<div class=\"container-fluid\" *ngIf=\"(paymentService.methods$ | async) as methods\">\n\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"card \">\n                <div class=\"card-header text-dark text-center\">\n                    <h4>{{ 'select-method' | translate }}</h4>\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n                        <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                            <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                                <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                    *ngFor=\"let method of methods; let x = index\"\n                                    (click)=\"setMethod(method) ; setActive($event)\">\n                                    {{ method.name | translate }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"card-body text-center\">\n                    <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\n                            <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\"></app-mp-redirect-ec>\n                            </div>\n                            <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n                                            [user_data]=\"allData()\" [total_amount]=\"total_amount\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\"\n                                *ngIf=\"isRedirectRedsys(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <ng-container *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                            <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-ec>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                            <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-out-ec>\n                                        </ng-container>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                        </app-ceca-redirect-ec>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-paypal-express-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\">\n                                            </app-bancard-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-decidir-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{  ('pay-with-offline'| translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"method.code == 'bank_transfer'\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                        ('pay-with-transfer'\n                                        | translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #mercadoPago>\n    <div class=\"row \">\n        <div class=\"col-12 text-center\">\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\n            <form action=\"javascript:void(0)\" #formContainer></form>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-inline-ec></app-loading-inline-ec>\n</ng-template>",
         providers: [PaymentService],
         styles: ["div.col-12 form{text-align:center}.option-container>div{margin-bottom:15px}@media only screen and (min-width:600px){.option-container{display:flex;justify-content:space-between;margin-top:20px}}.method-container{width:100%}.active{background-color:#000!important;color:#fff!important}.comprar{background:#000;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:10px 25px;text-decoration:none;text-transform:uppercase}"]
     })
@@ -5700,6 +5708,7 @@ let ShipmentEcComponent = class ShipmentEcComponent extends ComponentHelper {
                 this.verifyValidate(this.costs[0].name, this.costs[0].contracts[0]);
             }
         });
+        this.moreInfoInMethod = ShipmentService.moreInfoInMethod;
         this.ecOnInit();
     }
     ngOnChanges() {
@@ -5727,7 +5736,7 @@ __decorate$R([
 ShipmentEcComponent = __decorate$R([
     Component({
         selector: 'app-shipment-ec',
-        template: "<!-- <div class=\"checkout-title\">\n    <h3>{{'shipment-methods'|translate}}</h3>\n</div> -->\n\n<div class=\"container-fluid\">\n    <div class=\"col-12\">\n        <div class=\"card text-center\">\n            <div class=\"card-header text-dark\">\n                <h4>{{ 'select-method' | translate }}</h4>\n                <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\n                    *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\n                    <div class=\"btn-group group-shipping\" role=\"group\" aria-label=\"Grupo botones envio\">\n                        <div class=\"d-flex align-content-start flex-wrap btn-group btn-group-toggle\">\n                            <button type=\"button\" class=\"btn btn-outline-secondary\"\n                                *ngFor=\"let method of deleteUPS(methods); let x = index\"\n                                (click)=\"setMethod(method, post_code); setActive($event)\">\n                                {{ method.name | translate }}\n                            </button>\n                        </div>\n\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"card-body\">\n                <div class=\"row justify-content-center mb-2\" *ngIf=\"this.shipmentService.moreInfoInMethod && methodSelect && methodSelect.description\">\n                    <span><b>{{ 'information' | translate }}:</b> {{methodSelect.description}} </span>\n                </div>\n                <div class=\"row justify-content-center\" *ngIf=\"this.costs\">\n                    <ng-container *ngIf=\"!loading_internal ; else loading\">\n                        <div class=\"col-auto text-dark\" *ngFor=\"let cost of costs\">\n                            <ng-container *ngIf=\"cost.contracts.length > 0\">\n                                <span><b>{{ toTraducible(cost.name) | translate }}</b></span>\n                                <hr />\n                                <div class=\"option\" *ngFor=\"let contract of cost.contracts; let i = index\">\n                                    <div class=\"form-check\">\n                                        <input class=\"form-check-input\" [checked]=\"contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n                                            value=\"dark\" (click)=\"verifyValidate(cost.name, contract)\">\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n                                            <span\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \"\n                                                *ngIf=\"validName(contract.name)\">{{ contract.name | translate }}</span>\n                                            <span *ngIf=\"contract.computed\"><br class=\"shipment-contractname\">{{ contract.computed | translate }}<br\n                                                    class=\"shipment-contractname\"></span>\n                                            <div *ngIf=\"contract.detail\">\n                                                <div *ngFor=\"let line of contract.detail.split(' - '); let i = index\">\n                                                    <span *ngIf=\"i == 0\"><b>{{ line }}</b></span>\n                                                    <span class=\"inside-detail\" *ngIf=\"i > 0\">{{ line }}</span>\n                                                </div>\n                                            </div>\n                                            <span *ngIf=\"contract.price > 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\">\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\n                                            <span *ngIf=\"contract.price == 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\"> {{ ('free'|translate) }}</span>\n                                            <br>\n                                        </label>\n                                    </div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n\n        </div>\n    </div>\n\n</div>\n\n<ng-template #noMethods>\n    <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n        <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
+        template: "<!-- <div class=\"checkout-title\">\n    <h3>{{'shipment-methods'|translate}}</h3>\n</div> -->\n\n<div class=\"container-fluid\">\n    <div class=\"col-12\">\n        <div class=\"card text-center\">\n            <div class=\"card-header text-dark\">\n                <h4>{{ 'select-method' | translate }}</h4>\n                <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\n                    *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\n                    <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                        <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                            <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                *ngFor=\"let method of deleteUPS(methods); let x = index\"\n                                (click)=\"setMethod(method, post_code); setActive($event)\">\n                                {{ method.name | translate }}\n                            </button>\n                        </div>\n\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"card-body\">\n                <div class=\"row justify-content-center mb-2\" *ngIf=\"moreInfoInMethod && methodSelect && methodSelect.description\">\n                    <span><b>{{ 'information' | translate }}:</b> {{methodSelect.description}} </span>\n                </div>\n                <div class=\"row justify-content-center\" *ngIf=\"this.costs\">\n                    <ng-container *ngIf=\"!loading_internal ; else loading\">\n                        <div class=\"col-auto text-dark\" *ngFor=\"let cost of costs\">\n                            <ng-container *ngIf=\"cost.contracts.length > 0\">\n                                <span><b>{{ toTraducible(cost.name) | translate }}</b></span>\n                                <hr />\n                                <div class=\"option\" *ngFor=\"let contract of cost.contracts; let i = index\">\n                                    <div class=\"form-check\">\n                                        <input class=\"form-check-input\" [checked]=\"contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n                                            value=\"dark\" (click)=\"verifyValidate(cost.name, contract)\">\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n                                            <span\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \"\n                                                *ngIf=\"validName(contract.name)\">{{ contract.name | translate }}</span>\n                                            <span *ngIf=\"contract.computed\"><br class=\"shipment-contractname\">{{ contract.computed | translate }}<br\n                                                    class=\"shipment-contractname\"></span>\n                                            <div *ngIf=\"contract.detail\">\n                                                <div *ngFor=\"let line of contract.detail.split(' - '); let i = index\">\n                                                    <span *ngIf=\"i == 0\"><b>{{ line }}</b></span>\n                                                    <span class=\"inside-detail\" *ngIf=\"i > 0\">{{ line }}</span>\n                                                </div>\n                                            </div>\n                                            <span *ngIf=\"contract.price > 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\">\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\n                                            <span *ngIf=\"contract.price == 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\"> {{ ('free'|translate) }}</span>\n                                            <br>\n                                        </label>\n                                    </div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n\n        </div>\n    </div>\n\n</div>\n\n<ng-template #noMethods>\n    <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n        <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
         providers: [ShipmentService],
         styles: [".shipment-container{width:100%;max-height:500px!important}.points-container{margin-top:10px;max-height:300px;overflow:scroll}agm-map{height:300px}.ancho-100{width:200px}.ancho-50{width:100px}.group-shipping{margin:10px 0}.option-container>div{margin-bottom:15px}@media only screen and (min-width:600px){.option-container{display:flex;justify-content:space-between;margin-top:20px}}hr{margin-top:0!important}.option{display:flex;align-items:flex-start;margin-bottom:20px}.option label{margin:0 0 0 10px}.inside-detail{color:gray!important;font-weight:400}.inside-detail.free{text-decoration:line-through}.active{color:#fff!important}"]
     })
@@ -7032,6 +7041,14 @@ let RelatedProductsEcComponent = class RelatedProductsEcComponent extends Compon
         this.router = router;
         this.relatedProducts = [];
         this.name = null;
+        this.keywordsToCompare = ['compare', 'comparar', 'comparacion', 'comparación', 'compared'];
+        this.includeKeyword = (word) => {
+            let result = false;
+            this.keywordsToCompare.forEach(keyword => {
+                word.includes(keyword) ? result = true : null;
+            });
+            return result;
+        };
         this.customOptions = {
             loop: true,
             dots: false,
@@ -7062,7 +7079,7 @@ let RelatedProductsEcComponent = class RelatedProductsEcComponent extends Compon
     }
     load(product_id) {
         this.productsService.getRelatedProducts(product_id).pipe(take(1)).subscribe(res => {
-            this.relatedProducts = res;
+            this.relatedProducts = res.filter(elem => !this.includeKeyword(elem.title.toLowerCase()));
             res.map(products => { var _a, _b; return this.analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'Related Products', item_list_id: ((_b = (_a = products.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.replace(' ', '-')) || 'related-products' }); });
         });
     }
@@ -8410,7 +8427,7 @@ OrdersEcComponent.ctorParameters = () => [
 OrdersEcComponent = __decorate$1g([
     Component({
         selector: 'app-orders-ec',
-        template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <div *ngIf=\"orders && orders.length; else noOrders\">\n            <div class=\"row item border-bottom\" *ngFor=\"let order of orders\">\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'order' | translate }}:</p>\n                    <h5 class=\"fw-bold\">\n                        {{ order.number }}\n                    </h5>\n                    <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                        <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                    </ng-container>\n                    <ng-template #defaultpicture>\n                        <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                            [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                    </ng-template>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.payments[0].state | translate | titlecase }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.shipments[0].method.name }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.shipments[0].state | translate | titlecase }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'date' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                        {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                    <h5 class=\"fw-bold text-nowrap\">\n                        {{ (order.totals.total) | ecCurrencySymbol }}\n                    </h5>\n                    <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                        'see-order' | translate }}</button>\n                </div>\n            </div>\n        </div>\n    </section>\n</div>\n\n<ng-template #noOrders>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
+        template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <div *ngIf=\"orders && orders.length; else noOrders\">\n            <div class=\"row item border-bottom\" *ngFor=\"let order of orders\">\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'order' | translate }}:</p>\n                    <h5 class=\"fw-bold\">\n                        {{ order.number }}\n                    </h5>\n                    <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                        <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                    </ng-container>\n                    <ng-template #defaultpicture>\n                        <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                            [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                    </ng-template>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'payment-state' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.payments[0].state | translate | titlecase }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'shipment-method' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.shipments[0].method.name }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'shipment-state' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ order.shipments[0].state | translate | titlecase }}\n                    </p>\n                    <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                    <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'date' | translate }}:</p>\n                    <p class=\"price\">\n                        {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                        {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                    </p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p class=\"st dropdown-toggle\">{{ 'total' | translate }}:</p>\n                    <h5 class=\"fw-bold text-nowrap\">\n                        {{ (order.totals.total) | ecCurrencySymbol }}\n                    </h5>\n                    <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                        'see-order' | translate }}</button>\n                </div>\n            </div>\n        </div>\n    </section>\n</div>\n\n<ng-template #noOrders>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
         styles: ["#ordersEcComponent .btn.btdetalle{background-color:#000;color:#fff;border-color:#000;border-width:1px;border-radius:10px;padding:10px 0}#ordersEcComponent .btn.btdetalle:hover{background-color:#fff;color:#000;border-color:#000}"]
     })
 ], OrdersEcComponent);
@@ -8486,7 +8503,7 @@ __decorate$1h([
 OrderEcComponent = __decorate$1h([
     Component({
         selector: 'app-order-ec',
-        template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\n                \n                <div class=\"row justify-content-between\">\n                    <div class=\"col-sm-auto col-12 font-brandon\">\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                    </div>\n                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\">\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n                                class=\"btn btn-link btn-invoice\">\n                                <i class=\"fas fa-file-download me-1\"></i>\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                            </a>\n                        </div>\n                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n                    </a>\n                </div>\n                \n                <section id=\"orders\">\n                    <div class=\"row\">\n                        <div class=\"col-md-2 col-12\">\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0]?.method?.name | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].method.name }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\n                            <p class=\"\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}                            \n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n                \n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                            {{ 'product' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                            {{ 'description' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \" [src]=\"consts.mediaUrl() +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\n                            </div>\n                            <div\n                                class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                </p>\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        <div class=\"col-4 font-xl\">\n                                            <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}</p>\n                                        </div>\n                                        <div class=\"col-4 font-xl\">\n                                            <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\">\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice  : item.product.variants[0].price) | ecCurrencySymbol}}\n                                </p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-end w-100 m-0\">\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice  : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n                \n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\">\n                            <div class=\"row py-4\">\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' | translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.items) | ecCurrencySymbol }}\n                                </div>\n                                \n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' | translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n                                </div>\n                                \n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' | translate }}</div>\n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                \n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0 \" class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0\" class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                \n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                <div class=\"col-6 font-brandon font-md text-end\">\n                                    {{ (order.totals.total) | ecCurrencySymbol }}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
+        template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\n                \n                <div class=\"row justify-content-between\">\n                    <div class=\"col-sm-auto col-12 font-brandon\">\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                    </div>\n                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\">\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n                                class=\"btn btn-link btn-invoice\">\n                                <i class=\"fas fa-file-download me-1\"></i>\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                            </a>\n                        </div>\n                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n                    </a>\n                </div>\n                \n                <section id=\"orders\">\n                    <div class=\"row\">\n                        <div class=\"col-md-2 col-12\">\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0]?.method?.name | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].method.name }}\n                            </p>\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                            <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\n                            <p class=\"\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}                            \n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n                \n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                            {{ 'product' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                            {{ 'description' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \" [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\n                            </div>\n                            <div\n                                class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                </p>\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        <div class=\"col-4 font-xl\">\n                                            <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}</p>\n                                        </div>\n                                        <div class=\"col-4 font-xl\">\n                                            <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\">\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice  : item.product.variants[0].price) | ecCurrencySymbol}}\n                                </p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                <p class=\"text-end w-100 m-0\">\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice  : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n                \n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\">\n                            <div class=\"row py-4\">\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' | translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.items) | ecCurrencySymbol }}\n                                </div>\n                                \n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' | translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n                                </div>\n                                \n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' | translate }}</div>\n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                \n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0 \" class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0\" class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                \n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                <div class=\"col-6 font-brandon font-md text-end\">\n                                    {{ (order.totals.total) | ecCurrencySymbol }}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
         styles: [".maxwidth{max-width:100px}"]
     })
 ], OrderEcComponent);
@@ -10948,6 +10965,185 @@ DecidirEcComponent = __decorate$1E([
     })
 ], DecidirEcComponent);
+var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let ComparedProductsEcComponent = class ComparedProductsEcComponent extends ComponentHelper {
+    constructor(productsService, analyticsService, consts, router) {
+        super();
+        this.productsService = productsService;
+        this.analyticsService = analyticsService;
+        this.consts = consts;
+        this.router = router;
+        /**
+         * @description valor que se utilizara para cuando un producto no tenga datos
+         * en el atributo asignado.
+         */
+        this.emptyValue = '';
+        /**
+         * @description valor que se utilizara para la clase de los estilos de la etiqueta <table>
+         */
+        this.classes = '';
+        this.size = '';
+        /**
+         * @description emite true si se genero algun error en la carga, false caso contrario
+         */
+        this.error = new EventEmitter();
+        this.comparedProducts = [];
+        this.attributes = {};
+        this.matrixComparedProducts = {};
+        this.loading = false;
+        /**
+         * @description arreglo con las palabras claves para obtener la asociacion para comparar los productos.
+         */
+        this.keywordsToCompare = ['compare', 'comparar', 'comparacion', 'comparación', 'compared'];
+        /**
+         * @description carga los datos que seran comparados
+         * @param product_id
+         */
+        this.load = (product_id) => {
+            this.productsService.getRelatedProducts(product_id).subscribe(res => {
+                var _a;
+                this.comparedProducts = (_a = res.find(elem => this.includeKeyword(elem.title.toLowerCase()))) === null || _a === void 0 ? void 0 : _a.items;
+                if (this.comparedProducts && this.comparedProducts.length > 0) {
+                    this.mergeAttributes(this.comparedProducts);
+                    this.matrixComparedProducts = this.buildMatrix();
+                    this.error.emit(false);
+                }
+                else {
+                    this.error.emit(true);
+                }
+                this.loading = false;
+                res.map(products => { var _a, _b; return this.analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'compared Products', item_list_id: ((_b = (_a = products.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.replace(' ', '-')) || 'compared-products' }); });
+            }, err => {
+                console.log(err);
+                this.loading = false;
+                this.error.emit(true);
+            });
+        };
+        /**
+         * @description hace un merge de todos los atributos que tengan los productos.
+         * @param products
+         */
+        this.mergeAttributes = (products) => {
+            products.forEach(product => {
+                product.attributes.forEach(attribute => {
+                    if (!this.attributes[attribute.code]) {
+                        this.attributes[attribute.code] = { name: attribute.name };
+                    }
+                });
+            });
+        };
+        /**
+         * @description genera una matriz de los datos de cada producto para compararlos
+         * @returns un objeto cuya clave es el nombre del atributo y sus valores un
+         * arreglo con los datos de los productos para ese atributo, en caso de no tener
+         * datos en ese atributo se reemplaza por el valor de la variable emptyValue.
+         */
+        this.buildMatrix = () => {
+            let res = {};
+            for (let attribute in this.attributes) {
+                res[attribute] = [];
+                this.comparedProducts.forEach((product, index) => {
+                    let item = product.attributes.find(elem => elem.code == attribute);
+                    item ? res[attribute].push({ pos: index, values: item.children })
+                        : res[attribute].push({ pos: index, values: [{ name: this.emptyValue }] });
+                });
+            }
+            return res;
+        };
+        /**
+         * @description chequea si la palabra pasada por parametro existe en el arreglo de
+         * palabras claves para comparar (keywordsToCompare)
+         * @param word
+         * @returns un valor booleano, true si existe, false caso contrario
+         */
+        this.includeKeyword = (word) => {
+            let result = false;
+            this.keywordsToCompare.forEach(keyword => {
+                word.includes(keyword) ? result = true : null;
+            });
+            return result;
+        };
+        this.customOptions = {
+            loop: true,
+            dots: false,
+            navSpeed: 950,
+            margin: 0,
+            navText: ['', ''],
+            nav: true,
+            responsive: {
+                0: {
+                    items: 1,
+                    nav: true
+                },
+                600: {
+                    items: 3,
+                    nav: true
+                },
+                900: {
+                    items: 4,
+                    nav: true,
+                }
+            }
+        };
+        this.ecOnConstruct();
+    }
+    /**
+     * @description tamaño de la tabla responsive (sm | md| lg | xl | xxl)
+     */
+    set setSize(value) {
+        this.size = '-' + value;
+    }
+    ngOnInit() {
+        this.loading = true;
+        this.load(this.product_id);
+        this.ecOnInit();
+    }
+    ngOnChanges(changes) {
+        window.scroll({
+            top: 0,
+            left: 0,
+            behavior: 'smooth'
+        });
+        this.load(changes.product_id.currentValue);
+        //this.doSomething(changes.categoryId.currentValue);
+        // You can also use categoryId.previousValue and
+        // categoryId.firstChange for comparing old and new values
+    }
+};
+ComparedProductsEcComponent.ctorParameters = () => [
+    { type: ProductsService },
+    { type: AnalyticsService },
+    { type: Constants },
+    { type: Router }
+];
+__decorate$1F([
+    Input()
+], ComparedProductsEcComponent.prototype, "product_id", void 0);
+__decorate$1F([
+    Input()
+], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
+__decorate$1F([
+    Input()
+], ComparedProductsEcComponent.prototype, "classes", void 0);
+__decorate$1F([
+    Input()
+], ComparedProductsEcComponent.prototype, "setSize", null);
+__decorate$1F([
+    Output()
+], ComparedProductsEcComponent.prototype, "error", void 0);
+ComparedProductsEcComponent = __decorate$1F([
+    Component({
+        selector: 'app-compared-products-ec',
+        template: "<ng-container *ngIf=\"!loading; else loadingView\">\n    <ng-container *ngIf=\"comparedProducts && comparedProducts.length\">\n        <div [class]=\"'table-responsive'+size\">\n            <table id=\"table\" [class]=\"'table '+classes\">\n                <thead id=\"thead\">\n                    <tr class=\"thead-tr\">\n                        <th class=\"thead-tr-th\" scope=\"col\"></th>\n                        <th class=\"thead-tr-th\" *ngFor=\"let product of comparedProducts\" scope=\"col\">{{product.id}}</th>\n                    </tr>\n                </thead>\n                <tbody id=\"tbody\">\n                    <tr *ngFor=\"let row of matrixComparedProducts | keyvalue\" class=\"tbody-tr\">\n                        <th class=\"tbody-tr-th\" scope=\"row\">{{attributes[row.key].name}}</th>\n                        <td class=\"tbody-tr-td\" *ngFor=\"let col of row.value\">\n                            <ul>\n                                <li *ngFor=\"let item of col.values\">\n                                    {{ item.name }}\n                                </li>\n                            </ul>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </ng-container>\n</ng-container>\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
+        styles: [""]
+    })
+], ComparedProductsEcComponent);
 // //Component base
 const components = [
     BlockBannerBoxesEcComponent,
@@ -10973,6 +11169,7 @@ const components = [
     LoginEcComponent,
     ProductEcComponent,
     RelatedProductsEcComponent,
+    ComparedProductsEcComponent,
     SectionContainerEcComponent,
     StoresEcComponent,
     VariantsEcComponent,
@@ -11014,7 +11211,7 @@ const components = [
     RecaptchaEcComponent
 ];
-var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1G = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11078,23 +11275,23 @@ AddActionRedirectDirective.ctorParameters = () => [
     { type: BlocksService },
     { type: Router }
 ];
-__decorate$1F([
+__decorate$1G([
     Input()
 ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], AddActionRedirectDirective.prototype, "isTransparent", null);
-AddActionRedirectDirective = __decorate$1F([
+AddActionRedirectDirective = __decorate$1G([
     Directive({
         selector: "[ecAddActionRedirect]",
     }),
     __param$b(0, Inject(DOCUMENT))
 ], AddActionRedirectDirective);
-var __decorate$1G = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1H = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11153,19 +11350,19 @@ ProductStockDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
 ];
-__decorate$1G([
+__decorate$1H([
     Input()
 ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-__decorate$1G([
+__decorate$1H([
     Input()
 ], ProductStockDirective.prototype, "ecProductStock", null);
-ProductStockDirective = __decorate$1G([
+ProductStockDirective = __decorate$1H([
     Directive({
         selector: "[ecProductStock]"
     })
 ], ProductStockDirective);
-var __decorate$1H = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1I = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11290,23 +11487,23 @@ ProductOffDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: Renderer2 }
 ];
-__decorate$1H([
+__decorate$1I([
     Input()
 ], ProductOffDirective.prototype, "ecProductOff", null);
-__decorate$1H([
+__decorate$1I([
     Input()
 ], ProductOffDirective.prototype, "classStrSpacing", null);
-__decorate$1H([
+__decorate$1I([
     Input()
 ], ProductOffDirective.prototype, "customMessage", null);
-ProductOffDirective = __decorate$1H([
+ProductOffDirective = __decorate$1I([
     Directive({
         selector: "[ecProductOff]",
     }),
     __param$c(0, Inject(DOCUMENT))
 ], ProductOffDirective);
-var __decorate$1I = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1J = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11359,16 +11556,16 @@ ProductMiniStandardDirective.ctorParameters = () => [
     { type: Renderer2 },
     { type: Constants }
 ];
-__decorate$1I([
+__decorate$1J([
     Input()
 ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-ProductMiniStandardDirective = __decorate$1I([
+ProductMiniStandardDirective = __decorate$1J([
     Directive({
         selector: '[ecProductMiniStandard]'
     })
 ], ProductMiniStandardDirective);
-var __decorate$1J = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1K = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11407,13 +11604,13 @@ AuthWholesalerDirective.ctorParameters = () => [
     { type: ViewContainerRef },
     { type: AuthService }
 ];
-__decorate$1J([
+__decorate$1K([
     Input()
 ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-AuthWholesalerDirective = __decorate$1J([
+AuthWholesalerDirective = __decorate$1K([
     Directive({
         selector: "[ecAuthWholesaler]"
     })
@@ -11433,7 +11630,7 @@ const directives = [
     AuthWholesalerDirective,
 ];
-var __decorate$1K = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1L = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11476,13 +11673,13 @@ ecCurrencySymbolPipe.ctorParameters = () => [
     { type: CurrencyPipe },
     { type: Constants }
 ];
-ecCurrencySymbolPipe = __decorate$1K([
+ecCurrencySymbolPipe = __decorate$1L([
     Pipe({
         name: 'ecCurrencySymbol',
     })
 ], ecCurrencySymbolPipe);
-var __decorate$1L = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1M = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11499,13 +11696,13 @@ let EcSanitizerHtmlPipe = class EcSanitizerHtmlPipe {
 EcSanitizerHtmlPipe.ctorParameters = () => [
     { type: DomSanitizer }
 ];
-EcSanitizerHtmlPipe = __decorate$1L([
+EcSanitizerHtmlPipe = __decorate$1M([
     Pipe({
         name: 'ecSanitizerHtml'
     })
 ], EcSanitizerHtmlPipe);
-var __decorate$1M = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11522,7 +11719,7 @@ let EcSanitizerUrlPipe = class EcSanitizerUrlPipe {
 EcSanitizerUrlPipe.ctorParameters = () => [
     { type: DomSanitizer }
 ];
-EcSanitizerUrlPipe = __decorate$1M([
+EcSanitizerUrlPipe = __decorate$1N([
     Pipe({
         name: 'ecSanitizerUrl'
     })
@@ -11535,7 +11732,7 @@ const pipes = [
     EcSanitizerUrlPipe
 ];
-var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1O = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11618,7 +11815,7 @@ let NgEasycommerceModule = NgEasycommerceModule_1 = class NgEasycommerceModule {
         };
     }
 };
-NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$1N([
+NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$1O([
     NgModule({
         exports: [
             OrderByPipe,
@@ -11652,7 +11849,7 @@ NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$1N([
     })
 ], NgEasycommerceModule);
-var __decorate$1O = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1P = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11700,13 +11897,13 @@ GiftCardService.ctorParameters = () => [
     { type: ConnectionService }
 ];
 GiftCardService.ɵprov = ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(ɵɵinject(Constants), ɵɵinject(CartService), ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-GiftCardService = __decorate$1O([
+GiftCardService = __decorate$1P([
     Injectable({
         providedIn: 'root'
     })
 ], GiftCardService);
-var __decorate$1P = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1Q = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11763,13 +11960,13 @@ WishlistService.ctorParameters = () => [
     { type: ToastrService }
 ];
 WishlistService.ɵprov = ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(ɵɵinject(ToastrService)); }, token: WishlistService, providedIn: "root" });
-WishlistService = __decorate$1P([
+WishlistService = __decorate$1Q([
     Injectable({
         providedIn: 'root'
     })
 ], WishlistService);
-var __decorate$1Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1R = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11805,7 +12002,7 @@ let StandardReuseStrategy = class StandardReuseStrategy {
 StandardReuseStrategy.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
 ];
-StandardReuseStrategy = __decorate$1Q([
+StandardReuseStrategy = __decorate$1R([
     Injectable(),
     __param$d(0, Inject('env'))
 ], StandardReuseStrategy);
@@ -11818,5 +12015,5 @@ StandardReuseStrategy = __decorate$1Q([
  * Generated bundle index. Do not edit.
  */
-export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CouponEcComponent, DataFormEcComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersTopEcComponent, FooterEcComponent, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, SectionContainerEcComponent, SelectChannelEcComponent, ShareBlockEcComponent, ShipmentEcComponent, ShipmentService, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastService, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComponentHelper as ɵf, BlocksRepositoryService as ɵg, FacebookPixelService as ɵh, GoogleAnalyticsService as ɵi, GTMService as ɵj, MetricoolPixelService as ɵk, DopplerService as ɵl, OrderUtilityService as ɵm, StepService as ɵn, ErrorHandlerService as ɵo, ShipmentDataTransformer as ɵp, directives as ɵq, ProductOffDirective as ɵr, pipes as ɵs, OptionsOfProductListDataReceiverService as ɵt, PaymentUtils as ɵu, CustomerInterceptor as ɵv };
+export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CouponEcComponent, DataFormEcComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersTopEcComponent, FooterEcComponent, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, SectionContainerEcComponent, SelectChannelEcComponent, ShareBlockEcComponent, ShipmentEcComponent, ShipmentService, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastService, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, ComponentHelper as ɵg, BlocksRepositoryService as ɵh, FacebookPixelService as ɵi, GoogleAnalyticsService as ɵj, GTMService as ɵk, MetricoolPixelService as ɵl, DopplerService as ɵm, OrderUtilityService as ɵn, StepService as ɵo, ErrorHandlerService as ɵp, ShipmentDataTransformer as ɵq, directives as ɵr, ProductOffDirective as ɵs, pipes as ɵt, OptionsOfProductListDataReceiverService as ɵu, PaymentUtils as ɵv, CustomerInterceptor as ɵw };
 //# sourceMappingURL=ng-easycommerce.js.map