ng-easycommerce 0.0.587 → 0.0.589

package/bundles/ng-easycommerce.umd.js

@@ -3318,6 +3318,36 @@
         return ToastService;
     }());
 
+    var __decorate$i = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var IpService = /** @class */ (function () {
+        function IpService(http) {
+            this.http = http;
+            this.apiGetIp = 'https://api64.ipify.org?format=json'; // También puedes usar 'https://api.myip.com'
+            this.apiGetLocation = 'http://ip-api.com/json/';
+        }
+        IpService.prototype.getIp = function () {
+            return this.http.get(this.apiGetIp);
+        };
+        IpService.prototype.getLocation = function () {
+            return this.http.get(this.apiGetLocation);
+        };
+        IpService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        IpService.ɵprov = core.ɵɵdefineInjectable({ factory: function IpService_Factory() { return new IpService(core.ɵɵinject(http.HttpClient)); }, token: IpService, providedIn: "root" });
+        IpService = __decorate$i([
+            core.Injectable({
+                providedIn: 'root'
+            })
+        ], IpService);
+        return IpService;
+    }());
+
     var __assign$6 = (this && this.__assign) || function () {
         __assign$6 = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -3329,7 +3359,7 @@
         };
         return __assign$6.apply(this, arguments);
     };
-    var __decorate$i = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$j = (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;
@@ -3388,7 +3418,7 @@
         return ar;
     };
     var CheckoutService = /** @class */ (function () {
-        function CheckoutService$1(connection, cartService, consts, toastrService, orderUtils, analyticsService, authService, router, errorHandler) {
+        function CheckoutService$1(connection, cartService, consts, toastrService, orderUtils, analyticsService, authService, router, errorHandler, ipService) {
             var _this = this;
             this.connection = connection;
             this.cartService = cartService;
@@ -3399,6 +3429,7 @@
             this.authService = authService;
             this.router = router;
             this.errorHandler = errorHandler;
+            this.ipService = ipService;
             this.baseApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/checkout/' + _this.cartService.getCartToken(); };
             this.getPaymentMethodsApi = function () { return _this.baseApi() + '/payment'; };
             this.putAddressApi = function () { return _this.baseApi() + '/address'; };
@@ -3430,9 +3461,25 @@
                 var final_steps = [];
                 steps.forEach(function (step, i) { return final_steps.push(new Step(step.name, step.priority || (i + 1))); });
                 _this.stateSubject.next(final_steps);
-                _this.connection.getErrorNotHandler(_this.getHasPurchaseConditions()).toPromise().then(function (res) {
-                    var _a, _b;
-                    _this.analyticsService.callEvent('checkout_init', __assign$6(__assign$6({}, _this.cartLocal), { currency: (_a = _this.cartLocal) === null || _a === void 0 ? void 0 : _a.currency, value: (_b = _this.cartLocal) === null || _b === void 0 ? void 0 : _b.total }));
+                // Obtener IP y ubicación
+                rxjs.forkJoin({
+                    ip: _this.ipService.getIp(),
+                    location: _this.ipService.getLocation()
+                }).subscribe(function (results) {
+                    var _a, _b, _c;
+                    var params = {
+                        ip: (_a = results.ip) === null || _a === void 0 ? void 0 : _a.ip,
+                        country: (_b = results.location) === null || _b === void 0 ? void 0 : _b.country,
+                        city: (_c = results.location) === null || _c === void 0 ? void 0 : _c.city
+                    };
+                    // Convertir los datos a una cadena de consulta
+                    var queryString = new URLSearchParams(params).toString();
+                    // Agregar la cadena de consulta a la URL del endpoint
+                    var urlWithParams = _this.getHasPurchaseConditions() + "?" + queryString;
+                    _this.connection.getErrorNotHandler(urlWithParams).toPromise().then(function (res) {
+                        var _a, _b;
+                        _this.analyticsService.callEvent('checkout_init', __assign$6(__assign$6({}, _this.cartLocal), { currency: (_a = _this.cartLocal) === null || _a === void 0 ? void 0 : _a.currency, value: (_b = _this.cartLocal) === null || _b === void 0 ? void 0 : _b.total }));
+                    });
                 });
             };
             this.setStepReady = function (step_number, data, order, automatic) { return __awaiter$1(_this, void 0, void 0, function () {
@@ -3586,10 +3633,11 @@
             { type: AnalyticsService },
             { type: AuthService },
             { type: router.Router },
-            { type: ErrorHandlerService }
+            { type: ErrorHandlerService },
+            { type: IpService }
         ]; };
-        CheckoutService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CheckoutService_Factory() { return new CheckoutService(core.ɵɵinject(ConnectionService), core.ɵɵinject(CartService), core.ɵɵinject(Constants), core.ɵɵinject(ToastService), core.ɵɵinject(OrderUtilityService), core.ɵɵinject(AnalyticsService), core.ɵɵinject(AuthService), core.ɵɵinject(router.Router), core.ɵɵinject(ErrorHandlerService)); }, token: CheckoutService, providedIn: "root" });
-        CheckoutService$1 = __decorate$i([
+        CheckoutService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CheckoutService_Factory() { return new CheckoutService(core.ɵɵinject(ConnectionService), core.ɵɵinject(CartService), core.ɵɵinject(Constants), core.ɵɵinject(ToastService), core.ɵɵinject(OrderUtilityService), core.ɵɵinject(AnalyticsService), core.ɵɵinject(AuthService), core.ɵɵinject(router.Router), core.ɵɵinject(ErrorHandlerService), core.ɵɵinject(IpService)); }, token: CheckoutService, providedIn: "root" });
+        CheckoutService$1 = __decorate$j([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -3694,7 +3742,7 @@
         };
         return __assign$7.apply(this, arguments);
     };
-    var __decorate$j = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$k = (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;
@@ -3930,7 +3978,7 @@
             { type: AnalyticsService }
         ]; };
         AddressingService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function AddressingService_Factory() { return new AddressingService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants), core.ɵɵinject(CartService), core.ɵɵinject(CheckoutService), core.ɵɵinject(AnalyticsService)); }, token: AddressingService, providedIn: "root" });
-        AddressingService$1 = __decorate$j([
+        AddressingService$1 = __decorate$k([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -3938,7 +3986,7 @@
         return AddressingService$1;
     }(StepService));
 
-    var __decorate$k = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$l = (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;
@@ -4028,7 +4076,7 @@
             { type: core.Injector }
         ]; };
         ChannelConfigService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ChannelConfigService_Factory() { return new ChannelConfigService(core.ɵɵinject(Constants), core.ɵɵinject("env"), core.ɵɵinject(ConnectionService), core.ɵɵinject(core.INJECTOR)); }, token: ChannelConfigService, providedIn: "root" });
-        ChannelConfigService$1 = __decorate$k([
+        ChannelConfigService$1 = __decorate$l([
             core.Injectable({
                 providedIn: 'root'
             }),
@@ -4048,7 +4096,7 @@
         };
         return __assign$8.apply(this, arguments);
     };
-    var __decorate$l = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$m = (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;
@@ -4427,7 +4475,7 @@
             { type: core.Injector }
         ]; };
         AuthService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function AuthService_Factory() { return new AuthService(core.ɵɵinject(ConnectionService), core.ɵɵinject(ngxToastr.ToastrService), core.ɵɵinject(Constants), core.ɵɵinject(core.INJECTOR)); }, token: AuthService, providedIn: "root" });
-        AuthService$1 = __decorate$l([
+        AuthService$1 = __decorate$m([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -4446,7 +4494,7 @@
         };
         return __assign$9.apply(this, arguments);
     };
-    var __decorate$m = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$n = (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;
@@ -5024,16 +5072,26 @@
             };
             this.requestInProcess.next(true);
             this.connection.post(this.addAllItemsApi(), params)
-                .toPromise().then(function (res) {
-                _this.updateCartObj(res.cart);
-                _this.updateCartItems(_this.transformItems(res.cart.items));
+                .toPromise()
+                .then(function (res) {
+                var _a, _b;
+                if (res.status === 'failure') {
+                    var errorMessage = ((_a = res.error) === null || _a === void 0 ? void 0 : _a.toLowerCase().replace(/\s+/g, '_')) || 'unknown_error';
+                    _this.toastrService.show(errorMessage);
+                    return;
+                }
+                if ((_b = res) === null || _b === void 0 ? void 0 : _b.cart) {
+                    _this.updateCartObj(res.cart);
+                    _this.updateCartItems(_this.transformItems(res.cart.items));
+                }
                 if (res.cart_response.status === 'success') {
                     _this.toastrService.show('products-added');
                     _this.router.navigate(['/cart']);
                 }
             }, function (err) {
                 _this.handleError(err);
-            }).catch(function (err) {
+            })
+                .catch(function (err) {
                 _this.handleError(err);
             });
         };
@@ -5091,7 +5149,7 @@
             { type: router.Router }
         ]; };
         CartService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CartService_Factory() { return new CartService(core.ɵɵinject(ConnectionService), core.ɵɵinject(ToastService), core.ɵɵinject(Constants), core.ɵɵinject(AuthService), core.ɵɵinject(OrderUtilityService), core.ɵɵinject(AnalyticsService), core.ɵɵinject(ChannelConfigService), core.ɵɵinject(router.Router)); }, token: CartService, providedIn: "root" });
-        CartService$1 = __decorate$m([
+        CartService$1 = __decorate$n([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -5110,7 +5168,7 @@
         };
         return __assign$a.apply(this, arguments);
     };
-    var __decorate$n = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$o = (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;
@@ -5200,7 +5258,7 @@
             { type: Constants }
         ]; };
         OrdersService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function OrdersService_Factory() { return new OrdersService(core.ɵɵinject(ConnectionService), core.ɵɵinject(CartService), core.ɵɵinject(router.Router), core.ɵɵinject(Constants)); }, token: OrdersService, providedIn: "root" });
-        OrdersService$1 = __decorate$n([
+        OrdersService$1 = __decorate$o([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -5219,7 +5277,7 @@
         };
         return __assign$b.apply(this, arguments);
     };
-    var __decorate$o = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$p = (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;
@@ -5278,13 +5336,13 @@
                 return result;
             };
         }
-        ShipmentDataTransformer = __decorate$o([
+        ShipmentDataTransformer = __decorate$p([
             core.Injectable()
         ], ShipmentDataTransformer);
         return ShipmentDataTransformer;
     }());
 
-    var __decorate$p = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$q = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5308,7 +5366,7 @@
             { type: Constants }
         ]; };
         StoresService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function StoresService_Factory() { return new StoresService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants)); }, token: StoresService, providedIn: "root" });
-        StoresService$1 = __decorate$p([
+        StoresService$1 = __decorate$q([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -5340,7 +5398,7 @@
         };
         return __assign$c.apply(this, arguments);
     };
-    var __decorate$q = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$r = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5564,7 +5622,7 @@
             { type: StoresService },
             { type: CheckoutService }
         ]; };
-        ShipmentService = __decorate$q([
+        ShipmentService = __decorate$r([
             core.Injectable()
         ], ShipmentService);
         return ShipmentService;
@@ -5576,7 +5634,7 @@
         FilterOptionTypes["multiSelect"] = "multi-select";
     })(exports.FilterOptionTypes || (exports.FilterOptionTypes = {}));
 
-    var __decorate$r = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$s = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5665,13 +5723,13 @@
                 ],
             };
         };
-        OptionsOfProductListDataReceiverService = __decorate$r([
+        OptionsOfProductListDataReceiverService = __decorate$s([
             core.Injectable()
         ], OptionsOfProductListDataReceiverService);
         return OptionsOfProductListDataReceiverService;
     }());
 
-    var __decorate$s = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$t = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5708,13 +5766,13 @@
             { type: forms.FormBuilder },
             { type: AuthService }
         ]; };
-        DataformService = __decorate$s([
+        DataformService = __decorate$t([
             core.Injectable()
         ], DataformService);
         return DataformService;
     }());
 
-    var __decorate$t = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$u = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5798,13 +5856,13 @@
             { type: Constants },
             { type: ConnectionService }
         ]; };
-        BlocksRepositoryService = __decorate$t([
+        BlocksRepositoryService = __decorate$u([
             core.Injectable()
         ], BlocksRepositoryService);
         return BlocksRepositoryService;
     }());
 
-    var __decorate$u = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$v = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5871,13 +5929,13 @@
             { type: ConnectionService },
             { type: BlocksRepositoryService }
         ]; };
-        BlocksService = __decorate$u([
+        BlocksService = __decorate$v([
             core.Injectable()
         ], BlocksService);
         return BlocksService;
     }());
 
-    var __decorate$v = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$w = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5891,13 +5949,13 @@
                 return word;
             return word[0].toUpperCase() + word.substr(1).toLowerCase();
         };
-        UtilsService = __decorate$v([
+        UtilsService = __decorate$w([
             core.Injectable()
         ], UtilsService);
         return UtilsService;
     }());
 
-    var __decorate$w = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$x = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5926,13 +5984,13 @@
             };
             this.getErrorMessage = function (code) { return _this.mp_error_codes[code]; };
         }
-        PaymentUtils = __decorate$w([
+        PaymentUtils = __decorate$x([
             core.Injectable()
         ], PaymentUtils);
         return PaymentUtils;
     }());
 
-    var __decorate$x = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$y = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5954,7 +6012,7 @@
             { type: router.Router }
         ]; };
         AuthGuardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(core.ɵɵinject(AuthService), core.ɵɵinject(router.Router)); }, token: AuthGuardService, providedIn: "root" });
-        AuthGuardService$1 = __decorate$x([
+        AuthGuardService$1 = __decorate$y([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -5962,7 +6020,7 @@
         return AuthGuardService$1;
     }());
 
-    var __decorate$y = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5984,7 +6042,7 @@
             { type: router.Router }
         ]; };
         AbleBuyerGuardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function AbleBuyerGuardService_Factory() { return new AbleBuyerGuardService(core.ɵɵinject(AuthService), core.ɵɵinject(router.Router)); }, token: AbleBuyerGuardService, providedIn: "root" });
-        AbleBuyerGuardService$1 = __decorate$y([
+        AbleBuyerGuardService$1 = __decorate$z([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -5992,7 +6050,7 @@
         return AbleBuyerGuardService$1;
     }());
 
-    var __decorate$z = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$A = (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;
@@ -6016,7 +6074,7 @@
             { type: router.Router }
         ]; };
         UserRoleGuardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function UserRoleGuardService_Factory() { return new UserRoleGuardService(core.ɵɵinject(AuthService), core.ɵɵinject(router.Router)); }, token: UserRoleGuardService, providedIn: "root" });
-        UserRoleGuardService$1 = __decorate$z([
+        UserRoleGuardService$1 = __decorate$A([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -6024,7 +6082,7 @@
         return UserRoleGuardService$1;
     }());
 
-    var __decorate$A = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$B = (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;
@@ -6046,7 +6104,7 @@
             { type: router.Router }
         ]; };
         LoggedInGuard$1.ɵprov = core.ɵɵdefineInjectable({ factory: function LoggedInGuard_Factory() { return new LoggedInGuard(core.ɵɵinject(AuthService), core.ɵɵinject(router.Router)); }, token: LoggedInGuard, providedIn: "root" });
-        LoggedInGuard$1 = __decorate$A([
+        LoggedInGuard$1 = __decorate$B([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -6054,7 +6112,7 @@
         return LoggedInGuard$1;
     }());
 
-    var __decorate$B = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$C = (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;
@@ -6076,7 +6134,7 @@
             { type: CheckoutService }
         ]; };
         CheckoutReadyGuard$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CheckoutReadyGuard_Factory() { return new CheckoutReadyGuard(core.ɵɵinject(router.Router), core.ɵɵinject(CheckoutService)); }, token: CheckoutReadyGuard, providedIn: "root" });
-        CheckoutReadyGuard$1 = __decorate$B([
+        CheckoutReadyGuard$1 = __decorate$C([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -6084,7 +6142,7 @@
         return CheckoutReadyGuard$1;
     }());
 
-    var __decorate$C = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$D = (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;
@@ -6128,13 +6186,13 @@
         AuthInterceptor.ctorParameters = function () { return [
             { type: core.Injector }
         ]; };
-        AuthInterceptor = __decorate$C([
+        AuthInterceptor = __decorate$D([
             core.Injectable()
         ], AuthInterceptor);
         return AuthInterceptor;
     }());
 
-    var __decorate$D = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$E = (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;
@@ -6172,7 +6230,7 @@
         CustomerInterceptor.ctorParameters = function () { return [
             { type: core.Injector }
         ]; };
-        CustomerInterceptor = __decorate$D([
+        CustomerInterceptor = __decorate$E([
             core.Injectable()
         ], CustomerInterceptor);
         return CustomerInterceptor;
@@ -6195,7 +6253,7 @@
         return ComponentHelper;
     }());
 
-    var __decorate$E = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$F = (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;
@@ -6253,7 +6311,7 @@
             { type: AnalyticsService }
         ]; };
         ParametersService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ParametersService_Factory() { return new ParametersService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants), core.ɵɵinject(AnalyticsService)); }, token: ParametersService, providedIn: "root" });
-        ParametersService$1 = __decorate$E([
+        ParametersService$1 = __decorate$F([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -6274,7 +6332,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$F = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$G = (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;
@@ -6307,7 +6365,7 @@
             { type: router.Router },
             { type: ParametersService }
         ]; };
-        AccountEcComponent = __decorate$F([
+        AccountEcComponent = __decorate$G([
             core.Component({
                 selector: 'app-account-ec',
                 template: "<section class=\"perfil mt-5\" id=\"accountEcComponent\">\r\n    <div class=\"container row w-100 mx-auto py-md-3\">\r\n        <div class=\"col-12 py-3\">\r\n            <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\r\n                <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\r\n                <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR\r\n                    SESI\u00D3N</button>\r\n            </div>\r\n            <app-orders-ec></app-orders-ec>\r\n        </div>\r\n    </div>\r\n</section>",
@@ -6341,7 +6399,7 @@
         };
         return __assign$d.apply(this, arguments);
     };
-    var __decorate$G = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$H = (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;
@@ -6448,25 +6506,25 @@
             { type: AnalyticsService },
             { type: ParametersService }
         ]; };
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "banners", void 0);
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "meta", void 0);
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "dots", void 0);
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "nav", void 0);
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "loop", void 0);
-        __decorate$G([
+        __decorate$H([
             core.Input()
         ], BlockBannerBoxesEcComponent.prototype, "margin", void 0);
-        BlockBannerBoxesEcComponent = __decorate$G([
+        BlockBannerBoxesEcComponent = __decorate$H([
             core.Component({
                 selector: 'app-block-banner-boxes-ec',
                 template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\" *ngIf=\"banners.length\"\r\n    [style.background-color]=\"meta.styles?.backgroundColor\"\r\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + consts.mediaUrl() + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n\r\n    <div class=\"block-boxes\">\r\n        <div class=\"row\" *ngIf=\"meta.name\">\r\n            <div class=\"col-12 mt-4\">\r\n                <h2  class=\"font-weight-normal font-gd\">\r\n                    <span>{{meta.name}}</span>\r\n                </h2>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Si es formato fijo -->\r\n        <ng-container *ngIf=\"meta.styles && meta.styles.carrousel == false ; else carrousel\">\r\n\r\n            <div class=\"banner-content\">\r\n\r\n                <div class=\"row g-0\">\r\n                    <div [class]=\"'item '+ ' col-md-6 ' + ' col-lg-' + (12/banners.length) \"\r\n                        *ngFor=\"let banner of banners; let i = index\" [id]=\"i\">\r\n                        <img class=\"img-fluid\" [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                        <div class=\"position-absolute w-100 top-0 start-0 h-100\">\r\n                        <h2 [class]=\"'item-title  px-2 item-position-vertical-'+ (banner.styles?.description?.position)\" \r\n                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000'\">\r\n                            {{banner.title}}\r\n                        </h2>\r\n                        <p *ngIf=\"banner.subtitle\"\r\n                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                            [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                            {{banner.subtitle}}\r\n                        </p>\r\n                        <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                            <a *ngIf=\"banner.styles?.button?.text\" href=\"{{banner.url}}\"\r\n                                [class]=\"'item-button btn btn-light'\">\r\n                                {{banner.styles.button.text}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </ng-container>\r\n\r\n        <!-- Si es Carrousel -->\r\n        <ng-template #carrousel>\r\n\r\n\r\n            <!-- carrousel mobile -->\r\n            <ng-container *ngIf=\"consts.mobile(); else carrouselNormal\">\r\n                <div class=\"banner-content mobile carrousel\">\r\n\r\n                    <div class=\"row my-2\">\r\n\r\n                        <div class=\"col-12 item-carrousel\" *ngFor=\"let banner of banners; let i = index\" [id]=\"i\">\r\n                            <a href=\"{{banner.url}}\">\r\n                                <img class=\"img-fluid\" [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                                    <div class=\"position-absolute w-100 top-0 start-0 h-100\">\r\n                                    <h2 *ngIf=\"banner.title\" [class]=\"'item-title-fullpx-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#fff' \">\r\n                                        {{banner.title}}\r\n                                    </h2>\r\n                                    <p *ngIf=\"banner.subtitle\"\r\n                                        [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                        [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                    <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                        <a *ngIf=\"banner.styles?.button?.text\" href=\"{{banner.url}}\"\r\n                                            [class]=\"'item-button btn btn-light'\">\r\n                                            {{banner.styles.button.text}}\r\n                                        </a>\r\n                                    </div>\r\n                                </div>\r\n                            </a>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <!-- carrousel desktop -->\r\n            <ng-template #carrouselNormal>\r\n\r\n                <owl-carousel-o [options]=\"options\">\r\n                    <ng-template carouselSlide *ngFor=\"let banner of banners; let i = index\" [id]=\"i\">\r\n\r\n                        <div class=\"banner-content carrousel\">\r\n                            <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\r\n                                <h2 *ngIf=\"banner.title\" \r\n                                    [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                    style=\"color:#fff\">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                                <p *ngIf=\"banner.subtitle\"\r\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                    {{banner.subtitle}}\r\n                                </p>\r\n                                <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                    <a *ngIf=\"banner.styles?.button?.text\" href=\"{{banner.url}}\"\r\n                                        [style.background-color]=\"(banner.styles?.button?.color) ? banner.styles?.button?.color : '#fff' \"\r\n                                        [class]=\"'item-button-full btn btn-light'\">\r\n                                        {{banner.styles.button.text}}\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <!-- <div *ngIf=\"!banner.url; else externalUrl\" class=\"item-carrousel\">\r\n                            <a [routerLink]=\"formUrl(banner)\">\r\n                                <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\"></a>\r\n                        </div>\r\n                        <ng-template #externalUrl>\r\n                            <div class=\"item-carrousel\">\r\n                                <a href=\"{{banner.url}}\">\r\n                                    <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                                    <div class=\"bottom-left\">\r\n                                        {{banner.title}}\r\n                                    </div>\r\n\r\n                                </a>\r\n                            </div>\r\n                        </ng-template> -->\r\n                    </ng-template>\r\n                </owl-carousel-o>\r\n\r\n            </ng-template>\r\n\r\n        </ng-template>\r\n    </div>\r\n</section>",
@@ -6500,7 +6558,7 @@
         };
         return __assign$e.apply(this, arguments);
     };
-    var __decorate$H = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$I = (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;
@@ -6579,25 +6637,25 @@
             { type: router.Router },
             { type: AnalyticsService }
         ]; };
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "banners", void 0);
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "meta", void 0);
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "dots", void 0);
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "nav", void 0);
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "loop", void 0);
-        __decorate$H([
+        __decorate$I([
             core.Input()
         ], BlockBannerFullEcComponent.prototype, "margin", void 0);
-        BlockBannerFullEcComponent = __decorate$H([
+        BlockBannerFullEcComponent = __decorate$I([
             core.Component({
                 selector: 'app-block-banner-full-ec',
                 template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid px-0'\" *ngIf=\"banners.length\"\r\n    [style.background-color]=\"meta.styles?.backgroundColor\"\r\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + consts.mediaUrl() + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n\r\n    <!-- si es formato fijo -->\r\n    <ng-container *ngIf=\"banners.length == 1;else carrousel \">\r\n\r\n        <div class=\"row justify-content-center\">\r\n            <!-- banner sin boton -->\r\n            <a *ngIf=\"!banners[0].styles?.button?.text; else fullwithButton\" href=\"{{banners[0].url}}\">\r\n                <div class=\"item col-12\">\r\n                    <img class=\"img-fluid\" [src]=\"consts.mediaBannerUrl() + getImage(banners[0])\" alt=\"\">\r\n                    <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                        <h2 *ngIf=\"banners[0].title\" [class]=\"'item-title-full px-2 item-position-vertical-' + (banners[0].styles?.description?.position)\"\r\n                        [style.color]=\"(banners[0].styles?.description?.color) ? banners[0].styles?.description?.color : '#fff' \">\r\n                            {{banners[0].title}}\r\n                        </h2>\r\n                        <p *ngIf=\"banners[0].subtitle\"\r\n                            [style.color]=\"(banners[0].styles?.description?.color) ? banners[0].styles?.description?.color : '#000' \"\r\n                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banners[0].styles?.description?.position)\">\r\n                            {{banners[0].subtitle}}\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n\r\n            <!-- banner fijo con boton -->\r\n            <ng-template #fullwithButton>\r\n                <div class=\"item col-12\">\r\n                    <img class=\"img-fluid\" [src]=\"consts.mediaBannerUrl() + getImage(banners[0])\" alt=\"\">\r\n                    <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                        <h2 *ngIf=\"banners[0].title\" [class]=\"'item-title-full px-2 item-position-vertical-' + (banners[0].styles?.description?.position)\"\r\n                        [style.color]=\"(banners[0].styles?.description?.color) ? banners[0].styles?.description?.color : '#000' \">\r\n                            {{banners[0].title}}\r\n                        </h2>\r\n                        <p *ngIf=\"banners[0].subtitle\"\r\n                            [style.color]=\"(banners[0].styles?.description?.color) ? banners[0].styles?.description?.color : '#000' \"\r\n                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banners[0].styles?.description?.position)\">\r\n                            {{banners[0].subtitle}}\r\n                        </p>\r\n                        <div [class]=\"'item-position-vertical-' + (banners[0].styles?.button?.position)\">\r\n                            <a *ngIf=\"banners[0].styles?.button?.text\" href=\"{{banners[0].url}}\"\r\n                                [class]=\"'item-button-full btn btn-light '\">\r\n                                {{banners[0].styles.button.text}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </ng-template>\r\n        </div>\r\n    </ng-container>\r\n\r\n\r\n    <!-- si es carrousel -->\r\n    <ng-template #carrousel>\r\n\r\n        <owl-carousel-o [options]=\"options\">\r\n            <ng-template carouselSlide *ngFor=\"let banner of banners\" [id]=\"banner.id\">\r\n\r\n                <!-- banner sin boton -->\r\n                <div class=\"item\" *ngIf=\"!banner.styles?.button?.text; else carrouselwithButton\">\r\n                    <a *ngIf=\"banner.url; else onlyImage\" href=\"{{banner.url}}\">\r\n                        <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                    </a>\r\n                    <ng-template #onlyImage>\r\n                        <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                    </ng-template>\r\n                </div>\r\n\r\n                <!-- banner con boton -->\r\n                <ng-template #carrouselwithButton>\r\n                    <div class=\"item\">\r\n                        <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                        <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                            <h2 *ngIf=\"banner.title\"\r\n                                [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\r\n                                {{banner.title}}\r\n                            </h2>\r\n                            <p *ngIf=\"banner.subtitle\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                {{banner.subtitle}}\r\n                            </p>\r\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                <a *ngIf=\"banner.styles?.button?.text\" href=\"{{banner.url}}\"\r\n                                    [class]=\"'item-button-full btn btn-light'\">\r\n                                    {{banner.styles.button.text}}\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                        <!-- <a *ngIf=\"!banner.url && (formUrl(banner) != '/')\" [routerLink]=\"formUrl(banner)\"\r\n                                class=\"btn btn-outline-light rounded-0 py-3 px-4 btn-conoce btn-caption-banner\">\r\n                                Conoc&eacute; Mas</a>\r\n                            <a *ngIf=\"banner.url\" href=\"{{banner.url}}\"\r\n                                class=\"btn btn-outline-light rounded-0 py-3 px-4 btn-conoce btn-caption-banner\">\r\n                                Conoc&eacute; Mas</a> -->\r\n                    </div>\r\n                </ng-template>\r\n\r\n\r\n                <!-- <div class=\"item\">\r\n                    <a *ngIf=\"banner.url; else onlyImage\" href=\"{{banner.url}}\">\r\n                        <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                    </a>\r\n                    <ng-template #onlyImage>\r\n                        <img [src]=\"consts.mediaBannerUrl() + getImage(banner)\" alt=\"\">\r\n                    </ng-template>\r\n                    <div class=\"carousel-caption d-block\">\r\n                        <a *ngIf=\"!banner.url && (formUrl(banner) != '/')\" [routerLink]=\"formUrl(banner)\"\r\n                            class=\"btn btn-outline-light rounded-0 py-3 px-4 btn-conoce btn-caption-banner\">\r\n                            Conoc&eacute; Mas</a>\r\n                        <a *ngIf=\"banner.url\" href=\"{{banner.url}}\"\r\n                            class=\"btn btn-outline-light rounded-0 py-3 px-4 btn-conoce btn-caption-banner\">\r\n                            Conoc&eacute; Mas</a>\r\n                    </div>\r\n                </div> -->\r\n            </ng-template>\r\n        </owl-carousel-o>\r\n    </ng-template>\r\n</section>\r\n",
@@ -6631,7 +6689,7 @@
         };
         return __assign$f.apply(this, arguments);
     };
-    var __decorate$I = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$J = (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;
@@ -6741,19 +6799,19 @@
             { type: forms.FormBuilder },
             { type: BlocksService }
         ]; };
-        __decorate$I([
+        __decorate$J([
             core.Input()
         ], BlockFormContactEcComponent.prototype, "block", void 0);
-        __decorate$I([
+        __decorate$J([
             core.Input()
         ], BlockFormContactEcComponent.prototype, "success_message", void 0);
-        __decorate$I([
+        __decorate$J([
             core.Input()
         ], BlockFormContactEcComponent.prototype, "redirect", void 0);
-        __decorate$I([
+        __decorate$J([
             core.Input()
         ], BlockFormContactEcComponent.prototype, "subject", void 0);
-        BlockFormContactEcComponent = __decorate$I([
+        BlockFormContactEcComponent = __decorate$J([
             core.Component({
                 selector: 'app-block-form-contact-ec',
                 template: "<!-- banners -->\r\n<!-- <div class=\"row\">\r\n     <div class=\"col-12 p-0\" id=\"banner-slider-home\">\r\n          <div id=\"banner-slider\" class=\"h-100 w-100\">\r\n               <div class=\"item\">\r\n                    <img src=\"assets/image/login.png\" class=\"w-100 d-none d-md-block\">\r\n                    <img src=\"assets/image/26912-05-mobile.png\" class=\"w-100 d-block d-md-none\">\r\n                    <div class=\"caption position-absolute center-item\">\r\n                         <h1 class=\"color-white\">Contacto</h1>\r\n                    </div>\r\n               </div>\r\n          </div>\r\n     </div>\r\n</div>\r\n\r\n<div class=\"row\" id=\"contacto\">\r\n     <div class=\"col-12 py-md-5 py-0 px-0\">\r\n          <div class=\"container\" style=\"background-color: #F1F1F1;\">\r\n               <div class=\"row d-flex justify-content-center\">\r\n                    <div class=\"col-md-7 px-md-5 px-3 col-12\">\r\n                         <h1 class=\"right-line font-mg ff-ubuntu-light mb-2\"><span>Tomamos nota y te</span>\r\n                         </h1>\r\n                         <h1 class=\"font-mg ff-ubuntu-semi-bold mb-2\">respondemos lo antes posible</h1>\r\n                         <form (submit)=\"toastCompleteForm($event)\">\r\n                              <div class=\"row\">\r\n                                   <div class=\"col-md-6 col-12 mt-2\" *ngIf=\"block.sendName\">\r\n                                        <input class=\"form-control mb-4 radius-0 border-0\" type=\"text\"\r\n                                             [formControl]=\"contact_form.controls['name']\" placeholder=\"Nombre\">\r\n                                   </div>\r\n                                   <div class=\"col-md-6 col-12 mt-2\" *ngIf=\"block.sendEmail\">\r\n                                        <input class=\"form-control mb-4 radius-0 border-0\" type=\"text\"\r\n                                             [formControl]=\"contact_form.controls['email']\"\r\n                                             placeholder=\"Correo electr\u00F3nico\">\r\n                                   </div>\r\n                                   <div class=\"col-md-6 col-12 mt-2\" *ngIf=\"block.sendTelephone\">\r\n                                        <input class=\"form-control mb-4 radius-0 border-0\" type=\"text\"\r\n                                             [formControl]=\"contact_form.controls['telephone']\"\r\n                                             placeholder=\"Numero de tel\u00E9fno\">\r\n                                   </div>\r\n                                   <div class=\"col-md-6 col-12 mt-2\" *ngIf=\"block.sendSubject\">\r\n                                        <input class=\"form-control mb-4 radius-0 border-0\" type=\"text\"\r\n                                             [formControl]=\"contact_form.controls['subject']\" placeholder=\"Asunto\">\r\n                                   </div>\r\n                                   <div class=\"col-12 mt-2\" *ngIf=\"block.sendBody\">\r\n                                        <textarea class=\"form-control mb-4 radius-0 border-0\"\r\n                                             [formControl]=\"contact_form.controls['body']\"\r\n                                             placeholder=\"Comentarios\"></textarea>\r\n                                   </div>\r\n                                   <div class=\"col-12 mt-2\">\r\n                                     \r\n                                        <re-captcha class=\"g-recaptcha\" (resolved)=\"resolved($event)\"\r\n                                             [formControl]=\"contact_form.controls['captcha']\">\r\n                                        </re-captcha>\r\n                                   </div>\r\n                                   <div class=\"col-12 mb-5\">\r\n                                        <button [disabled]=\"contact_form.invalid\" type=\"submit\"\r\n                                             class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">ENVIAR</button>\r\n                                   </div>\r\n                              </div>\r\n                         </form>\r\n                    </div>\r\n               </div>\r\n          </div>\r\n     </div>\r\n</div> -->\r\n\r\n<div [ngClass]=\"trimClassBlock(block.code) + ' container-fluid'\"  *ngIf=\"block\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a\r\n                    la brevedad' }}</p>\r\n            </div>\r\n            <form (submit)=\"toastCompleteForm($event)\" class=\"position-relative\">\r\n                <div class=\"form-group\" *ngIf=\"block.sendName\">\r\n                    <label class=\"sr-only\" for=\"nombre\">Nombre</label>\r\n                    <input [formControl]=\"contact_form.controls['name']\" type=\"text\"\r\n                        class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\r\n                </div>\r\n\r\n                <div class=\"form-group\" *ngIf=\"block.sendEmail\">\r\n                    <label class=\"sr-only\" for=\"mail\">Email</label>\r\n                    <input [formControl]=\"contact_form.controls['email']\" type=\"email\"\r\n                        class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\r\n                </div>\r\n\r\n                <div class=\"form-group\" *ngIf=\"block.sendTelephone\">\r\n                    <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\r\n                    <input [formControl]=\"contact_form.controls['telephone']\" type=\"text\"\r\n                        class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\r\n                </div>\r\n\r\n                <div class=\"form-group\" *ngIf=\"block.sendSubject\">\r\n                    <label class=\"sr-only\" for=\"subject\">Asunto</label>\r\n                    <input [formControl]=\"contact_form.controls['subject']\" type=\"text\"\r\n                        class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\r\n                </div>\r\n\r\n                <div class=\"form-group\" *ngIf=\"block.sendBody\">\r\n                    <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\r\n                    <textarea [formControl]=\"contact_form.controls['body']\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\r\n                        rows=\"5\" placeholder=\"Dejanos tu mensaje\"\r\n                        class=\"form-control form-control-sm required\"></textarea>\r\n                </div>\r\n\r\n                <div class=\"boxContenidoCapcha mb-3\">\r\n                    <div class=\"contenedorCaptcha\">\r\n                        <re-captcha-ec [form]=\"contact_form\"></re-captcha-ec>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\r\n                    [disabled]=\"contact_form.invalid\">ENVIAR</button>\r\n                \r\n                <app-loading-section-ec *ngIf=\"loading\"></app-loading-section-ec>\r\n            </form>\r\n        </div>\r\n\r\n       <!--  <div class=\"col-12 col-md-4 py-3\">\r\n            <div *ngIf=\"block && block.additionalInformation; else noHTMLContentView\"\r\n                [innerHTML]=\"block.additionalInformation\">\r\n            </div>\r\n        </div> -->\r\n    </div>\r\n</div>",
@@ -6776,7 +6834,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$J = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$K = (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;
@@ -6800,10 +6858,10 @@
         BlockHtmlEcComponent.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$J([
+        __decorate$K([
             core.Input()
         ], BlockHtmlEcComponent.prototype, "html_content", void 0);
-        BlockHtmlEcComponent = __decorate$J([
+        BlockHtmlEcComponent = __decorate$K([
             core.Component({
                 selector: 'app-block-html-ec',
                 template: "<div [innerHTML]=\"html_content\"></div>",
@@ -6837,7 +6895,7 @@
         };
         return __assign$g.apply(this, arguments);
     };
-    var __decorate$K = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$L = (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;
@@ -6954,22 +7012,22 @@
             { type: BlocksService },
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        __decorate$K([
+        __decorate$L([
             core.Input()
         ], ContactFormNewsEcComponent.prototype, "block", void 0);
-        __decorate$K([
+        __decorate$L([
             core.Input()
         ], ContactFormNewsEcComponent.prototype, "complete", void 0);
-        __decorate$K([
+        __decorate$L([
             core.Input()
         ], ContactFormNewsEcComponent.prototype, "success_message", void 0);
-        __decorate$K([
+        __decorate$L([
             core.Input()
         ], ContactFormNewsEcComponent.prototype, "subject", void 0);
-        __decorate$K([
+        __decorate$L([
             core.Input()
         ], ContactFormNewsEcComponent.prototype, "codeBlock", void 0);
-        ContactFormNewsEcComponent = __decorate$K([
+        ContactFormNewsEcComponent = __decorate$L([
             core.Component({
                 selector: 'app-contact-form-news-ec',
                 template: "<div class=\"row\">\r\n    <div class=\"col-12 p-md-5 p-0\">\r\n        <div class=\"row d-flex flex-row justify-content-center\" id=\"newsletter\">\r\n\r\n            <form (submit)=\"toastNewsletterForm($event)\" id=\"form-suscripcion\" name=\"form-suscripcion\">\r\n                <h4>{{block.name || 'Suscr\u00EDbete a nuestras novedades'}}</h4>\r\n\r\n                <div class=\"input-group mb-3\">\r\n                    <input type=\"email\" class=\"form-control\" placeholder=\"Tu Email\"  [formControl]=\"newsletter_form.controls['email']\">\r\n                    <button class=\"btn btn-secondary\" type=\"submit\" id=\"button-addon\">Enviar</button>\r\n                </div>\r\n                <div class=\"form-check\">\r\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"flexCheck\"  [formControl]=\"newsletter_form.controls['terms']\">\r\n                    <label class=\"form-check-label\" for=\"flexCheck\">\r\n                        Acepto que he le\u00EDdo la <a routerLink=\"/section/terminos-y-condiciones\">pol\u00EDtica de\r\n                            privacidad y condiciones</a>\r\n                    </label>\r\n                </div>\r\n                <!-- <input type=\"text\" name=\"email-suscripcion\" id=\"email-suscripcion\" placeholder=\"Tu e-mail\"\r\n                    data-bs-bvalidator=\"email,required\" data-bs-bvalidator-msg=\"Completar\" required email\r\n                    [formControl]=\"newsletter_form.controls['email']\">\r\n                <button type=\"submit\" value=\"Enviar\">Enviar</button>\r\n                <br />\r\n                <div class=\"d-flex flex-row align-items-end\">\r\n                    <input class=\"form-check-input justify-content-star\" type=\"checkbox\" required\r\n                        [formControl]=\"newsletter_form.controls['terms']\" id=\"flexCheckDefault\">\r\n                    <label class=\"form-check-label\" for=\"flexCheckDefault\">\r\n                        Acepto que he le\u00EDdo la <a routerLink=\"/section/terminos-y-condiciones\"\r\n                            class=\"text-white text-underline d-inline\">pol\u00EDtica de\r\n                            privacidad y condiciones</a>\r\n                    </label>\r\n                </div> -->\r\n            </form>\r\n\r\n        </div>\r\n    </div>\r\n</div>",
@@ -7005,7 +7063,7 @@
         };
         return __assign$h.apply(this, arguments);
     };
-    var __decorate$L = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$M = (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;
@@ -7091,28 +7149,28 @@
             { type: Constants },
             { type: AnalyticsService }
         ]; };
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "appProduct", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "products", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "meta", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "dots", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "nav", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "loop", void 0);
-        __decorate$L([
+        __decorate$M([
             core.Input()
         ], BlockProductsEcComponent.prototype, "margin", void 0);
-        BlockProductsEcComponent = __decorate$L([
+        BlockProductsEcComponent = __decorate$M([
             core.Component({
                 selector: 'app-block-products-ec',
                 template: "<!-- <div class=\"row\">\r\n     <div class=\"col-12 text-center mt-4\">\r\n          <h1 class=\"ff-source-bold color-golden\">\r\n               {{ meta.name || 'NOVEDADES'}}\r\n          </h1>\r\n     </div>\r\n     <div class=\"col-12 p-0\">\r\n          <div class=\"container\">\r\n               <owl-carousel-o [options]=\"options\" class=\" py-3 px-md-5 px-0\">\r\n                    <ng-container *ngFor=\"let product of products\">\r\n                         <ng-template carouselSlide>\r\n                              <div class=\"px-4 py-0 text-center\">\r\n                                   <app-product [product]=\"product\"></app-product>\r\n                              </div>\r\n                         </ng-template>\r\n                    </ng-container>\r\n               </owl-carousel-o>\r\n          </div>\r\n     </div>\r\n</div> -->\r\n<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\">\r\n\r\n\r\n    <div class=\"blockProduct block-product\">\r\n        <div *ngIf=\"meta.name\" class=\"row\">\r\n            <div class=\"col-12 mt-4\">\r\n                <h2  class=\"font-weight-normal font-gd\">\r\n                    <span>{{meta.name}}</span>\r\n                </h2>\r\n            </div>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"meta.styles && meta.styles.carrousel == false ; else carrousel\">\r\n\r\n            <div class=\"row \">\r\n                <div [class]=\"'item '+ ' col-'+ (meta.styles.items.sm) + ' col-md-' + (meta.styles.items.md)  + ' col-lg-' + (meta.styles.items.lg)  + ' px-2'\"\r\n                    *ngFor=\"let product of products; let i = index\" [id]=\"i\">\r\n\r\n\r\n                    <!-- verifica que si vienen un template para un custom appProduct llamado \"appProduct\" con un objeto \"product\"- sino usa por defecto el del core -->\r\n                    <ng-container [ngTemplateOutlet]=\"appProduct ? appProduct : defaultAppProduct\" [ngTemplateOutletContext]=\"{product:product}\"  ></ng-container>\r\n                   \r\n                  \r\n                </div>\r\n            </div>\r\n\r\n        </ng-container>\r\n\r\n        <ng-template #carrousel>\r\n\r\n\r\n            <owl-carousel-o [options]=\"optionsOwl\">\r\n                <ng-template carouselSlide *ngFor=\"let product of products; let i = index\" [id]=\"i\">\r\n\r\n                    <ng-container [ngTemplateOutlet]=\"appProduct ? appProduct : defaultAppProduct\" [ngTemplateOutletContext]=\"{product:product}\"  ></ng-container>\r\n\r\n                    <!-- <app-product-ec [product]=\"product\"></app-product-ec> -->\r\n                </ng-template>\r\n            </owl-carousel-o>\r\n\r\n\r\n        </ng-template>\r\n    </div>\r\n</section>\r\n\r\n\r\n<!-- componente por defecto (tomara como producto el contexto pasado como \"product\") -->\r\n<ng-template #defaultAppProduct let-product=\"product\" > \r\n    <!-- <app-product [product]=\"product\"></app-product> -->\r\n    <app-product-ec [product]=\"product\"></app-product-ec>\r\n</ng-template>",
@@ -7135,7 +7193,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$M = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$N = (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;
@@ -7180,22 +7238,22 @@
             { type: Constants },
             { type: AnalyticsService }
         ]; };
-        __decorate$M([
+        __decorate$N([
             core.Input()
         ], BlocksEcComponent.prototype, "appProduct", void 0);
-        __decorate$M([
+        __decorate$N([
             core.Input()
         ], BlocksEcComponent.prototype, "templates", void 0);
-        __decorate$M([
+        __decorate$N([
             core.Input()
         ], BlocksEcComponent.prototype, "blockFilters", void 0);
-        __decorate$M([
+        __decorate$N([
             core.Input()
         ], BlocksEcComponent.prototype, "section", null);
-        __decorate$M([
+        __decorate$N([
             core.Input()
         ], BlocksEcComponent.prototype, "show_loading", void 0);
-        BlocksEcComponent = __decorate$M([
+        BlocksEcComponent = __decorate$N([
             core.Component({
                 selector: 'app-blocks-ec',
                 template: "<div *ngIf=\"blocksService.blocks | async as blocks\">\r\n    <div *ngIf=\"blocks\">\r\n        <div class=\"container-fluid px-0\" *ngIf=\"blocks.length >= 1; else loading\">\r\n            <div class=\"row\">\r\n\r\n                <ng-container *ngFor=\"let block of blocks\">\r\n                    <ng-container [ngSwitch]=\"block.contentType\">\r\n                        <!-- Block Banner-->\r\n                        <ng-container *ngSwitchCase=\"'banner'\">\r\n                            <!--Banner Full-->\r\n                            <ng-template #appBlockBannerFullEc let-block=\"block\">\r\n                                <app-block-banner-full-ec\r\n                                    [class]=\"block.styles && block.styles?.items ? ('col-sm-' + block.styles?.items.sm + ' col-md-' + block.styles?.items.md + ' col-lg-' + block.styles?.items.lg) : ' col-12'\"\r\n                                    [banners]=\"block.banners\" [margin]=\"0\" [meta]=\"block\">\r\n                                </app-block-banner-full-ec>\r\n                            </ng-template>\r\n                            <ng-container *ngIf=\"block.design == 'full'\"\r\n                                [ngTemplateOutlet]=\"templates && templates.appBlockBannerFull ? templates.appBlockBannerFull : appBlockBannerFullEc\"\r\n                                [ngTemplateOutletContext]=\"{block:block}\">\r\n                            </ng-container>\r\n                            <!---->\r\n                            <!--Banner Box-->\r\n                            <ng-template #appBlockBannerBoxesEc let-block=\"block\">\r\n                                <app-block-banner-boxes-ec\r\n                                    [class]=\"block.styles && block.styles?.items ? ('col-sm-' + block.styles?.items.sm + ' col-md-' + block.styles?.items.md + ' col-lg-' + block.styles?.items.lg) : ' col-12'\"\r\n                                    [banners]=\"block.banners\" [meta]=\"block\">\r\n                                </app-block-banner-boxes-ec>\r\n                            </ng-template>\r\n                            <ng-container *ngIf=\"block.design == 'boxes'\"\r\n                                [ngTemplateOutlet]=\"templates && templates.appBlockBannerBoxes? templates.appBlockBannerBoxes : appBlockBannerBoxesEc\"\r\n                                [ngTemplateOutletContext]=\"{block:block}\">\r\n                            </ng-container>\r\n                            <!---->\r\n                        </ng-container>\r\n                        <!-- End Block Banner -->\r\n\r\n                        <!--Block Html -->\r\n                        <ng-template #appBlockHtmlEc let-block=\"block\">\r\n                            <app-block-html-ec class=\"col-12\" [html_content]=\"getHTMLContent(block)\">\r\n                            </app-block-html-ec>\r\n                        </ng-template>\r\n                        <ng-container *ngSwitchCase=\"'html'\">\r\n                            <ng-container *ngIf=\"showBlock(block)\"\r\n                                [ngTemplateOutlet]=\"templates && templates.appBlockHtml ? templates.appBlockHtml : appBlockHtmlEc\"\r\n                                [ngTemplateOutletContext]=\"{block:block}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <!--End Block Html-->\r\n\r\n                        <!--Block Products-->\r\n                        <ng-template #appBlockProductsEc let-block=\"block\">\r\n                            <app-block-products-ec\r\n                                [class]=\"block.styles && block.styles?.items ? ('col-sm-' + block.styles?.items.sm + ' col-md-' + block.styles?.items.md + ' col-lg-' + block.styles?.items.lg) : ' col-12'\"\r\n                                [products]=\"block.products.items\" [meta]=\"block\" [appProduct]=\"appProduct\">\r\n                            </app-block-products-ec>\r\n                        </ng-template>\r\n\r\n                        <ng-container *ngSwitchCase=\"'products'\"\r\n                            [ngTemplateOutlet]=\"templates && templates.appBlockProducts ? templates.appBlockProducts : appBlockProductsEc\"\r\n                            [ngTemplateOutletContext]=\"{block:block}\"></ng-container>\r\n                        <!--End Blocks Products-->\r\n\r\n                        <!-- Contact Form/Newsletter -->\r\n                        <ng-container *ngSwitchCase=\"'contact_form'\">\r\n                            <!--Newsletter-->\r\n                            <ng-container *ngIf=\"isNewsletter(block); else completeForm\">\r\n                                <ng-template #appContactFormNewsEc let-block=\"block\">\r\n                                    <app-contact-form-news-ec [block]=\"block.contactForm\">\r\n                                    </app-contact-form-news-ec>\r\n                                </ng-template>\r\n                                <ng-container\r\n                                    [ngTemplateOutlet]=\"templates && templates.appContactFormNews ? templates.appContactFormNews : appContactFormNewsEc\"\r\n                                    [ngTemplateOutletContext]=\"{block:block}\"></ng-container>\r\n                            </ng-container>\r\n                            <!---->\r\n                            <!--Contact Form-->\r\n                            <ng-template #completeForm>\r\n                                <ng-template #appBlockFormContactEc let-block=\"block\">\r\n                                    <app-block-form-contact-ec [block]=\"block.contactForm\"></app-block-form-contact-ec>\r\n                                </ng-template>\r\n                                <ng-container\r\n                                    [ngTemplateOutlet]=\"templates && templates.appBlockFormContact ? templates.appBlockFormContact : appBlockFormContactEc\"\r\n                                    [ngTemplateOutletContext]=\"{block:block}\"></ng-container>\r\n                            </ng-template>\r\n                            <!---->\r\n                        </ng-container>\r\n                        <!-- End Contact Form/Newsletter-->\r\n                    </ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-template #loading>\r\n            <div *ngIf=\"show_loading\">\r\n                <div class=\"loading-container\">\r\n                    <app-loading-full-ec [hole_height]=\"true\"></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</div>",
@@ -7219,7 +7277,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$N = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$O = (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;
@@ -7652,7 +7710,7 @@
             { type: ToastService },
             { type: AddressingService }
         ]; };
-        CartEcComponent = __decorate$N([
+        CartEcComponent = __decorate$O([
             core.Component({
                 selector: 'app-cart-ec',
                 template: "",
@@ -7675,7 +7733,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$O = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$P = (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;
@@ -7803,7 +7861,7 @@
             { type: ProductsService },
             { type: ChannelConfigService }
         ]; };
-        CheckoutEcComponent = __decorate$O([
+        CheckoutEcComponent = __decorate$P([
             core.Component({
                 selector: 'app-checkout-ec',
                 template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    <div *ngIf=\"canCheckout; else cartEmpty\">\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                    <div id=\"stepper\" class=\"bs-stepper\" *ngIf=\"(checkoutService.state$ | async) as state\">\r\n\r\n                        <div class=\"row mb-3 position-relative stepperContainer\">\r\n                            <ng-container *ngFor=\"let step of steps; let x=index\">\r\n                                <div [class]=\"'px-0 col-'+(12 / steps.length)\">\r\n                                    <div [class]=\"'step ' +  getClassToStepper(x)\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <button class=\"step-trigger\">\r\n                                            <span class=\"bs-stepper-circle\">{{x+1}}</span>\r\n                                            <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                            <div *ngIf=\"(checkoutService.state$ | async) as checkoutState\">\r\n                                <ng-container *ngFor=\"let step of steps; let x=index\">\r\n                                    <div [id]=\"'test-l-'+step.step\" class=\"content\">\r\n                                     <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">  \r\n                                     </app-step-ec>   \r\n                                    </div>\r\n                                </ng-container>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <ng-container *ngIf=\"(checkoutService.loading$ | async) as load\">\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n                            <app-loading-full-ec></app-loading-full-ec>\r\n                            <h5>{{ 'processing-payment' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</main>\r\n\r\n<ng-template #cartEmpty>\r\n    <div class=\"wrap\">\r\n        <div *ngIf=\"(loading$ | async) as load\">\r\n            <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n        </div>\r\n        <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n            <section id=\"cart bg-white h-50\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                    <h4>{{ 'empty-cart' | translate }}</h4>\r\n                    <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                </div>\r\n            </section>\r\n        </section>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loading>\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</ng-template>\r\n\r\n<ng-template #requireLoginView>\r\n</ng-template>\r\n\r\n\r\n<!-- <ec-checkout-error></ec-checkout-error> -->",
@@ -7837,7 +7895,7 @@
         };
         return __assign$i.apply(this, arguments);
     };
-    var __decorate$P = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8218,16 +8276,16 @@
             { type: Constants },
             { type: ChannelConfigService }
         ]; };
-        __decorate$P([
+        __decorate$Q([
             core.Input()
         ], DataFormEcComponent.prototype, "step_id", void 0);
-        __decorate$P([
+        __decorate$Q([
             core.Input()
         ], DataFormEcComponent.prototype, "isLastOne", void 0);
-        __decorate$P([
+        __decorate$Q([
             core.Input()
         ], DataFormEcComponent.prototype, "nextStep", void 0);
-        DataFormEcComponent = __decorate$P([
+        DataFormEcComponent = __decorate$Q([
             core.Component({
                 selector: 'app-dataform-ec',
                 template: "<ng-container *ngIf=\"this.channelConfig.channelType != 'b2b' || (this.channelConfig.channelType == 'b2b' && authService.isAuthenticated()); else pleaseLogin\">\r\n<ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null\">\r\n    <div class=\"container card p-4 mb-3\">\r\n        <div class=\"row justify-content-center\">\r\n            <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n                <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                            (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                    </label>\r\n\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\" *ngIf=\"!getParamByChannelAndLanguage('btn_new_address_')\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                        {{ 'new-address' | translate | titlecase}}\r\n                    </label>\r\n\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\" *ngIf=\"getParamByChannelAndLanguage('btn_new_address_') as param\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                        {{ param.value}}\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"getMode(); else addressSelection\">\r\n    <div *ngIf=\"!require_login; else requireLoginView\">\r\n\r\n        <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_LOAD_ADDRESS'\">\r\n            <div class=\"checkout-title  my-2\">\r\n                <h3>{{'billing-details'|translate}}</h3>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <form (submit)=\"verifyValidate(false,this.cartService.items)\">\r\n            <div class=\"row mt-df\"><!--Fila 1-->\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                    <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                        [formControl]=\"checkoutForm.controls['firstName']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.required\">\r\n                        <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.pattern\">\r\n                        <span class=\"text-danger\">\r\n                            {{'first-name-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                    <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                        [formControl]=\"checkoutForm.controls['lastName']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.required\">\r\n                        <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.pattern\">\r\n                        <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\"><!--Fila 2-->\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                    <label class=\"field-label\">{{'phone'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                        [formControl]=\"checkoutForm.controls['phoneNumber']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.required\">\r\n                        <span class=\"text-danger\">\r\n\r\n                            {{'phone-help1'|translate}}\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.pattern\">\r\n                        <span class=\"text-danger\">\r\n                            {{'phone-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                    <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                        [formControl]=\"checkoutForm.controls['email']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.required\">\r\n                        <span class=\"text-danger\">\r\n                            {{'email-address-help1'|translate}}\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.email\">\r\n                        <span class=\"text-danger\">\r\n                            {{'email-address-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 3-->\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(countries$ | async) as countries\">\r\n                        <label class=\"field-label\">{{'country'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select class=\"form-select\" name=\"countryCode\"\r\n                            [formControl]=\"checkoutForm.controls['countryCode']\"\r\n                            (change)=\"onCountrySelected($event.target.value)\">\r\n                          <!--   <option selected [value]=\"countries[0].code\">{{ 'choose-country' | translate }}</option> -->\r\n                            <option *ngFor=\"let country of countries\" [value]=\"country.code\">{{ country.name }}</option>\r\n                        </select>\r\n                        <div *ngIf=\"checkoutForm.controls.countryCode.touched && checkoutForm.controls.countryCode.errors?.required\"\r\n                            class=\"text text-danger\">\r\n                            {{'country-help'|translate}}\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(provinces$ | async) as provinces\">\r\n                        <label class=\"field-label\">{{'state'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select class=\"form-select\" name=\"provinceCode\"\r\n                            (change)=\"onProvincesSelected($event.target.value)\"\r\n                            [formControl]=\"checkoutForm.controls['provinceCode']\">\r\n<!--                             <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option>\r\n -->                            <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}\r\n                            </option>\r\n                        </select>\r\n                        <div *ngIf=\"checkoutForm.controls.provinceCode.touched && checkoutForm.controls.provinceCode.errors?.required\"\r\n                            class=\"text text-danger\">\r\n                            {{'state-help'|translate}}\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                    <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                        [formControl]=\"checkoutForm.controls['city']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.city.touched && checkoutForm.controls.city.errors?.required\">\r\n                        <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 4-->\r\n                <div class=\"form-group col-12 col-md-8\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                    <label class=\"field-label\">{{'address'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                        [formControl]=\"checkoutForm.controls['street']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.required\">\r\n                        <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.maxlength\">\r\n                        <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- form direcci\u00F3n -->\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                    <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                        [formControl]=\"checkoutForm.controls['postcode']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.required\">\r\n                        <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.pattern\">\r\n                        <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 5-->\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\r\n                        <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select name=\"documentType\" class=\"form-select\"\r\n                            (change)=\"onDocumentTypesSelected($event.target.value)\"\r\n                            [formControl]=\"checkoutForm.controls['documentType']\">\r\n<!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n -->                            <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">{{item.name}}</option>\r\n                        </select>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.documentType.touched && checkoutForm.controls.documentType.errors?.required\">\r\n                            <span class=\"text-danger\">\r\n                                {{'type-document-help'|translate}}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                    <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\"\r\n                        [type]=\"'text'\" name=\"documentNumber\"\r\n                        [formControl]=\"checkoutForm.controls['documentNumber']\" min=\"1\" max=\"99999999999\" value=\"\"\r\n                        placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.documentNumber.touched && checkoutForm.controls.documentNumber.errors?.required\">\r\n                        <span class=\"text-danger\">\r\n                            {{'document-number-help'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 6-->\r\n                <div class=\"form-group col-12 col-md-12\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n\r\n                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}} <span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\" [innerHTML]=\"labelnotes.value\"><span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                            class=\"required\">*</span></label>\r\n\r\n                    <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                        [formControl]=\"checkoutForm.controls['notes']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\"><!--Fila 7-->\r\n                <div class=\"form-group col-12 col-md-12\">\r\n                    <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                            class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                            id=\"formFact\"></label>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\">\r\n                <div class=\"col-12\">\r\n                    <p>\r\n                        <!-- <span class=\"required\"></span> -->\r\n                        <label class=\"required text-underline\">* {{ 'required-fields' | translate }}</label>\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\">\r\n                <div class=\"form-group col-12 col-md-12\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.enabled\">\r\n                    <span *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.required\"\r\n                        class=\"required\">*</span>\r\n                    <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                            [formControl]=\"checkoutForm.controls['terms']\" type=\"checkbox\" required\r\n                            (change)=\"onInputChange()\" /> </label><br />\r\n                    <a (click)=\"openModal(template)\" role=\"button\" class=\"ms-3 nota-input text-dark\">{{ 'whats-this' |\r\n                        translate }}</a>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.terms.touched && !checkoutForm.controls.terms.value\">\r\n                        <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\" *ngIf=\"viewDataFacturacion ; else datosFormFacturacion\"> </div>\r\n            <div class=\"checkout-btn-unique text-end\">\r\n                <button type=\"submit\" [disabled]=\"!validado\" class=\"btn valid-btn mt-2\">\r\n                    {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}</button>\r\n\r\n\r\n            </div>\r\n            <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #addressSelection>\r\n\r\n    <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION'\">\r\n        <div class=\"checkout-title my-2\">\r\n            <h3>{{'address-selection'|translate}}</h3>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.addressBook; else addressBookNotResult\">\r\n\r\n        <ng-container *ngIf=\"this.addressBook?.length ;else addressBookLoading\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\r\n                        <div class=\"card p-3\">\r\n                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                                [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                            <div class=\"ms-5\">\r\n                                <h4 class=\"card-title\">\r\n                                    <strong>{{'address'|translate}}</strong><br>\r\n                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                                </h4>\r\n                                <div class=\"row\">\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                                    </h5>\r\n                                </div>\r\n                                <div class=\"row px-3\">\r\n                                    <div class=\"card p-2 bg-light w-100\">\r\n                                        <div class=\"card-body\">\r\n                                            <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'first-name'|translate}}</strong>\r\n                                                {{item.addressContact.firstName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'last-name'|translate}}</strong> {{item.addressContact.lastName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-type'|translate}}</strong>\r\n                                                {{getDocumentType(item.addressContact.documentType)}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-number'|translate}}</strong>\r\n                                                {{item.addressContact.documentNumber}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'email-address'|translate}}</strong> {{item.addressContact.email}}\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"w-100\">\r\n                    <div class=\"row mt-df\">\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}</label>\r\n                            <label class=\"field-label\"\r\n                                *ngIf=\"getLabelNotesParam() as labelnotes\" [innerHTML]=\"labelnotes.value\"></label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"checkout-btn-unique text-end\">\r\n                    <button (click)=\"selectAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\">\r\n                        {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}\r\n                    </button>\r\n                </div>\r\n                <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #requireLoginView>\r\n    <div id=\"loginCheckout\">\r\n        <div class=\"d-flex flex-column jusitfy-content-center align-items-center\" *ngIf=\"require_login\">\r\n            <div class=\"col-12\">\r\n                <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n                </app-login-form-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<ng-template #datosFormFacturacion>\r\n    <div class=\"container-fluid px-0 px-md-2\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"card \">\r\n                    <div class=\"card-header text-dark text-center\">\r\n                        <h3>{{'billing-data'|translate}}</h3>\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        <form (submit)=\"verifyValidate()\">\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 1-->\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                                    <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['firstName']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.pattern\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'first-name-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                                    <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['lastName']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.pattern\">\r\n                                        <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 2-->\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                                    <label class=\"field-label\">{{'phone'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\r\n                                        name=\"phoneNumber\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['phoneNumber']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'phone-help1'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.pattern\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'phone-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                                    <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['email']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'email-address-help1'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.email\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'email-address-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 3-->\r\n\r\n                                <ng-container\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"(countriesFacturacion$ | async) as countries\">\r\n                                        <label class=\"field-label\">{{'country'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <select class=\"form-select\" name=\"countryCode\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['countryCode']\"\r\n                                            (change)=\"onCountrySelectedFacturacion($event.target.value)\">\r\n                                            <!-- <option selected [value]=\"null\">{{ 'choose-country' | translate }}</option> -->\r\n                                            <option *ngFor=\"let country of countries\" [value]=\"country.code\">\r\n                                                {{ country.name }}</option>\r\n                                        </select>\r\n                                        <div *ngIf=\"checkoutFormFacturacion.controls.countryCode.touched && checkoutFormFacturacion.controls.countryCode.errors?.required\"\r\n                                            class=\"text text-danger\">\r\n                                            {{'country-help'|translate}}\r\n                                        </div>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <ng-container\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"(provincesFacturacion$ | async) as provinces\">\r\n                                        <label class=\"field-label\">{{'state'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <select class=\"form-select\" name=\"provinceCode\"\r\n                                            (change)=\"onProvincesSelectedFacturacion($event.target.value)\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['provinceCode']\">\r\n                                            <!-- <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option> -->\r\n                                            <option *ngFor=\"let province of provinces\" [value]=\"province.code\">\r\n                                                {{ province.name }}\r\n                                            </option>\r\n                                        </select>\r\n                                        <div *ngIf=\"checkoutFormFacturacion.controls.provinceCode.touched && checkoutFormFacturacion.controls.provinceCode.errors?.required\"\r\n                                            class=\"text text-danger\">\r\n                                            {{'state-help'|translate}}\r\n                                        </div>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                                    <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['city']\" value=\"\" placeholder=\"\"\r\n                                        autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.city.touched && checkoutFormFacturacion.controls.city.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 4-->\r\n                                <div class=\"form-group col-12 col-md-8\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                                    <label class=\"field-label\">{{'address'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['street']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.maxlength\">\r\n                                        <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                                    <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['postcode']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.pattern\">\r\n                                        <span class=\"text-danger\">{{'postal-code-pattern-error'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 5-->\r\n                                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                                <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\r\n                                    <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <select name=\"documentType\" class=\"form-select\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['documentType']\">\r\n                                        <!-- <option [value]=\"''\" selected>{{'document-type'|translate}}</option> -->\r\n                                        <option\r\n                                            *ngFor=\"let item of documentTypes\"\r\n                                            [value]=\"item.code\">{{item.name}}</option>\r\n                                    </select>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.documentType.touched && checkoutFormFacturacion.controls.documentType.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'type-document-help'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                                    <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\"\r\n                                        [type]=\"(this.addressingService.typeForms == 'EUR' ? 'text' : 'number') \"\r\n                                        name=\"documentNumber\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\" min=\"1\"\r\n                                        max=\"99999999999\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.documentNumber.touched && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'document-number-help'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                </ng-container>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <div class=\"form-group col-12 col-md-12\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n                                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}} <span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                            <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelNotesHtml\">\r\n                                             <div [innerHTML]=\"labelNotesHtml\"></div>\r\n                                             <span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span>\r\n                                           </label>\r\n\r\n                                    <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['notes']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body scrol-if\">\r\n        <app-section-container-ec [name]=\"'terminos-y-condiciones'\"> </app-section-container-ec>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #addressBookNotResult>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 text-center my-2\">\r\n                <h4> {{'address-book-not-result' | translate }} </h4>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #addressBookLoading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 text-center my-2\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n</ng-container>\r\n\r\n<ng-template #pleaseLogin>\r\n    <div class=\"container\">\r\n        <p>Por favor <a [routerLink]=\"['/auth/login']\" > Inicie Sesi\u00F3n</a></p>\r\n    </div>\r\n</ng-template>",
@@ -8251,7 +8309,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8346,7 +8404,7 @@
             { type: CheckoutService },
             { type: AnalyticsService }
         ]; };
-        PaymentService = __decorate$Q([
+        PaymentService = __decorate$R([
             core.Injectable()
         ], PaymentService);
         return PaymentService;
@@ -8376,7 +8434,7 @@
         };
         return __assign$j.apply(this, arguments);
     };
-    var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8545,13 +8603,13 @@
             { type: PaymentService },
             { type: CheckoutService }
         ]; };
-        __decorate$R([
+        __decorate$S([
             core.Input()
         ], PaymentEcComponent.prototype, "step_id", void 0);
-        __decorate$R([
+        __decorate$S([
             core.ViewChild('formContainer')
         ], PaymentEcComponent.prototype, "mercadopago_button", void 0);
-        PaymentEcComponent = __decorate$R([
+        PaymentEcComponent = __decorate$S([
             core.Component({
                 selector: 'app-payment-ec',
                 template: "<div class=\"container-fluid\" *ngIf=\"(paymentService.methods$ | async) as methods\">\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"card \">\r\n                <div class=\"card-header text-dark text-center\">\r\n                    <h4>{{ 'select-method' | translate }}</h4>\r\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\r\n                        <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n                            <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n                                <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\r\n                                    *ngFor=\"let method of methods; let x = index\"\r\n                                    (click)=\"setMethod(method) ; setActive($event)\">\r\n                                    {{ method.name | translate }}\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"card-body text-center\">\r\n                    <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\r\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\r\n                            <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\r\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n                                <p class=\"px-5\">{{ method.instructions }}</p>\r\n                                <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\"></app-mp-redirect-ec>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\r\n                                        <div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\r\n                                            [user_data]=\"allData()\" [total_amount]=\"total_amount\">\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\"\r\n                                *ngIf=\"isRedirectRedsys(method.code)\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <ng-container *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\r\n                                            <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\r\n                                            </app-redsys-redirect-ec>\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\r\n                                            <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\r\n                                            </app-redsys-redirect-out-ec>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\r\n                                        </app-ceca-redirect-ec>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                            <app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\r\n                                                [total_amount]=\"total_amount\">\r\n                                            </app-paypal-express-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                            <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n                                                [total_amount]=\"total_amount\">\r\n                                            </app-mobbex-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                            <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\r\n                                                [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\">\r\n                                            </app-bancard-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                            <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n                                                [total_amount]=\"total_amount\">\r\n                                            </app-decidir-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\r\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\r\n                                <p class=\"px-5\">{{ method.instructions }}</p>\r\n                                <div class=\"end-button\">\r\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{  ('pay-with-offline'| translate) }}</button>\r\n                                </div>\r\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\r\n                                    <div class=\"mt-2\" *ngIf=\"load\">\r\n                                        <app-loading-inline-ec></app-loading-inline-ec>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                            <!-- <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n                                                [total_amount]=\"total_amount\">\r\n                                            </app-mobbex-ec> -->\r\n                                            <app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\" [amount]=\"total_amount\" [customStyle]=\"true\" (ready)=\"verifyValidate()\"></app-culqi-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                           <app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\r\n                                           [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\"></app-bancard-catastro-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\r\n                                <div class=\"container\">\r\n                                    <div class=\"row justify-content-center\">\r\n                                        <div class=\"col-12\">\r\n                                           <app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\r\n                                           [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\"></app-bamboo-ec>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"method-container text-dark\" *ngIf=\"isBankTransfer(method.code)\">\r\n                                <div class=\"row px-0 description-cont\">\r\n                                    <ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i=index\">\r\n                                        <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\r\n                                    </ng-container>\r\n                                </div>\r\n                                <hr *ngIf=\"method.instructions\">\r\n                                <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\r\n                                    <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\r\n                                    <ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i=index\">\r\n                                        <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\r\n                                    </ng-container>\r\n                                </div>\r\n\r\n                                <div class=\"end-button\">\r\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\r\n                                        ('pay-with-transfer'\r\n                                        | translate) }}</button>\r\n                                </div>\r\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\r\n                                    <div class=\"mt-2\" *ngIf=\"load\">\r\n                                        <app-loading-inline-ec></app-loading-inline-ec>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #mercadoPago>\r\n    <div class=\"row \">\r\n        <div class=\"col-12 text-center\">\r\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\r\n            <form action=\"javascript:void(0)\" #formContainer></form>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loading>\r\n    <app-loading-inline-ec></app-loading-inline-ec>\r\n</ng-template>\r\n",
@@ -8586,7 +8644,7 @@
         };
         return __assign$k.apply(this, arguments);
     };
-    var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$T = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8703,10 +8761,10 @@
             { type: ProductsService },
             { type: CheckoutService }
         ]; };
-        __decorate$S([
+        __decorate$T([
             core.Input()
         ], ShipmentEcComponent.prototype, "step_id", void 0);
-        ShipmentEcComponent = __decorate$S([
+        ShipmentEcComponent = __decorate$T([
             core.Component({
                 selector: 'app-shipment-ec',
                 template: "<!-- <div class=\"checkout-title\">\r\n    <h3>{{'shipment-methods'|translate}}</h3>\r\n</div> -->\r\n\r\n<div class=\"container-fluid\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card text-center\">\r\n            <div class=\"card-header text-dark\">\r\n                <h4>{{ 'select-method' | translate }}</h4>\r\n                <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\r\n                    *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\r\n                    <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n                        <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n                            <button [disabled]=\"this.shipmentService.buttonsDisabled || this.buttonsDisabled\" type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\r\n                                *ngFor=\"let method of deleteUPS(methods); let x = index\"\r\n                                (click)=\"setMethod(method, post_code); setActive($event)\">\r\n                                {{ method.name | translate }}\r\n                            </button>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"card-body\">\r\n                <div class=\"row justify-content-center mb-2\" *ngIf=\"moreInfoInMethod && methodSelect && methodSelect.description\">\r\n                    <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\r\n                      <ng-container *ngFor=\"let line of methodSelect.description.split('\\r\\n'); let i=index\">\r\n                        <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\">{{line}}</span>\r\n                      </ng-container>\r\n                    </div>\r\n                    <!--<span> <b>{{ 'information' | translate }}:</b>  {{methodSelect.description}} </span>-->\r\n                </div>\r\n                <div class=\"row justify-content-center\" *ngIf=\"this.costs\">\r\n                    <ng-container *ngIf=\"!loading_internal ; else loading\">\r\n                        <div class=\"col-auto text-dark\" *ngFor=\"let cost of costs; let y = index\">\r\n                            <ng-container *ngIf=\"cost.contracts.length > 0\">\r\n                              <ng-container *ngIf=\"costs.length > 1; else uniqueShipment\">\r\n                                <span><b>{{ cost.name | translate }}</b></span>\r\n                                <hr />\r\n                                   </ng-container>\r\n                                   <ng-template #uniqueShipment>\r\n                              <span><b>{{ methodSelect.name | translate }}</b></span>\r\n                                <hr />\r\n                                   </ng-template>\r\n                                <div class=\"option\" *ngFor=\"let contract of cost.contracts; let i = index\">\r\n                                    <div class=\"form-check current-contract\">\r\n                                        <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\r\n                                            value=\"dark\" (click)=\"verifyValidate(cost.name, contract)\">\r\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\r\n                                            <span\r\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \"\r\n                                                *ngIf=\"validName(contract.name)\">{{ contract.name | translate }}</span>\r\n                                            <span *ngIf=\"contract.computed\"><br class=\"shipment-contractname\">{{ contract.computed | translate }}<br\r\n                                                    class=\"shipment-contractname\"></span>\r\n                                            <div *ngIf=\"contract.detail\" class=\"contract-detail\">\r\n                                                <div *ngFor=\"let line of contract.detail.split(' - '); let i = index\" [class]=\"'contrat-item-'+i\">\r\n                                                    <span *ngIf=\"i == 0\"><b>{{ line }}</b></span>\r\n                                                    <span class=\"inside-detail\" *ngIf=\"i > 0\">{{ line }}</span>\r\n                                                </div>\r\n                                            </div>\r\n                                            <span *ngIf=\"contract.price > 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\r\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\">\r\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\r\n                                            <!-- <span *ngIf=\"contract.price == 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\r\n                                                <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\"> {{ ('free'|translate) }}</span> -->\r\n                                            <br>\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n\r\n<ng-template #noMethods>\r\n    <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\r\n        <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loading>\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</ng-template>\r\n",
@@ -8730,7 +8788,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$T = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$U = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8781,7 +8839,7 @@
             { type: BlocksService },
             { type: Constants }
         ]; };
-        SuccessEcComponent = __decorate$T([
+        SuccessEcComponent = __decorate$U([
             core.Component({
                 selector: 'app-order-success-ec',
                 template: "<div id=\"container\" class=\"flex-center generalContainer container-xl\">\r\n    <div class=\"Main card my-2\"  *ngIf=\"this.payments && this.payments[0].method.code; else loading\">\r\n        <ng-container *ngIf=\"this.blocks && this.blocks.length > 0; else notInfoToMethod\">\r\n            <ng-container *ngIf=\"containsBlock(this.payments[0].method.code) as bloque; else notInfoToMethod\">\r\n                <div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 col-12\">\r\n                            <h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[consts.getLocale()]?.name ?\r\n                                bloque.translations[consts.getLocale()].name :\r\n                                'thanks-for-buying') | translate\r\n                                | uppercase }}</h5>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 col-12 text-start\">\r\n                            <app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"this.payments[0].method.code\">\r\n                            </app-blocks-ec>\r\n                            <div class=\"d-flex flex-column details\">\r\n                                <p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\r\n                                <p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #notInfoToMethod>\r\n            <ng-template #defaultMessage>\r\n                <div class=\"wrap my-4 card-body\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 col-12\">\r\n                            <h5 class=\"card-title titpage center-block text-center\">\r\n                                {{ 'thanks-for-buying' | translate | uppercase }}\r\n                            </h5>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 col-12 text-center py-3\">\r\n                            <h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\r\n                            <h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\r\n                            <h5 class=\"pending\">{{ ((params.payment_status || 'pending') | translate) }}</h5>\r\n                            <!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\r\n\r\n                            <!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : defaultMessage\"\r\n                [ngTemplateOutletContext]=\"{params:params}\">\r\n            </ng-container>\r\n        </ng-template>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loading>\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</ng-template>",
@@ -8804,7 +8862,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$U = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$V = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9016,19 +9074,19 @@
             { type: Constants },
             { type: FiltersService }
         ]; };
-        __decorate$U([
+        __decorate$V([
             core.Input()
         ], CollectionEcComponent.prototype, "type", void 0);
-        __decorate$U([
+        __decorate$V([
             core.Input()
         ], CollectionEcComponent.prototype, "value", void 0);
-        __decorate$U([
+        __decorate$V([
             core.Input()
         ], CollectionEcComponent.prototype, "productsWithUniqueVariant", void 0);
-        __decorate$U([
+        __decorate$V([
             core.Input()
         ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-        CollectionEcComponent = __decorate$U([
+        CollectionEcComponent = __decorate$V([
             core.Component({
                 selector: 'app-collection-ec',
                 template: "\r\n<div>\r\n    <div class=\"collection\">\r\n        <ng-content select=\"[collection]\"> </ng-content>\r\n    </div>\r\n\r\n    <div class=\"all\">\r\n        <ng-content select=\"[all]\"> </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"'collection'\"></app-blocks-ec>",
@@ -9051,7 +9109,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$V = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$W = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9094,7 +9152,7 @@
             { type: CartService },
             { type: ToastService }
         ]; };
-        CouponEcComponent = __decorate$V([
+        CouponEcComponent = __decorate$W([
             core.Component({
                 selector: 'app-coupon-ec',
                 template: "<!-- <div class=\"input-group mb-3 border-golden\" *ngIf=\"!aplied\">\r\n     <input type=\"text\" class=\"form-control radius-0\" placeholder=\"\u00A1Tengo un cup\u00F3n de descuento!\"\r\n          aria-label=\"\u00A1Tengo un cup\u00F3n de descuento!\" aria-describedby=\"basic-addon2\"\r\n          [disabled]=\"aplied\" [(ngModel)]=\"coupon_value\">\r\n     <div class=\"input-group-append\">\r\n          <button class=\"btn bg-golden color-white radius-0\" \r\n               (click)=\"setLoading() && addCoupon()\" \r\n               [disabled]=\"!validCoupon() || loading\" \r\n               type=\"button\">APLICAR</button>\r\n     </div>\r\n</div> -->",
@@ -9117,7 +9175,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$W = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$X = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9155,7 +9213,7 @@
             { type: OptionsService },
             { type: ToastService }
         ]; };
-        FaqsContentEcComponent = __decorate$W([
+        FaqsContentEcComponent = __decorate$X([
             core.Component({
                 selector: 'app-faqs-content-ec',
                 template: "<section class=\"formulario container\" *ngIf=\"faqs; else loading\">\r\n\r\n    <div *ngIf=\"!empty_faqs; else emptyFaqsView\">\r\n        <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n            <strong>{{ 'FAQ' | translate }}</strong>\r\n        </div>\r\n\r\n        <div class=\"row w-100 m-auto\">\r\n            <div class=\"col-12 col-md-4 col-lg-3 col-xl-2\">\r\n                <div class=\"nav flex-column nav-pills\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                    <a [class]=\"'nav-link radius-0 text-dark bb-solid ' +  (i == 0 ? 'active' : '')\" data-bs-toggle=\"pill\"\r\n                        role=\"tab\" [id]=\"'v-pills-tab-'+i\" [href]=\"'#v-pills-'+i\" [attr.data-bs-target]=\"'#v-pills-'+i\"\r\n                        *ngFor=\"let faq of faqs; let i = index\">{{ faq.title | translate }}</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-8 col-lg-9 col-xl-10\">\r\n                <div class=\"tab-content mt-5 mt-md-0\" id=\"v-pills-tabContent\">\r\n                    <div [class]=\"'tab-pane fade ' +  (i == 0 ? 'show active' : '')\" role=\"tabpanel\"\r\n                        *ngFor=\"let faq of faqs; let i = index\" [id]=\"'v-pills-'+i\">\r\n                        <h3>{{ faq.title | translate }}</h3>\r\n                        <div *ngFor=\"let question of faq.questions\">\r\n                            <h5><strong>{{ question.question | translate }}</strong></h5>\r\n                            <p>{{ question.answer | translate }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</section>\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyFaqsView>\r\n    <div>\r\n        {{ 'empty_faqs' | translate }}\r\n    </div>\r\n</ng-template>",
@@ -9178,7 +9236,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$X = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$Y = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9206,6 +9264,10 @@
                 //      : this.document.getElementById(accordion_id).classList.remove('show');
                 return true;
             };
+            _this.scrollUp = function () {
+                window.scroll(0, 0);
+                return true;
+            };
             _this.ecOnConstruct();
             return _this;
         }
@@ -9247,18 +9309,71 @@
                 });
             });
         };
+        /**
+         * Redondea al múltiplo de 'step' respetando el redondeo entero:
+         * - Mínimo: redondea hacia abajo.
+         * - Máximo: redondea hacia arriba.
+         */
+        FiltersEcComponent.prototype.roundToNearest = function (value, step, type, filter) {
+            var rounded = Math.round(value / step) * step;
+            if (type === 'max' && rounded < filter.maxPrice) {
+                rounded = Math.ceil(value / step) * step;
+            }
+            if (type === 'min' && rounded > filter.minPrice) {
+                rounded = Math.floor(value / step) * step;
+            }
+            return rounded;
+        };
+        /**
+         * Actualiza los valores del filtro permitiendo que un input empuje al otro.
+         */
+        FiltersEcComponent.prototype.updateFilterPrices = function (type, value, filter, priceGap) {
+            var _a, _b, _c;
+            var globalMin = (_a = filter.minPrice, (_a !== null && _a !== void 0 ? _a : 0));
+            var globalMax = filter.maxPrice;
+            var currentMin = (_b = filter.currentMinPrice, (_b !== null && _b !== void 0 ? _b : globalMin));
+            var currentMax = (_c = filter.currentMaxPrice, (_c !== null && _c !== void 0 ? _c : globalMax));
+            if (type === 'min') {
+                var newMin = Math.min(Math.max(value, globalMin), globalMax);
+                if (newMin + priceGap > currentMax) {
+                    var newMaxCandidate = newMin + priceGap;
+                    if (newMaxCandidate <= globalMax) {
+                        currentMax = newMaxCandidate;
+                    }
+                    else {
+                        newMin = globalMax - priceGap;
+                    }
+                }
+                filter.currentMinPrice = newMin;
+                filter.currentMaxPrice = currentMax;
+            }
+            else if (type === 'max') {
+                var newMax = Math.max(Math.min(value, globalMax), globalMin);
+                if (newMax - priceGap < currentMin) {
+                    var newMinCandidate = newMax - priceGap;
+                    if (newMinCandidate >= globalMin) {
+                        currentMin = newMinCandidate;
+                    }
+                    else {
+                        newMax = globalMin + priceGap;
+                    }
+                }
+                filter.currentMaxPrice = newMax;
+                filter.currentMinPrice = currentMin;
+            }
+        };
         FiltersEcComponent.ctorParameters = function () { return [
             { type: Constants },
             { type: Document, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
             { type: FiltersService }
         ]; };
-        __decorate$X([
+        __decorate$Y([
             core.Input()
         ], FiltersEcComponent.prototype, "setSelected", void 0);
-        __decorate$X([
+        __decorate$Y([
             core.Input()
         ], FiltersEcComponent.prototype, "filters", void 0);
-        FiltersEcComponent = __decorate$X([
+        FiltersEcComponent = __decorate$Y([
             core.Component({
                 selector: 'app-filters-ec',
                 template: "",
@@ -9282,7 +9397,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$Y = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9359,19 +9474,19 @@
             { type: Constants },
             { type: Document, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
         ]; };
-        __decorate$Y([
+        __decorate$Z([
             core.Input()
         ], FiltersTopEcComponent.prototype, "setSelected", void 0);
-        __decorate$Y([
+        __decorate$Z([
             core.Input()
         ], FiltersTopEcComponent.prototype, "filters", void 0);
-        __decorate$Y([
+        __decorate$Z([
             core.Input()
         ], FiltersTopEcComponent.prototype, "full", void 0);
-        __decorate$Y([
+        __decorate$Z([
             core.Output()
         ], FiltersTopEcComponent.prototype, "changeFilter", void 0);
-        FiltersTopEcComponent = __decorate$Y([
+        FiltersTopEcComponent = __decorate$Z([
             core.Component({
                 selector: 'app-filters-top-ec',
                 template: "",
@@ -9406,7 +9521,7 @@
         };
         return __assign$l.apply(this, arguments);
     };
-    var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$_ = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9475,7 +9590,7 @@
             { type: ParametersService },
             { type: Constants }
         ]; };
-        FooterEcComponent = __decorate$Z([
+        FooterEcComponent = __decorate$_([
             core.Component({
                 selector: 'app-footer-ec',
                 template: "",
@@ -9509,7 +9624,7 @@
         };
         return __assign$m.apply(this, arguments);
     };
-    var __decorate$_ = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$$ = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9704,10 +9819,10 @@
             { type: core.Renderer2 },
             { type: ChannelConfigService }
         ]; };
-        __decorate$_([
+        __decorate$$([
             core.ViewChild("menu")
         ], HeaderEcComponent.prototype, "menu_button", void 0);
-        HeaderEcComponent = __decorate$_([
+        HeaderEcComponent = __decorate$$([
             core.Component({
                 selector: 'app-header-ec',
                 template: "<!-- <header [class]=\"(!transparent ? 'no-banner' : '')\" id=\"header-principal\">\r\n     <div class=\"row border-color-buttom-gray m-0 d-none d-md-block\" id=\"novedades\">\r\n          <div class=\"col-12 py-2\">\r\n               {{ (params && params.header) || 'Sin informaci\u00F3n de cabecera' }}\r\n          </div>\r\n     </div>\r\n     <div class=\"row encabezado-superior m-0 d-flex justify-content-center\" id=\"top-menu-principal\">\r\n          <div class=\"col-md-6 col-3 p-md-3 p-2\">\r\n               <a routerLink=\"/home\">\r\n                    <img src=\"assets/image/logo.png\" id=\"logo-superior\" class=\"ml-md-4 ml-1\">\r\n               </a>\r\n          </div>\r\n          <div class=\"col-md-6 col-9 px-md-5 px-2 d-flex align-items-center justify-content-end\">\r\n               <ul class=\"nav d-flex align-items-center justify-content-end\">\r\n                    <li class=\"px-2 outside-menu\">\r\n                         <div class=\"order-3 order-lg-1 input-search pt-3\">\r\n                              <form (submit)=\"$event.preventDefault()\" class=\"navbar-form navbar-left m-1\">\r\n                                   <div class=\"input-group input-group-sm mb-3\" >\r\n                                        <input type=\"text\" class=\"form-control input-rounded bg-transparent border-left-none\" placeholder=\"Buscar producto\"\r\n                                             aria-label=\"Username\" aria-describedby=\"basic-addon1\"  (keyup)=\"setSearchValue($event)\">\r\n                                        <div class=\"input-group-prepend\" (click)=\"getCollectionSearch()\" role=\"button\">\r\n                                             <span class=\"input-group-text icon-rounded bg-transparent border-right-none\" id=\"basic-addon1\">\r\n                                                  <a class=\"color-white\"><img src=\"assets/svg/search.svg\"></a>\r\n                                             </span>\r\n                                        </div>\r\n                                   </div>\r\n                              </form>\r\n                         </div>\r\n                    </li>\r\n                    <li class=\"px-2 outside-menu\">\r\n                         <a routerLink=\"cart\" class=\"color-white\"><img src=\"assets/svg/cart.svg\"></a>\r\n                    </li>\r\n                    <li class=\"px-2 outside-menu\">\r\n                         <a [routerLink]=\"'/account'\" *ngIf=\"(authService.loggedIn | async); else sessionOptionsViewMobile\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\r\n                         <ng-template #sessionOptionsViewMobile>\r\n                              <a [routerLink]=\"'/auth/login'\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\r\n                         </ng-template>\r\n                    </li>\r\n                    <li class=\"px-2 outside-menu\">\r\n                         <a disabled style=\"vertical-align: -webkit-ecline-middle;\"\r\n                              class=\"color-white ff-ubuntu-light font-sm\">ES</a>\r\n                    </li>\r\n                    <li class=\"px-2 d-inline-block d-md-none\">\r\n                         <a id=\"openMenu\" class=\"color-white\" (click)=\"toogleToolbar()\">\r\n                              <img src=\"assets/svg/menu.svg\" class=\"open-m\" >\r\n                              <img src=\"assets/svg/close.svg\" class=\"close-m\">\r\n                         </a>\r\n                    </li>\r\n               </ul>\r\n          </div>\r\n          <div class=\"col-11 border-color-buttom-gray d-none d-md-block\"></div>\r\n     </div>\r\n     <nav class=\"py-md-3 py-0 w-100 d-none d-md-block\" id=\"menu-principal\" #menu>\r\n          <ul class=\"nav d-flex flex-md-row flex-column justify-content-center\">\r\n               <li class=\"dropdown separador-left\">\r\n                    <a class=\"dropdown-toggle color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\r\n                         data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" data-target=\"#buscador\"\r\n                         role=\"button\">\r\n                         CAT\u00C1LOGO\r\n                    </a>\r\n                    <ul class=\"dropdown-menu mega-menu dropdown-menu-right mt-md-2 mt-0\" role=\"menu\">\r\n                         <div class=\"flex-md-row flex-column py-0 d-flex align-items-start justify-content-center\">\r\n                              <div class=\"row mega-menu-center px-md-3 px-0\">\r\n                                   <div class=\"col-sm py-3 box-submenu\"\r\n                                        *ngFor=\"let category of categories; let i = index\">\r\n                                        <div class=\"row\">\r\n                                             <div class=\"col-3 col-md-4 p-0\">\r\n                                                  <img [src]=\"consts.mediaUrl() + category.images[0].path\"\r\n                                                       class=\"w-100\">\r\n                                             </div>\r\n                                             <div class=\"col-9 col-md-8 py-2 pr-0\">\r\n                                                  <a [routerLink]=\"category.path\">\r\n                                                       <h5 class=\"ff-ubuntu-semi-bold font-xl\">{{ category.title }}</h5>\r\n                                                  </a>\r\n                                                  <ul\r\n                                                       class=\"nav d-md-flex d-none flex-column font-ss ff-ubuntu color-white submenu\">\r\n                                                       <li class=\"text-uppercase mb-2\"\r\n                                                            *ngFor=\"let child of category.children\">\r\n                                                            <a [routerLink]=\"child.path\">\r\n                                                                 {{ child.title }}\r\n                                                            </a>\r\n                                                       </li>\r\n                                                  </ul>\r\n                                             </div>\r\n                                        </div>\r\n                                   </div>\r\n                              </div>\r\n                         </div>\r\n                    </ul>\r\n               </li>\r\n               <li class=\"dropdown separador-left\">\r\n                    <a [routerLink]=\"'collection/'\"\r\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\r\n                         role=\"button\">\r\n                         NOVEDADES\r\n                    </a>\r\n               </li>\r\n               <li class=\"dropdown separador-left\">\r\n                    <a [routerLink]=\"'/collection/attributes/ofertas'\"\r\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\r\n                         role=\"button\">\r\n                         OFERTAS\r\n                    </a>\r\n               </li>\r\n               <li class=\"dropdown separador-left\">\r\n                    <a [routerLink]=\"'/section/quienes-somos'\"\r\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\r\n                         role=\"button\">\r\n                         QUIENES SOMOS\r\n                    </a>\r\n               </li>\r\n               <li class=\"dropdown separador-left\">\r\n                    <a [routerLink]=\"'/contact'\"\r\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\r\n                         role=\"button\">\r\n                         CONTACTO\r\n                    </a>\r\n               </li>\r\n          </ul>\r\n     </nav>\r\n</header> -->",
@@ -9730,7 +9845,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$$ = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9755,7 +9870,7 @@
             { type: BlocksService },
             { type: Constants }
         ]; };
-        HomeEcComponent = __decorate$$([
+        HomeEcComponent = __decorate$10([
             core.Component({
                 selector: 'app-home-ec',
                 template: "<app-blocks-ec [section]=\"'home'\"></app-blocks-ec>",
@@ -9778,7 +9893,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$11 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -9848,25 +9963,25 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$10([
+        __decorate$11([
             core.Input()
         ], LoginEcComponent.prototype, "redirect", void 0);
-        __decorate$10([
+        __decorate$11([
             core.Input()
         ], LoginEcComponent.prototype, "title", void 0);
-        __decorate$10([
+        __decorate$11([
             core.Input()
         ], LoginEcComponent.prototype, "buyButton", void 0);
-        __decorate$10([
+        __decorate$11([
             core.Input()
         ], LoginEcComponent.prototype, "withRoles", void 0);
-        __decorate$10([
+        __decorate$11([
             core.Output()
         ], LoginEcComponent.prototype, "ready", void 0);
-        __decorate$10([
+        __decorate$11([
             core.Output()
         ], LoginEcComponent.prototype, "loggedIn", void 0);
-        LoginEcComponent = __decorate$10([
+        LoginEcComponent = __decorate$11([
             core.Component({
                 selector: 'app-login-ec',
                 template: "<div class=\"card card-body container content_menu h-100\">\r\n    <div class=\"row w-100 mx-auto\">\r\n        <div class=\"col-12 pb-3 d-flex justify-content-between\">\r\n            <h3>{{title | translate }}</h3>\r\n        </div>\r\n\r\n        <div class=\"col-12 pb-3\">\r\n            <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\r\n                <div class=\"form-group\">\r\n                    <input type=\"email\" class=\"form-control rounded-0\" formControlName=\"username\"\r\n                        autocomplete=\"username\" placeholder=\"Email\">\r\n                </div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"password\" class=\"form-control rounded-0\" formControlName=\"password\"\r\n                        autocomplete=\"current-password\" placeholder=\"Contrase\u00F1a\">\r\n                </div>\r\n                <button *ngIf=\"!loading\" [disabled]=\"!loginForm.valid\"\r\n                    class=\"btn btn-dark bg-black rounded-0 w-100\">INICIAR SESI\u00D3N</button>\r\n                <div class=\"loading-container-form\" *ngIf=\"loading\">\r\n                    <div id=\"loading\"></div>\r\n                </div>\r\n                <h6 class=\"text-center mb-0 mt-3\">\r\n                    Olvidaste tu contrase\u00F1a?\r\n                    <br>\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"d-contents\">Recuperala aqui</a>\r\n                </h6>\r\n            </form>\r\n        </div>\r\n        <div class=\"col-12 pt-3 border-top text-center\">\r\n\r\n            <ng-container *ngIf=\"!buyButton;else invited\">\r\n\r\n                Todavia no ten\u00E9s tu cuenta?\r\n                <br>\r\n                Creala desde <a (click)=\"nagivate('/register')\" class=\"d-contents\">aqui</a>\r\n            </ng-container>\r\n\r\n\r\n            <ng-template #invited>\r\n                <a routerLink=\"/cart/checkout\" class=\"btn bg-black btn-finalizar-compra text-blanco mt-4\">\r\n                    {{ 'invited-checkout' | translate }}\r\n                </a>\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n</div>",
@@ -9876,7 +9991,7 @@
         return LoginEcComponent;
     }(ComponentHelper));
 
-    var __decorate$11 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$12 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10064,7 +10179,7 @@
             { type: core.Injector }
         ]; };
         CurrencyService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService), core.ɵɵinject(ToastService), core.ɵɵinject(core.INJECTOR)); }, token: CurrencyService, providedIn: "root" });
-        CurrencyService$1 = __decorate$11([
+        CurrencyService$1 = __decorate$12([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -10083,7 +10198,7 @@
         };
         return __assign$n.apply(this, arguments);
     };
-    var __decorate$12 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10473,7 +10588,8 @@
                 return;
             if (!this.validateQuantity(quantity))
                 return;
-            if (!this.validatePriceAndCredits(product_selected.price * quantity))
+            var priceToValidate = product_selected.saleprice ? product_selected.saleprice * quantity : product_selected.price * quantity;
+            if (!this.validatePriceAndCredits(priceToValidate))
                 return;
             this.cartService.addToCart(this.makeAffordableProduct(product_selected), quantity, variant.code);
         };
@@ -10549,7 +10665,7 @@
             { type: AnalyticsService },
             { type: CurrencyService }
         ]; };
-        ProductDetailService = __decorate$12([
+        ProductDetailService = __decorate$13([
             core.Injectable()
         ], ProductDetailService);
         return ProductDetailService;
@@ -10579,7 +10695,7 @@
         };
         return __assign$o.apply(this, arguments);
     };
-    var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$14 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10718,10 +10834,10 @@
             { type: platformBrowser.Meta },
             { type: core.Injector }
         ]; };
-        __decorate$13([
+        __decorate$14([
             core.ViewChild('contact')
         ], ProductDetailEcComponent.prototype, "contact", void 0);
-        ProductDetailEcComponent = __decorate$13([
+        ProductDetailEcComponent = __decorate$14([
             core.Component({
                 selector: 'app-product-detail-ec',
                 template: "",
@@ -10745,7 +10861,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$14 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$15 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10847,13 +10963,13 @@
             { type: ToastService },
             { type: AnalyticsService }
         ]; };
-        __decorate$14([
+        __decorate$15([
             core.Input()
         ], ProductEcComponent.prototype, "isProductBox", void 0);
-        __decorate$14([
+        __decorate$15([
             core.Input()
         ], ProductEcComponent.prototype, "product", void 0);
-        ProductEcComponent = __decorate$14([
+        ProductEcComponent = __decorate$15([
             core.Component({
                 selector: 'app-product-ec',
                 template: "",
@@ -10877,7 +10993,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$15 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10954,10 +11070,10 @@
             { type: Constants },
             { type: router.Router }
         ]; };
-        __decorate$15([
+        __decorate$16([
             core.Input()
         ], RelatedProductsEcComponent.prototype, "product_id", void 0);
-        RelatedProductsEcComponent = __decorate$15([
+        RelatedProductsEcComponent = __decorate$16([
             core.Component({
                 selector: 'app-related-products-ec',
                 template: "<!-- <div *ngFor=\"let products of relatedProducts\" >\r\n    <section class=\"destacados\"  id=\"destacados\"> \r\n        <div class=\"container-fluid mx-auto py-5\">\r\n            <div class=\"row mx-auto d-flex justify-content-start px-3 py-3\">\r\n                <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1\">\r\n                    {{ products.title ? products.title  : 'PRODUCTOS RECOMENDADOS' | uppercase}}\r\n                </h3>\r\n            </div>\r\n    \r\n            <owl-carousel-o [options]=\"customOptionsDestacados\" class=\"row mx-auto d-flex justify-content-center p-3  pb-1\">\r\n                <ng-template carouselSlide *ngFor=\"let product of products.items\">\r\n                     <app-product-destacados [product]=\"product\" [isValorados]=\"false\"></app-product-destacados>\r\n                </ng-template>\r\n           </owl-carousel-o>\r\n           \r\n            <div class=\"row mx-auto d-flex justify-content-center pb-3 d-md-none\">\r\n                <a routerLink=\"/collection\" role=\"button\" class=\"btn btn-dark bg-beige1 text-blanco bold rounded-pill px-5 py-2\">IR A LA TIENDA</a>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div> -->",
@@ -10980,7 +11096,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11047,13 +11163,13 @@
             { type: ngxToastr.ToastrService },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$16([
+        __decorate$17([
             core.Input()
         ], SectionContainerEcComponent.prototype, "sanitizeHtml", void 0);
-        __decorate$16([
+        __decorate$17([
             core.Input()
         ], SectionContainerEcComponent.prototype, "name", void 0);
-        SectionContainerEcComponent = __decorate$16([
+        SectionContainerEcComponent = __decorate$17([
             core.Component({
                 selector: 'app-section-container-ec',
                 template: "<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"scrol-if\">\r\n                <div *ngIf=\"loadSection; else notBlockContact\" [innerHtml]=\"content_html\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>\r\n\r\n\r\n<ng-template #notBlockContact>\r\n<div class=\"col-12 align-items-center\">\r\n    <div  class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</div>\r\n</ng-template>",
@@ -11076,7 +11192,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11259,7 +11375,7 @@
             { type: Constants },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        StoresEcComponent = __decorate$17([
+        StoresEcComponent = __decorate$18([
             core.Component({
                 selector: 'app-store-ec',
                 template: "<div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n\r\n<section class=\"formulario container-fluid\" *ngIf=\"stores ; else noStores\">\r\n    <div *ngIf=\"stores.length; else loading\">\r\n\r\n        <div class=\"row\" *ngIf=\"stores && stores.length > 0; else noStores\">\r\n            <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n                <div class=\"row\">\r\n                    <div class=\"form-group w-100\">\r\n                        <select (change)=\"selectChange($event.target.value)\"\r\n                            class=\"rounded-0 form-control form-control-sm\" id=\"exampleFormControlSelect1\">\r\n                            <option selected [value]=\"''\">Seleccione provincia</option>\r\n                            <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                            </option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n                <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n                    <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                        <div class=\"col-12\">\r\n                            <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                            <label>{{ store.address }}</label>\r\n                            <label>{{ store.phone }}</label>\r\n                            <div [innerHtml]=\"store.note\"></div>\r\n                            <div class=\"text-right\">\r\n                                <!-- <a [href]=\"store.urlMap\" target=\"_blank\" class=\"custom-a\">Ver mapa</a> -->\r\n                                <a  *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n                    <!-- <img *ngIf=\"imageMap\" src=\"../../../assets/images/recurso (21).png\" alt=\"\" class=\"w-100\"> -->\r\n                    <!-- <iframe *ngIf=\"!imageMap\" [src]=\"urlMap\" frameborder=\"0\" style=\"width: 100%; height: 500px;\"></iframe> -->\r\n                    <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>\r\n\r\n\r\n<ng-template #noStores>\r\n\r\n    <div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n        <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -11282,7 +11398,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11317,16 +11433,16 @@
             { type: Constants },
             { type: ProductDetailService }
         ]; };
-        __decorate$18([
+        __decorate$19([
             core.Input()
         ], VariantsEcComponent.prototype, "product", void 0);
-        __decorate$18([
+        __decorate$19([
             core.Input('options')
         ], VariantsEcComponent.prototype, "options$", void 0);
-        __decorate$18([
+        __decorate$19([
             core.Input()
         ], VariantsEcComponent.prototype, "setOption", void 0);
-        VariantsEcComponent = __decorate$18([
+        VariantsEcComponent = __decorate$19([
             core.Component({
                 selector: 'app-product-variants-ec',
                 template: "<div *ngIf=\"(options$ | async) as options ; else loading\">\r\n     <div *ngIf=\"options && options.length && view(options.length, options)\">\r\n          <div *ngFor=\"let option of options; let i = index\" class=\"mb-2\">\r\n               <h5 class=\"text-lowercase\">{{option.name | titlecase}}</h5>\r\n               <div [ngSwitch]=\"option.type\">\r\n                    <div *ngSwitchCase=\"'color'\">\r\n                         <div class=\"row w-100 mx-auto pb-3 mb-2\">\r\n                              <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                   (click)=\"setOption(option.code, value.name)\"\r\n                                   [class]=\"'rounded-0 color-item mr-2 ' + (value.selected ? 'shadow' : '')\"\r\n                                   [id]=\"x + value.name\" [style.background]=\"'#' + value.name\"\r\n                                   [style.border]=\"(value.selected ? '1px black solid' : '1px gray solid')\"></a>\r\n                         </div>\r\n                    </div>\r\n                    <div *ngSwitchCase=\"'size'\">\r\n                         <div class=\"row w-100 mx-auto pb-3\">\r\n                              <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control pr-5\">\r\n                                   <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\r\n                                   <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                        [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\r\n                                        [selected]=\"value.selected\">\r\n                                        {{ value.name  }}\r\n                                   </option>\r\n                              </select>\r\n                              <!-- <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                   (click)=\"setOption(option.code, value.name)\"\r\n                                   [id]=\"x + value.name\"\r\n                                   [class]=\"'btn btn-outline-dark rounded-0 talle-item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                                   {{ value.name }}\r\n                              </a> -->\r\n                         </div>\r\n                    </div>\r\n                    <div *ngSwitchDefault>\r\n                        <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control \">\r\n                            <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\r\n                            <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                 [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\r\n                                 [selected]=\"value.selected\">\r\n                                 {{ value.name  }}\r\n                            </option>\r\n                       </select>\r\n                    </div>\r\n               </div>\r\n          </div>\r\n     </div>\r\n</div>\r\n\r\n<ng-template #loading>\r\n     <div class=\"col-12 align-items-center\">\r\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n               <app-loading-full-ec></app-loading-full-ec>\r\n          </div>\r\n     </div>\r\n</ng-template>",
@@ -11349,7 +11465,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1a = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11463,10 +11579,10 @@
             { type: Constants },
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        __decorate$19([
+        __decorate$1a([
             core.Input()
         ], SellerDashboardContainerEcComponent.prototype, "UIComponents", void 0);
-        SellerDashboardContainerEcComponent = __decorate$19([
+        SellerDashboardContainerEcComponent = __decorate$1a([
             core.Component({
                 selector: 'app-seller-dashboard-container',
                 template: "<section *ngIf=\"user\" id=\"seller-dashboard\">\r\n    <div class=\"section-content mt-5 mb-2 tablaVendedores\">\r\n        <div class=\"container-xl\">\r\n            <div class=\"row\">\r\n                <main class=\"col-md-12\">\r\n\r\n                    <ul *ngIf=\"hasHeader()\" class=\"nav nav-tabs\">\r\n                        <li class=\"nav-item col-12 col-lg-2\">\r\n                            <a *ngIf=\"hasUIComponent('HEADER_TAB')\" class=\"nav-link active cursor-pointer px-4\"\r\n                                aria-current=\"page\">\r\n                                {{ 'my-clients' | translate }}\r\n                            </a>\r\n                        </li>\r\n                        <li class=\"ms-auto row\">\r\n                            <div\r\n                                class=\"d-flex justify-content-end justify-content-lg-end justify-content-xl-end col-12 col-md-12 col-lg-auto\">\r\n                                <ng-container *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN') \">\r\n                                    <a *ngIf=\"authService.getCustomer()?.id; else withoutCustomer\"\r\n                                        [routerLink]=\"'/collection'\"\r\n                                        class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"><i\r\n                                            class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate }}\r\n                                    </a>\r\n                                    <ng-template #withoutCustomer>\r\n                                        <a class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"\r\n                                            (click)=\"toastrService.show('must-select-customer')\">\r\n                                            <i class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate\r\n                                            }}\r\n                                        </a>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                                <a *ngIf=\"hasUIComponent('MANAGE_ORDERS_BTN')\"\r\n                                    (click)=\"navigateExternal(constants.getUrlBase())\"\r\n                                    class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center me- me-lg-4 mr- mr-lg-4\"><i\r\n                                        class=\"bi bi-archive-fill me-2 mr-2\"></i>{{ 'manage-orders' | translate }}</a>\r\n                            </div>\r\n                            <div class=\"d-flex camposVendedores col-12 col-md-12 col-lg-auto justify-content-end\">\r\n                                <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\r\n                                    (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores form-select\">\r\n                                    <option selected hidden disabled>{{ 'order-by' | translate }}</option>\r\n                                    <option value='asc_firstName'>{{ 'client' | translate }} (A-Z)</option>\r\n                                    <option value='desc_firstName'>{{ 'client' | translate }} (Z-A)</option>\r\n                                    <option value='asc_id'>Menor a Mayor c\u00F3digo</option>\r\n                                    <option value='desc_id'>Mayor a Menor c\u00F3digo</option>\r\n                                </select>\r\n                                <form *ngIf=\"hasUIComponent('SEARCH_FORM')\"\r\n                                    class=\"col-lg-auto mb-lg-0 d-flex ms-3 ml-3 d-flex buscadorVendedores\">\r\n                                    <input type=\"text\" name=\"searchInput\" class=\"form-control\"\r\n                                        placeholder=\"{{ 'search' | translate }}\" [(ngModel)]=\"searchInput\"\r\n                                        (keyup.enter)=\"updateCustomers()\">\r\n                                    <button class=\"btn btn-primary ms-1 ml-1 bg-white border-dark btnSearch\"><i\r\n                                            class=\"bi bi-search text-dark\" (click)=\"updateCustomers()\"></i></button>\r\n                                </form>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n\r\n                    <ng-container *ngIf=\"user.customers?.length; else noCustomers\">\r\n\r\n                        <article class=\"card card-body mb-1 carritoProductoHeader m-0 py-0 mt-4\">\r\n                            <div class=\"row align-items-center font-bold border-bottom\">\r\n                                <div class=\"col-3 col-md-2 text-left\">\r\n                                    <small>{{ 'code' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-5 col-md-3 mb-md-0\">\r\n                                    <small>{{ 'client' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\r\n                                    <small>{{ 'user' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-2 text-left\">\r\n                                    <small>{{ 'new-orders' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-2 col-md-2 text-left d-none d-md-block\">\r\n                                    <small></small>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </article>\r\n\r\n                        <article *ngFor=\"let customer of filteredCustomers\" [class]=\"'card card-body mb-3 cadaVendedor ' + (isActive(customer) ? 'activo':'')\">\r\n                            <div class=\"row d-flex align-items-center\">\r\n                                <div class=\"col-3 col-md-2 text-left ps-2 pl-2\">\r\n                                    <div class=\"price h6 pb-0 mb-0 ps-3 pl-1\">\r\n                                        {{ customer.managementSystemInternalCode || 'n/a' }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-5 col-md-3 text-left\">\r\n                                    <div class=\"price h6 fw-normal ps-2 pl-2 pb-0 mb-0\">\r\n                                        {{ customer.firstName }} {{ customer.lastName }}\r\n                                        <p class=\"d-block d-md-none fs-6 mt-1 mb-0 p-0 userMobile\">\r\n                                            {{ customer.email }}\r\n                                        </p>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\r\n                                    <div class=\"price h6 fw-normal pb-0 mb-0 ps-2 pl-2\">\r\n                                        {{ customer.email }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-2 text-left ps-2 pl-2\">\r\n                                    <div *ngIf=\"true\" class=\"contNumero\">\r\n                                        {{ customer.ordersNotApproved }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12 col-md-2 btnIngresar\">\r\n\r\n                                    <ng-container\r\n                                        *ngIf=\"authService.getCustomer()?.id == customer.id; else noActiveCustomer\">\r\n                                        <a (click)=\"changeCustomer(null)\"\r\n                                            class=\"btn btn-seller-primary justify-content-center\">\r\n                                            <i class=\"bi bi-box-arrow-left me-2 mr-2\"></i>\r\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\r\n                                                {{ 'exit' | translate | uppercase }}\r\n                                            </small>\r\n                                        </a>\r\n                                    </ng-container>\r\n                                    <ng-template #noActiveCustomer>\r\n                                        <a (click)=\"changeCustomer(customer)\"\r\n                                            class=\"btn btn-seller-primary justify-content-center\">\r\n                                            <i class=\"bi bi-box-arrow-in-right me-2 mr-2\"></i>\r\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\r\n                                                {{ 'operate-as' | translate | uppercase }}\r\n                                            </small>\r\n                                        </a>\r\n                                    </ng-template>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </article>\r\n\r\n                    </ng-container>\r\n\r\n                </main>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>\r\n\r\n<ng-template #noCustomers>\r\n    <h4 class=\"text-center p-5\">{{ 'no-customers' | translate }}</h4>\r\n</ng-template>",
@@ -11490,7 +11606,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1a = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11507,10 +11623,10 @@
         LoadingFullEcComponent.prototype.ngOnInit = function () {
             this.ecOnInit();
         };
-        __decorate$1a([
+        __decorate$1b([
             core.Input()
         ], LoadingFullEcComponent.prototype, "hole_height", void 0);
-        LoadingFullEcComponent = __decorate$1a([
+        LoadingFullEcComponent = __decorate$1b([
             core.Component({
                 selector: 'app-loading-full-ec',
                 template: "<div [class]=\"'d-flex w-100  ' + (hole_height ? 'hole_height' : '')\">\r\n     <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\r\n          <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\r\n               <span class=\"sr-only\">{{ 'loading' | translate }}</span>\r\n          </div>\r\n     </div>\r\n</div>",
@@ -11533,7 +11649,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11549,7 +11665,7 @@
         LoadingInlineEcComponent.prototype.ngOnInit = function () {
             this.ecOnInit();
         };
-        LoadingInlineEcComponent = __decorate$1b([
+        LoadingInlineEcComponent = __decorate$1c([
             core.Component({
                 selector: 'app-loading-inline-ec',
                 template: "<div class=\"loading-inline-container\">\r\n    <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\r\n        <span class=\"sr-only\">{{ 'loading' | translate }}</span>\r\n   </div>\r\n</div>",
@@ -11559,7 +11675,7 @@
         return LoadingInlineEcComponent;
     }(ComponentHelper));
 
-    var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1d = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11570,7 +11686,7 @@
         }
         LoadingSectionEcComponent.prototype.ngOnInit = function () {
         };
-        LoadingSectionEcComponent = __decorate$1c([
+        LoadingSectionEcComponent = __decorate$1d([
             core.Component({
                 selector: 'app-loading-section-ec',
                 template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</div>\r\n",
@@ -11604,7 +11720,7 @@
         };
         return __assign$p.apply(this, arguments);
     };
-    var __decorate$1d = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1e = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11947,19 +12063,19 @@
             { type: CartService },
             { type: ToastService }
         ]; };
-        __decorate$1d([
+        __decorate$1e([
             core.Input()
         ], MPCreditEcComponent.prototype, "public_key", void 0);
-        __decorate$1d([
+        __decorate$1e([
             core.Input()
         ], MPCreditEcComponent.prototype, "total_amount", void 0);
-        __decorate$1d([
+        __decorate$1e([
             core.Output()
         ], MPCreditEcComponent.prototype, "ready", void 0);
-        __decorate$1d([
+        __decorate$1e([
             core.Input()
         ], MPCreditEcComponent.prototype, "user_data", void 0);
-        MPCreditEcComponent = __decorate$1d([
+        MPCreditEcComponent = __decorate$1e([
             core.Component({
                 selector: '[app-mp-credit-ec]',
                 template: "<h3 class=\"text-center\">Detalles del pago</h3>\r\n<div *ngIf=\"!consts.mobile()\">\r\n    <div class=\"card-wrapper m-3\"></div>\r\n</div>\r\n<form (submit)=\"getCardToken($event)\" method=\"post\" card container=\".card-wrapper\"\r\n    card-width=\"{{ consts.mobile() ? '100': '350' }}\">\r\n\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-6\">\r\n            <label for=\"emailForm\">Correo electronico</label>\r\n            <input class=\"form-control\" id=\"emailForm\" name=\"emailForm\" type=\"email\" [(ngModel)]=\"email\">\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-2\">\r\n            <label for=\"docTypeForm\">Tipo Doc.</label>\r\n            <select class=\"form-control\" id=\"docTypeForm\" name=\"docTypeForm\" type=\"text\" [(ngModel)]=\"doc_type\">\r\n                <option selected value=\"DNI\">DNI</option>\r\n                <option value=\"CUIT\">CUIT</option>\r\n            </select>\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-4\">\r\n            <label for=\"docNumberForm\">N\u00FAmero Doc.</label>\r\n            <input class=\"form-control\" id=\"docNumberForm\" name=\"docNumberForm\" type=\"text\" [(ngModel)]=\"doc_number\" />\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12\">\r\n            <label for=\"cardholderNameForm\">Titular (como figura en la tarjeta)</label>\r\n            <input class=\"form-control\" id=\"cardholderNameForm\" data-checkout=\"cardholderName\" type=\"text\"\r\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" name=\"first-name\" autocomplete=\"off\"\r\n                card-name>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-7\">\r\n            <label for=\"cardNumberForm\">N\u00FAmero de la tarjeta</label>\r\n            <input class=\"form-control\" type=\"text\" id=\"cardNumberForm\" (change)=\"cardNumberChange($event)\"\r\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\"\r\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\r\n                ondrop=\"return false\" autocomplete=\"off\" card-number>\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-3\">\r\n            <label for=\"securityCodeForm\">C\u00F3digo de seguridad</label>\r\n            <input class=\"form-control\" id=\"securityCodeForm\" type=\"text\" name=\"cvc\" onselectstart=\"return false\"\r\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\r\n                ondrop=\"return false\" autocomplete=\"off\" card-cvc [(ngModel)]=\"code\"\r\n                [ngModelOptions]=\"{standalone: true}\">\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-2\">\r\n            <label for=\"expiryForm\">Expiraci\u00F3n</label>\r\n            <input type=\"text\" class=\"form-control\" id=\"expiryForm\" name=\"expiry\" placeholder=\"MM/YY\" maxlength=\"5\"\r\n                (keyup)=\"expiryOnKey($event)\" (change)=\"expiryChange($event)\" onselectstart=\"return false\"\r\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\r\n                ondrop=\"return false\" autocomplete=\"off\" card-expiry />\r\n        </div>\r\n    </div>\r\n    <div class=\"row justify-content-md-center\">\r\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\r\n            <label for=\"issuerForm\">Banco emisor</label>\r\n            <select class=\"form-control\" id=\"issuerForm\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\r\n                (change)=\"selectIssuer($event.target.value)\">\r\n                <option selected>Seleccione el banco</option>\r\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\r\n            </select>\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-6\">\r\n            <label for=\"installmentsForm\">Cuotas</label>\r\n            <select class=\"form-control\" type=\"text\" id=\"installmentsForm\" name=\"installments\"\r\n                (change)=\"selectInstallment($event.target.value)\">\r\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\r\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ getDescripcionCuota(cost) }}\r\n                </option>\r\n            </select>\r\n        </div>\r\n    </div>\r\n    <div hidden>\r\n        <input class=\"form-control\" name=\"transactionAmountt\" id=\"transactionAmountt\" [value]=\"total_amount\" />\r\n        <input class=\"form-control\" name=\"paymentMethodIdd\" id=\"paymentMethodIdd\" [value]=\"payment_method\" />\r\n        <input class=\"form-control\" name=\"descriptionn\" id=\"descriptionn\" />\r\n    </div>\r\n    <div class=\"row justify-content-md-center\">\r\n        <div class=\"col-md-auto\">\r\n            <div class=\"checkout-btn-unique\">\r\n                <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</form>\r\n\r\n\r\n\r\n\r\n<form (submit)=\"getCardToken($event)\" hidden method=\"post\" id=\"paymentForm\">\r\n\r\n    <h3>Detalles del pago</h3>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-4\">\r\n            <label for=\"email\">Correo electronico</label>\r\n            <input class=\"form-control\" id=\"email\" name=\"email\" type=\"email\" [(ngModel)]=\"email\">\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-4\">\r\n            <label for=\"docType\">Tipo de documento</label>\r\n            <select class=\"form-control\" id=\"docType\" name=\"docType\" data-checkout=\"docType\" type=\"text\"\r\n                [(ngModel)]=\"doc_type\">\r\n                <option selected value=\"DNI\">DNI</option>\r\n                <option value=\"CUIT\">CUIT</option>\r\n            </select>\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-4\">\r\n            <label for=\"docNumber\">N\u00FAmero de documento</label>\r\n            <input class=\"form-control\" id=\"docNumber\" name=\"docNumber\" data-checkout=\"docNumber\" type=\"text\"\r\n                [(ngModel)]=\"doc_number\" />\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-6\">\r\n            <label for=\"cardholderName\">Titular (como figura en la tarjeta)</label>\r\n            <input class=\"form-control\" id=\"cardholderName\" data-checkout=\"cardholderName\" type=\"text\"\r\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-6\">\r\n            <label for=\"date\">Fecha de vencimiento</label>\r\n            <div id=\"date\">\r\n                <div class=\"\">\r\n                    <input class=\"form-control col-xs-6 col-md-6 half-width\" type=\"text\" placeholder=\"MM\"\r\n                        [(ngModel)]=\"month\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationMonth\"\r\n                        data-checkout=\"cardExpirationMonth\" onselectstart=\"return false\" onpaste=\"return false\"\r\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\r\n                        autocomplete=\"off\">\r\n                    <input class=\"form-control col-xs-6 col-md-6 half-width ml-1\" type=\"text\" placeholder=\"YY\"\r\n                        [(ngModel)]=\"year\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationYear\"\r\n                        data-checkout=\"cardExpirationYear\" onselectstart=\"return false\" onpaste=\"return false\"\r\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\r\n                        autocomplete=\"off\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-9\">\r\n            <label for=\"cardNumber\">N\u00FAmero de la tarjeta</label>\r\n            <input class=\"form-control\" type=\"text\" id=\"cardNumber\" (change)=\"cardNumberChange($event)\"\r\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" data-checkout=\"cardNumber\"\r\n                onselectstart=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\r\n                ondrop=\"return false\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-3\">\r\n            <label for=\"securityCode\">C\u00F3digo de seguridad</label>\r\n            <input class=\"form-control\" id=\"securityCode\" data-checkout=\"securityCode\" type=\"text\" [(ngModel)]=\"code\"\r\n                [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\" onpaste=\"return false\"\r\n                oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\r\n                autocomplete=\"off\">\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\r\n            <label for=\"issuer\">Banco emisor</label>\r\n            <select class=\"form-control\" id=\"issuer\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\r\n                (change)=\"selectIssuer($event.target.value)\">\r\n                <option selected>Seleccione el banco</option>\r\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\r\n            </select>\r\n        </div>\r\n        <div class=\"form-group col-12 col-md-6\">\r\n            <label for=\"installments\">Cuotas</label>\r\n            <select class=\"form-control\" type=\"text\" id=\"installments\" name=\"installments\"\r\n                (change)=\"selectInstallment($event.target.value)\">\r\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\r\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ cost.name }}\r\n                </option>\r\n            </select>\r\n        </div>\r\n    </div>\r\n    <div hidden>\r\n        <input class=\"form-control\" name=\"transactionAmount\" id=\"transactionAmount\" [value]=\"total_amount\" />\r\n        <input class=\"form-control\" name=\"paymentMethodId\" id=\"paymentMethodId\" [value]=\"payment_method\" />\r\n        <input class=\"form-control\" name=\"description\" id=\"description\" />\r\n    </div>\r\n    <div class=\"checkout-btn-unique\">\r\n        <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\r\n    </div>\r\n</form>",
@@ -11982,7 +12098,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1e = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1f = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12003,19 +12119,19 @@
         PriceEcComponent.ctorParameters = function () { return [
             { type: ProductsService }
         ]; };
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], PriceEcComponent.prototype, "price", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], PriceEcComponent.prototype, "saleprice", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], PriceEcComponent.prototype, "priceSize", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], PriceEcComponent.prototype, "classStrSpacing", void 0);
-        PriceEcComponent = __decorate$1e([
+        PriceEcComponent = __decorate$1f([
             core.Component({
                 selector: 'app-price-ec',
                 template: "<div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\r\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\r\n          <del class=\"tachado\">\r\n              {{ price.split(' - ')[0] | currency:productsService?.currency:'symbol' }}\r\n              {{ price.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\r\n          </del>\r\n     </div>\r\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\r\n          {{ saleprice.split(' - ')[0] | currency:productsService?.currency:'symbol' }}\r\n          {{ saleprice.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\r\n     </div>\r\n</div>\r\n\r\n<ng-template #onlyprice>\r\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\r\n         {{ price.split(' - ')[0] | currency:productsService?.currency:'symbol' }} - \r\n         {{ price.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\r\n     </div>\r\n</ng-template>\r\n\r\n<ng-template #simplePrice>\r\n     <div  [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm':'price')\" >{{ price | currency:productsService?.currency:'symbol' }}  </div>\r\n</ng-template>\r\n\r\n<ng-template #simplePriceDel>\r\n     <div  [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm':'price')\" ><span class=\"lnth\">{{ price | currency:productsService?.currency:'symbol' }}</span></div>\r\n</ng-template>\r\n\r\n<ng-template #simpleSalePrice>\r\n     <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm':'price')\" >{{ saleprice | currency:productsService?.currency:'symbol' }} </div>\r\n</ng-template>",
@@ -12038,7 +12154,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12133,7 +12249,7 @@
             { type: router.Router },
             { type: CheckoutService }
         ]; };
-        RedsysCatchEcComponent = __decorate$1f([
+        RedsysCatchEcComponent = __decorate$1g([
             core.Component({
                 selector: 'app-redsys-catch-ec',
                 template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
@@ -12156,7 +12272,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12262,25 +12378,25 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1g([
+        __decorate$1h([
             core.Input()
         ], RedSysProEcComponent.prototype, "method", void 0);
-        __decorate$1g([
+        __decorate$1h([
             core.Input()
         ], RedSysProEcComponent.prototype, "total_amount", void 0);
-        __decorate$1g([
+        __decorate$1h([
             core.Output()
         ], RedSysProEcComponent.prototype, "ready", void 0);
-        __decorate$1g([
+        __decorate$1h([
             core.Input()
         ], RedSysProEcComponent.prototype, "user_data", void 0);
-        __decorate$1g([
+        __decorate$1h([
             core.ViewChild('formDobleAuthContainer')
         ], RedSysProEcComponent.prototype, "formDobleAuth", void 0);
-        __decorate$1g([
+        __decorate$1h([
             core.ViewChild('template')
         ], RedSysProEcComponent.prototype, "template", void 0);
-        RedSysProEcComponent = __decorate$1g([
+        RedSysProEcComponent = __decorate$1h([
             core.Component({
                 selector: 'app-redsys-pro-ec',
                 template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago</h3>\r\n    <button class=\"btn btn-outline-secondary rounded-0 comprar\" (click)=\"openModal(template)\">Pagar con tarjeta</button>\r\n</div>\r\n\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"clickClose()\">\r\n                <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n        <iframe  src=\"../../../assets/redsysProBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n    \r\n</ng-template>\r\n",
@@ -12305,7 +12421,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12401,22 +12517,22 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Output()
         ], RedSysRedirectEcComponent.prototype, "ready", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.ViewChild('template')
         ], RedSysRedirectEcComponent.prototype, "template", void 0);
-        RedSysRedirectEcComponent = __decorate$1h([
+        RedSysRedirectEcComponent = __decorate$1i([
             core.Component({
                 selector: 'app-redsys-redirect-ec',
                 template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago</h3>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar con tarjeta</button>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <iframe src=\"../../../assets/redsysFrameRedirectBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n    \r\n</ng-template>",
@@ -12440,7 +12556,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12541,22 +12657,22 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Output()
         ], CecaRedirectEcComponent.prototype, "ready", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.ViewChild('template')
         ], CecaRedirectEcComponent.prototype, "template", void 0);
-        CecaRedirectEcComponent = __decorate$1i([
+        CecaRedirectEcComponent = __decorate$1j([
             core.Component({
                 selector: 'app-ceca-redirect-ec',
                 template: "<div class=\"text-center\">\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar con cecabank</button>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <iframe src=\"../../../assets/cecaFrameRedirectBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n    \r\n</ng-template>",
@@ -12580,7 +12696,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12749,10 +12865,10 @@
             { type: Constants },
             { type: CartService }
         ]; };
-        __decorate$1j([
+        __decorate$1k([
             core.Input()
         ], OrdersEcComponent.prototype, "showImage", void 0);
-        OrdersEcComponent = __decorate$1j([
+        OrdersEcComponent = __decorate$1k([
             core.Component({
                 selector: 'app-orders-ec',
                 template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\r\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\r\n        <div *ngIf=\"orders && orders.length; else noOrders\">\r\n            <div class=\"row mb-1 border-bottom\">\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12 \">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('methodState')\">\r\n                        {{ 'shipment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <h5 class=\"fw-bold\">\r\n                        {{ order.number }}\r\n                    </h5>\r\n                    <!-- <ng-container *ngIf=\"showImage\">\r\n                        <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\r\n                            <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\r\n                        </ng-container>\r\n                        <ng-template #defaultpicture>\r\n                            <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\r\n                                [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\r\n                        </ng-template>\r\n                    </ng-container> -->\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p class=\"price\" *ngIf=\"order.payments && order.payments.length > 0\">\r\n                        {{ order.payments[0].state | translate | titlecase }}\r\n                    </p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n\r\n                    <p class=\"price\">\r\n                        {{ order.shipments[0].method.name }}\r\n                    </p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p class=\"price\">\r\n                        {{ order.shipments[0].state | translate | titlecase }}\r\n                    </p>\r\n                    <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                    <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\r\n                    <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\r\n                        class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p class=\"price\">\r\n                        {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                        {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                    </p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <h5 class=\"fw-bold text-nowrap\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                    </h5>\r\n                    <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\r\n                        'see-order' | translate }}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<ng-template #noOrders>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h5>{{ 'no-orders' | translate }}</h5>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #errorView>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h4>{{ 'orders-error' | translate }}</h4>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingView>\r\n    <div class=\"w-100 h-50 py-5\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -12775,7 +12891,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -12905,10 +13021,10 @@
             { type: CartService },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1k([
+        __decorate$1l([
             core.Input()
         ], OrderEcComponent.prototype, "numberOrder", void 0);
-        OrderEcComponent = __decorate$1k([
+        OrderEcComponent = __decorate$1l([
             core.Component({
                 selector: 'app-order-ec',
                 template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\r\n            <div *ngIf=\"order; else noOrder\">\r\n\r\n                <div class=\"row justify-content-between \">\r\n                    <div class=\"col-sm-auto col-12 font-brandon\">\r\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                    </div>\r\n                    <ng-container *ngIf=\"order?.invoice\">\r\n                        <div class=\"col-sm col-12 font-brandon\">\r\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\r\n                                class=\"btn btn-link btn-invoice\">\r\n                                <i class=\"fas fa-file-download me-1\"></i>\r\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                            </a>\r\n                        </div>\r\n                    </ng-container>\r\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\r\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\r\n                    </a>\r\n                </div>\r\n\r\n                <section id=\"orders\">\r\n                    <div class=\"row pt-2\">\r\n                        <div class=\"col-md-2 col-12\">\r\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0]?.method?.name | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].method.name }}\r\n                            </p>\r\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\r\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\r\n                                seguimiento</a>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                            <h5 class=\"fw-bold\">\r\n                                {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                            </h5>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n\r\n                <div class=\"text-end mt-3\" *ngIf=\"allowRepeatOrders\">\r\n                    <button class=\"btn btn-primary\" (click)=\"repeatOrder()\">\r\n                        {{ 'repeat-order' | translate }}\r\n                    </button>\r\n                </div>\r\n\r\n                <div class=\"container py-3 border-top border-bottom\">\r\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\r\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'product' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'description' | translate | uppercase }}\r\n                        </div>\r\n                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\r\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                            <!-- {{ 'description' | translate | uppercase }} -->\r\n                            {{ 'lots' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                            {{ 'unit-price' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'quantity' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                            {{ 'total' | translate | uppercase }}\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\r\n                        <div class=\"row cart-items\">\r\n                            <div class=\"col-5 col-md-2 py-2\">\r\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\r\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                </ng-container>\r\n                                <ng-template #defaultpicture>\r\n                                    <img *ngIf=\"item.product.picturesdefault\"\r\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                </ng-template>\r\n                            </div>\r\n                            <div\r\n                                class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\r\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\r\n                                <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                    [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                    aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                    value=\"{{ 'see' | translate | uppercase }}\">\r\n                            </div>\r\n                            <div class=\"container d-md-none\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-4\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                            ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                            item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                                <p class=\"text-center w-100 m-0\">\r\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                            </div>\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                                <p class=\"text-end w-100 m-0\">\r\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                            </div>\r\n                            <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                <div class=\"card card-body\">\r\n                                    <table class=\"table table-striped\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th scope=\"col\">#</th>\r\n                                                <th scope=\"col\">Estado</th>\r\n                                                <th scope=\"col\">Cantidad</th>\r\n                                                <th scope=\"col\">Fecha Solicitada</th>\r\n                                                <th scope=\"col\">Fecha Estimada</th>\r\n                                                <th scope=\"col\">Sede</th>\r\n                                                <th scope=\"col\">Nota</th>\r\n                                                <th scope=\"col\">Total Lote</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\r\n                                                <tr>\r\n                                                    <th scope=\"row\">{{lot.id}}</th>\r\n                                                    <td>{{lot.lot_status}}</td>\r\n                                                    <td>{{lot.quantity}}</td>\r\n                                                    <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\r\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <ng-template #sinFechaEstimada>\r\n                                                        <td>Pendiente</td>\r\n                                                    </ng-template>\r\n                                                    <td>{{lot.shipping_address_name}}</td>\r\n                                                    <td>{{lot.notes}}</td>\r\n                                                    <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                </tr>\r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div class=\"container\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-md-6\"></div>\r\n                        <div class=\"col-12 col-md-6\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\r\n                            <div class=\"row py-4\">\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                </div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                </div>\r\n\r\n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                    translate }}</div>\r\n                                <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                    {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n\r\n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0 \"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\r\n                                    {{ 'taxes' | translate }}</div>\r\n                                <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-end\">\r\n                                    {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</main>\r\n\r\n<ng-template #noOrder>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h5>{{ 'no-orders' | translate }}</h5>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingView>\r\n    <div class=\"w-100 h-50 py-5\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -12931,7 +13047,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13026,13 +13142,13 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$1l([
+        __decorate$1m([
             core.Input()
         ], AuthEcComponent.prototype, "complete", void 0);
-        __decorate$1l([
+        __decorate$1m([
             core.Input()
         ], AuthEcComponent.prototype, "redirect", void 0);
-        AuthEcComponent = __decorate$1l([
+        AuthEcComponent = __decorate$1m([
             core.Component({
                 selector: 'app-auth-ec',
                 template: "<!-- banners -->\r\n<div class=\"row\">\r\n     <div class=\"col-12 p-0\" id=\"banner-slider-home\">\r\n          <div id=\"banner-slider\" class=\"owl-carousel h-100 w-100\">\r\n               <div class=\"item\">\r\n                    <img src=\"assets/image/login.png\" class=\"w-100 d-none d-md-block\">\r\n                    <img src=\"assets/image/26912-05-mobile.png\" class=\"w-100 d-block d-md-none\">\r\n                    <div class=\"caption\">\r\n                         <h1 class=\"color-white\">Ingresar</h1>\r\n                    </div>\r\n               </div>\r\n          </div>\r\n     </div>\r\n</div>\r\n\r\n<div class=\"row\" id=\"contacto\">\r\n     <div class=\"col-12 py-md-5 py-0 px-0\">\r\n          <div class=\"container\" style=\"background-color: #F1F1F1;\">\r\n               <div class=\"row\">\r\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\r\n                         <app-login-form-ec></app-login-form-ec>\r\n                    </div>\r\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\r\n                         <app-register-form-ec></app-register-form-ec>\r\n                    </div>\r\n               </div>\r\n          </div>\r\n     </div>\r\n</div>",
@@ -13055,7 +13171,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13191,19 +13307,19 @@
             { type: forms.FormBuilder },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1m([
+        __decorate$1n([
             core.Input()
         ], RegisterFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1m([
+        __decorate$1n([
             core.Input()
         ], RegisterFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1m([
+        __decorate$1n([
             core.Input()
         ], RegisterFormEcComponent.prototype, "complete", void 0);
-        __decorate$1m([
+        __decorate$1n([
             core.Output()
         ], RegisterFormEcComponent.prototype, "ready", void 0);
-        RegisterFormEcComponent = __decorate$1m([
+        RegisterFormEcComponent = __decorate$1n([
             core.Component({
                 selector: 'app-register-form-ec',
                 template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\r\n    <div class=\"py-2\">\r\n        <h5>CREAR CUENTA</h5>\r\n    </div>\r\n    <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\r\n        <div class=\"form-group\">\r\n            <label for=\"\" class=\"form-label\">NOMBRE</label>\r\n            <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <label for=\"\" class=\"form-label\">APELLIDO</label>\r\n            <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\r\n            <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\r\n                placeholder=\"Correo electr\u00F3nico\">\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\r\n            <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n        </div>\r\n        <div class=\"form-group\">\r\n            <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\r\n            <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\r\n                placeholder=\"Repetir contrase\u00F1a\">\r\n        </div>\r\n\r\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\r\n            <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\r\n                id=\"Color2\">\r\n            <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\r\n                le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\r\n                condiciones</label>\r\n        </div>\r\n\r\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\r\n            <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\r\n            <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\r\n                Suscripci\u00F3n al Newsletter</label>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <button [disabled]=\"registerForm.invalid\" type=\"submit\"\r\n                    class=\"btn btn-dark bg-black btn-block px-5 py-2 rounded-0 h-fit\">CREAR</button>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\r\n</div>",
@@ -13226,7 +13342,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13303,25 +13419,25 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], LoginFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], LoginFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], LoginFormEcComponent.prototype, "redirectTo", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], LoginFormEcComponent.prototype, "complete", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], LoginFormEcComponent.prototype, "title", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Output()
         ], LoginFormEcComponent.prototype, "ready", void 0);
-        LoginFormEcComponent = __decorate$1n([
+        LoginFormEcComponent = __decorate$1o([
             core.Component({
                 selector: 'app-login-form-ec',
                 template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n            \r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                            \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n    </form>\r\n    </div>\r\n    <div *ngIf=\"!loading; else loadingView\"></div>\r\n</div>\r\n<ng-template #loadingView>\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n</ng-template>\r\n\r\n\r\n<select-channel-ec></select-channel-ec>",
@@ -13344,7 +13460,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13390,7 +13506,7 @@
             { type: AuthService },
             { type: ToastService }
         ]; };
-        ForgotPasswordEcComponent = __decorate$1o([
+        ForgotPasswordEcComponent = __decorate$1p([
             core.Component({
                 selector: 'app-forgot-password-ec',
                 template: "<div class=\"container\" id=\"passReset\">\r\n\r\n    <div *ngIf=\"!ready; else readyView\">\r\n        <form (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\r\n            <div class=\"col-12 col-md-10 text-center\">\r\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\r\n                <div class=\"element-container\">\r\n                    <input type=\"email\" [(ngModel)]=\"email\" class=\"form-control\"\r\n                        [ngModelOptions]=\"{standalone: true}\" />\r\n                </div>\r\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\">{{ 'recover-password' | translate\r\n                    }}</button>\r\n\r\n                <div *ngIf=\"loading\">\r\n                    <app-loading-inline-ec></app-loading-inline-ec>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #readyView>\r\n    <div class=\"row\">\r\n        <div class=\"col-12 col-md-8\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -13413,7 +13529,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13445,7 +13561,7 @@
             { type: AuthService },
             { type: router.ActivatedRoute }
         ]; };
-        ConfirmAccountEcComponent = __decorate$1p([
+        ConfirmAccountEcComponent = __decorate$1q([
             core.Component({
                 selector: 'app-confirm-account-ec',
                 template: "<div class=\"mt-5 mb-5\">\r\n     <div class=\"row\">\r\n          <div class=\"col-md-12 col-12 text-center\">\r\n               <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\r\n                    {{ ('thanks-for-register' | translate) | uppercase }}</h4>\r\n          </div>\r\n     </div>\r\n     \r\n     \r\n     <div class=\"row\">\r\n          <div class=\"col-md-12 col-12 text-center\">\r\n               <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\r\n               <br>\r\n               <a routerLink=\"/auth/login\">\r\n                    <button class=\"btn bg-golden color-white radius-0\" type=\"button\">{{ 'login' | translate |\r\n                         uppercase }}</button>\r\n               </a>\r\n               <br>\r\n               <br>\r\n          </div>\r\n     </div>\r\n</div>",
@@ -13468,7 +13584,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -13557,7 +13673,7 @@
             { type: router.Router },
             { type: forms.FormBuilder }
         ]; };
-        PasswordResetEcComponent = __decorate$1q([
+        PasswordResetEcComponent = __decorate$1r([
             core.Component({
                 selector: 'app-password-reset-ec',
                 template: "<div class=\"container\">\r\n    <div class=\"row justify-content-center mt-5\">\r\n        <div class=\"col-12 col-md-6 col-lg-4\">\r\n            <div *ngIf=\"!ready; else readyView\">\r\n                <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\r\n                    <div class=\"mb-4 text-center\">\r\n                        <h3>{{ 'set-new-password' | translate }}</h3>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\">{{ 'set-password' | translate }}</label>\r\n                        <div class=\"input-group\">\r\n                            <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\r\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\r\n                                (click)=\"showPassword()\">\r\n                                <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\r\n                                <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\r\n                        <div class=\"input-group\">\r\n                            <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\r\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\r\n                                (click)=\"showPassword2()\">\r\n                                <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\r\n                                <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mt-4 text-center\">\r\n                        <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\r\n                    </div>\r\n                    <div *ngIf=\"loading\" class=\"mt-3\">\r\n                        <app-loading-inline-ec></app-loading-inline-ec>\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #readyView>\r\n    <div class=\"row justify-content-center mt-5 mb-5\">\r\n        <div class=\"text-center\">\r\n            <div class=\"mb-4\">\r\n                <h3>{{ 'updated-password' | translate }}</h3>\r\n            </div>\r\n            <div class=\"mb-4\">\r\n                <h5>{{ 'updated-password-detail' | translate }}</h5>\r\n            </div>\r\n            <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -13580,7 +13696,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1r = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1s = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13717,19 +13833,19 @@
             { type: ParametersService },
             { type: forms.FormBuilder }
         ]; };
-        __decorate$1r([
+        __decorate$1s([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1r([
+        __decorate$1s([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1r([
+        __decorate$1s([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "complete", void 0);
-        __decorate$1r([
+        __decorate$1s([
             core.Output()
         ], RegisterWholesalerFormEcComponent.prototype, "ready", void 0);
-        RegisterWholesalerFormEcComponent = __decorate$1r([
+        RegisterWholesalerFormEcComponent = __decorate$1s([
             core.Component({
                 selector: 'app-register-wholesaler-form-ec',
                 template: "\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"\">\r\n                <div class=\"pt-5 pb-3 border-bottom\">\r\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA MAYORISTA</h3>\r\n                </div>\r\n                <div class=\" py-3\">\r\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en Vi\u00F1als registrate ingresando estos\r\n                        datos:</p>\r\n                </div>\r\n                <form [formGroup]=\"registerForm\" (submit)=\"register($event)\" class=\"position-relative\">\r\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\r\n                                    formControlName=\"firstName\"\r\n                                    [class]=\"registerForm.controls.firstName.touched ? (registerForm.controls.firstName.valid && registerForm.controls.firstName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Apellidos</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required\r\n                                    name=\"lastName\" formControlName=\"lastName\"\r\n                                    [class]=\"registerForm.controls.lastName.touched ? (registerForm.controls.lastName.valid && registerForm.controls.lastName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Email</label>\r\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required\r\n                                    name=\"email\" formControlName=\"email\"\r\n                                    [class]=\"registerForm.controls.email.touched ? (registerForm.controls.email.valid && registerForm.controls.email.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Contrase\u00F1a</label>\r\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required\r\n                                    name=\"plainPassword\" formControlName=\"plainPassword\"\r\n                                    [class]=\"registerForm.controls.plainPassword.touched ? (registerForm.controls.plainPassword.valid && registerForm.controls.plainPassword.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(countries$ | async) as countries\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'country'|translate}}</label>\r\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required\r\n                                    (change)=\"onCountrySelected($event.target.value)\"\r\n                                    [class]=\"registerForm.controls.countryCode.touched ? (registerForm.controls.countryCode.valid && registerForm.controls.countryCode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option value=\"null\" id=\"selectOpPais\">Seleccione un pais</option>\r\n                                    <option *ngFor=\"let country of countries\" [value]=\"country.code\"> {{ country.name }}</option>\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(provinces$ | async) as provinces\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'state'|translate}}</label>\r\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required\r\n                                    (change)=\"onProvincesSelected($event.target.value)\"\r\n                                    [class]=\"registerForm.controls.countryCode.touched ? (registerForm.controls.countryCode.valid && registerForm.controls.countryCode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option value=\"null\" id=\"selectOpProvincia\">Seleccione una provincia</option>\r\n                                    <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}</option>\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'address'|translate}}</label>\r\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\r\n                                    formControlName=\"street\"\r\n                                    [class]=\"registerForm.controls.street.touched ? (registerForm.controls.street.valid && registerForm.controls.street.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'town-city'|translate}}</label>\r\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\r\n                                    formControlName=\"city\"\r\n                                    [class]=\"registerForm.controls.city.touched ? (registerForm.controls.city.valid && registerForm.controls.city.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'postal-code'|translate}}</label>\r\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\r\n                                    formControlName=\"postcode\"\r\n                                    [class]=\"registerForm.controls.postcode.touched ? (registerForm.controls.postcode.valid && registerForm.controls.postcode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n            \r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required\r\n                                    name=\"companyName\" formControlName=\"companyName\"\r\n                                    [class]=\"registerForm.controls.companyName.touched ? (registerForm.controls.companyName.valid && registerForm.controls.companyName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'phone'|translate}}</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required\r\n                                    name=\"phoneNumber\" formControlName=\"phoneNumber\"\r\n                                    [class]=\"registerForm.controls.phoneNumber.touched ? (registerForm.controls.phoneNumber.valid && registerForm.controls.phoneNumber.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Sexo</label>\r\n                                <select (change)=\"onGenderSelected($event.target.value)\" required name=\"gender\"\r\n                                    formControlName=\"gender\"\r\n                                    [class]=\"registerForm.controls.gender.touched ? (registerForm.controls.gender.valid && registerForm.controls.gender.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\r\n                                    <option value=\"u\">Desconocido</option>\r\n                                    <option value=\"s\">Femenino</option>\r\n                                    <option value=\"m\">Masculino</option>\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Fecha creacion</label>\r\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required\r\n                                    name=\"birthday\" formControlName=\"birthday\"\r\n                                    [class]=\"registerForm.controls.birthday.touched ? (registerForm.controls.birthday.valid && registerForm.controls.birthday.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Identificacion</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required\r\n                                    name=\"taxIdentification\" formControlName=\"taxIdentification\"\r\n                                    [class]=\"registerForm.controls.taxIdentification.touched ? (registerForm.controls.taxIdentification.valid && registerForm.controls.taxIdentification.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n            \r\n            \r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 order-1 order-md-2\">\r\n                            <!-- <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck1\" #terms=\"ngModel\"\r\n                                    name=\"terms\" [(ngModel)]=\"registroUsuario.terms\" type=\"checkbox\" required\r\n                                    [class]=\"terms.touched ? (terms.valid && terms.touched && registroUsuario.terms != false) ?  'form-check-input is-valid' :  'form-check-input is-invalid' : 'form-check-input '\" />\r\n                                <label class=\"form-check-label\" for=\"defaultCheck1\">\r\n                                    He leido y acepto las <a routerLink=\"/section/politicas-privacidad\" class=\"text\">pol\u00EDticas de\r\n                                        privacidad</a>\r\n                                    y los <a routerLink=\"/section/terminos-y-condiciones\" class=\"text\">t\u00E9rminos y condiciones</a>\r\n                                </label>\r\n                                <span class=\"invalid-feedback\">Debe aceptar los t\u00E9rminos y condiciones para continuar.</span>\r\n                            </div> -->\r\n                            <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\r\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\" type=\"checkbox\">\r\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\r\n                                    Suscripci\u00F3n al newsletter\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n            \r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\r\n                            <button *ngIf=\"!register_loading\" type=\"submit\" role=\"button\"\r\n                                class=\"btn btn-dark bg-beige1 text-blanco bold rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\r\n                        </div>\r\n            \r\n                    </div>\r\n                    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
@@ -13752,7 +13868,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1s = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1t = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13886,10 +14002,10 @@
             { type: platformBrowser.Meta },
             { type: platformBrowser.Title }
         ]; };
-        __decorate$1s([
+        __decorate$1t([
             core.Input()
         ], ShareBlockEcComponent.prototype, "product", void 0);
-        ShareBlockEcComponent = __decorate$1s([
+        ShareBlockEcComponent = __decorate$1t([
             core.Component({
                 selector: 'app-share-block-ec',
                 template: "<div class=\"w-100 d-flex justify-content-around\">\r\n    <ng-container *ngIf=\"params && params.length > 0; else default\">\r\n        <a *ngIf=\"hasParams(params, 'facebook')\" target=\"_blank\" [href]=\"toShareFacebook()\"\r\n            class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n                <path fill=\"#444\"\r\n                    d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n                </path>\r\n            </svg>\r\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n        </a>\r\n        <a *ngIf=\"hasParams(params, 'twitter')\" target=\"_blank\" \r\n            [href]=\"toShareTwitter()\"\r\n            class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n                <path fill=\"#444\"\r\n                    d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n                </path>\r\n            </svg>\r\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n        </a>\r\n        <a *ngIf=\"hasParams(params, 'pinterest')\" target=\"_blank\"\r\n            [href]=\"toSharePinterest()\"\r\n            class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n                <path fill=\"#444\"\r\n                    d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n                </path>\r\n            </svg>\r\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n        </a>\r\n        <a *ngIf=\"hasParams(params, 'whatsapp') as wsp\" target=\"_blank\" [href]=\"toShareWhatsapp(wsp)\" class=\"social-sharing__link\" title=\"Whatsapp\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-whatsapp\"\r\n                viewBox=\"0 0 16 16\">\r\n                <path\r\n                    d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\r\n            </svg>\r\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\r\n        </a>\r\n        <a *ngIf=\"hasParams(params, 'email') as email\" target=\"_blank\" [href]=\"toShareEmail(email)\" class=\"social-sharing__link\"\r\n            title=\"Email\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-envelope-fill\"\r\n                viewBox=\"0 0 16 16\">\r\n                <path\r\n                    d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\r\n            </svg>\r\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\r\n        </a>\r\n    </ng-container>\r\n</div>\r\n\r\n<!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\r\n<ng-template #default>\r\n    <a target=\"_blank\" [href]=\"toShareFacebook()\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n            <path fill=\"#444\"\r\n                d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n            </path>\r\n        </svg>\r\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n    </a>\r\n    <a target=\"_blank\" [href]=\"toShareTwitter()\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n            <path fill=\"#444\"\r\n                d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n            </path>\r\n        </svg>\r\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n    </a>\r\n    <a target=\"_blank\" [href]=\"toSharePinterest()\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n            <path fill=\"#444\"\r\n                d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n            </path>\r\n        </svg>\r\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n    </a>\r\n</ng-template>\r\n<!-- FIN -->",
@@ -13912,7 +14028,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1t = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13976,10 +14092,10 @@
             { type: CheckoutService },
             { type: CartService }
         ]; };
-        __decorate$1t([
+        __decorate$1u([
             core.Input()
         ], DetailCheckoutBlockEcComponent.prototype, "asociatedData", void 0);
-        DetailCheckoutBlockEcComponent = __decorate$1t([
+        DetailCheckoutBlockEcComponent = __decorate$1u([
             core.Component({
                 selector: 'app-detail-checkout-block-ec',
                 template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\r\n    *ngIf=\"data && (creditAmountConfigured ? showPrice : true)\">\r\n    <ng-container *ngFor=\"let item of data; let i = index\">\r\n        <ng-container *ngIf=\"item.type != 'discount' && item.type != 'coupon'\">\r\n            <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\r\n                <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item)\"></i>\r\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\r\n                <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\r\n                    ecCurrencySymbol) : ('free' | translate) }}</span>\r\n            </div>\r\n        </ng-container>\r\n\r\n\r\n        <!-- Mostrar total de descuentos -->\r\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\r\n            *ngIf=\"this.discountTotal != 0 && i === 1\">\r\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\r\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\r\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol)\r\n                }}</span>\r\n        </div>\r\n\r\n        <!-- Mostrar total de cupones -->\r\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\r\n            *ngIf=\"this.couponTotal != 0 && i === 1\">\r\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\r\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\r\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol)\r\n                }}</span>\r\n        </div>\r\n    </ng-container>\r\n</div>",
@@ -14002,7 +14118,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14061,13 +14177,13 @@
             { type: modal.BsModalService },
             { type: router.Router }
         ]; };
-        __decorate$1u([
+        __decorate$1v([
             core.ViewChild('template')
         ], CheckoutErrorComponent.prototype, "template", void 0);
-        __decorate$1u([
+        __decorate$1v([
             core.Input()
         ], CheckoutErrorComponent.prototype, "urlRedireccion", void 0);
-        CheckoutErrorComponent = __decorate$1u([
+        CheckoutErrorComponent = __decorate$1v([
             core.Component({
                 selector: 'ec-checkout-error',
                 template: "<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title pull-left\">{{ 'error-during-checkout' | translate }}</h4>\r\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\r\n                <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n        </div>\r\n        <div class=\"modal-body p-5\">\r\n            {{ error.message }}\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-default\" (click)=\"bsModalRef.hide()\">Continuar</button>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n",
@@ -14091,7 +14207,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14218,22 +14334,22 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1v([
+        __decorate$1w([
             core.Input()
         ], MpRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1v([
+        __decorate$1w([
             core.Input()
         ], MpRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1v([
+        __decorate$1w([
             core.Input()
         ], MpRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1v([
+        __decorate$1w([
             core.Input()
         ], MpRedirectEcComponent.prototype, "allData", void 0);
-        __decorate$1v([
+        __decorate$1w([
             core.Output()
         ], MpRedirectEcComponent.prototype, "ready", void 0);
-        MpRedirectEcComponent = __decorate$1v([
+        MpRedirectEcComponent = __decorate$1w([
             core.Component({
                 selector: 'app-mp-redirect-ec',
                 template: "<div class=\"text-center\">\r\n    <ng-container *ngIf=\"url;else loadingUrl\">\r\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\r\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">Pagar</button>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingTemp>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <h3>Procesando el pago por mercado pago</h3>\r\n        <h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n            <div class=\"col-2 text-center\">\r\n            <label for=\"\">o</label>\r\n            </div>\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\r\n    </div>\r\n</ng-template>\r\n",
@@ -14256,7 +14372,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14368,25 +14484,25 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "method", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "total_amount", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "user_data", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "allData", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Output()
         ], RedSysRedirectOutEcComponent.prototype, "ready", void 0);
-        RedSysRedirectOutEcComponent = __decorate$1w([
+        RedSysRedirectOutEcComponent = __decorate$1x([
             core.Component({
                 selector: 'app-redsys-redirect-out-ec',
                 template: "<div class=\"text-center\">\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"url;else loadingUrl\">\r\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\r\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Pagar</button>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingTemp>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <h3>Procesando el pago por Redsys</h3>\r\n        <h5>Recuerde hacer click en \"Continuar\" desde Redsys para finalizar la compra.</h5>\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n            <div class=\"col-2 text-center\">\r\n            <label for=\"\">o</label>\r\n            </div>\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\r\n    </div>\r\n</ng-template>",
@@ -14409,7 +14525,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14591,25 +14707,25 @@
             { type: ToastService },
             { type: router.ActivatedRoute }
         ]; };
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "method", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "total_amount", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Output()
         ], PaypalExpressEcComponent.prototype, "ready", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "user_data", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.ViewChild('template')
         ], PaypalExpressEcComponent.prototype, "template", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.ViewChild('paypal', { static: true })
         ], PaypalExpressEcComponent.prototype, "paypalElement", void 0);
-        PaypalExpressEcComponent = __decorate$1x([
+        PaypalExpressEcComponent = __decorate$1y([
             core.Component({
                 selector: 'app-paypal-express-ec',
                 template: "<div class=\"text-center\">\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"!loading;else loadingTemp\">\r\n    </ng-container>\r\n    <div #paypal> </div>\r\n</div>\r\n\r\n<ng-template #loadingTemp>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>",
@@ -14632,7 +14748,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14744,28 +14860,28 @@
             { type: platformBrowser.DomSanitizer },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], MobbexEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], MobbexEcComponent.prototype, "method", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], MobbexEcComponent.prototype, "total_amount", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], MobbexEcComponent.prototype, "allData", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], MobbexEcComponent.prototype, "user_data", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Output()
         ], MobbexEcComponent.prototype, "ready", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.ViewChild('template')
         ], MobbexEcComponent.prototype, "template", void 0);
-        MobbexEcComponent = __decorate$1y([
+        MobbexEcComponent = __decorate$1z([
             core.Component({
                 selector: 'app-mobbex-ec',
                 template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Mobbex</h3>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>",
@@ -14789,7 +14905,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14904,28 +15020,28 @@
             { type: platformBrowser.DomSanitizer },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], BancardEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], BancardEcComponent.prototype, "method", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], BancardEcComponent.prototype, "total_amount", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], BancardEcComponent.prototype, "allData", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], BancardEcComponent.prototype, "user_data", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Output()
         ], BancardEcComponent.prototype, "ready", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.ViewChild('template')
         ], BancardEcComponent.prototype, "template", void 0);
-        BancardEcComponent = __decorate$1z([
+        BancardEcComponent = __decorate$1A([
             core.Component({
                 selector: 'app-bancard-ec',
                 template: "<div class=\"h-100 text-center\">\r\n    <h4>Continuar con el pago con Bancard</h4>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\r\n        <button *ngIf=\"url\" class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\r\n        <p *ngIf=\"!url\" class=\"px-5\">Actualmente no se encuentra disponible el m\u00E9todo de pago</p>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header border-none justify-content-end px-1\">\r\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\r\n                X \r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <iframe src=\"assets/bancardFrameBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>",
@@ -14949,7 +15065,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15059,25 +15175,25 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "allData", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Output()
         ], BancardRedirectEcComponent.prototype, "ready", void 0);
-        BancardRedirectEcComponent = __decorate$1A([
+        BancardRedirectEcComponent = __decorate$1B([
             core.Component({
                 selector: 'app-bancard-redirect-ec',
                 template: "<div class=\"text-center\">\r\n    <h4>Continuar con el pago con Bancard</h4>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"url;else loadingUrl\">\r\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\r\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary comprar\">Pagar</button>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingTemp>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <h3>Procesando el pago por Bancard</h3>\r\n        <h5>Recuerde hacer click en \"Finalizar\" desde Bancard para finalizar la compra.</h5>\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n            <div class=\"col-2 text-center\">\r\n            <label for=\"\">o</label>\r\n            </div>\r\n            <div class=\"col-5\">\r\n            <hr>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\r\n    </div>\r\n</ng-template>",
@@ -15111,7 +15227,7 @@
         };
         return __assign$q.apply(this, arguments);
     };
-    var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1C = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15172,10 +15288,10 @@
             { type: modal.BsModalService },
             { type: router.Router }
         ]; };
-        __decorate$1B([
+        __decorate$1C([
             core.ViewChild('template')
         ], SelectChannelEcComponent.prototype, "template", void 0);
-        SelectChannelEcComponent = __decorate$1B([
+        SelectChannelEcComponent = __decorate$1C([
             core.Component({
                 selector: 'select-channel-ec',
                 template: "<ng-template #template>\r\n    <div class=\"modal-content\" id=\"modalChanel\">\r\n        <div class=\"modal-header\">\r\n            <h5 class=\"modal-title w-100 text-center text-uppercase\">{{ 'select-channel' | translate }}</h5>\r\n        </div>\r\n        <div class=\"modal-body px-4\">\r\n            <div class=\"card p-3 my-2 bg-light\" *ngFor=\"let item of channels; let i = index\">\r\n                <div class=\"form-check\">\r\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelect(item)\">\r\n                    <h5 class=\"form-check-label\" role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"row\" *ngFor=\"let item of channels; let i = index\">\r\n                <div class=\"col-1\">\r\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\"\r\n                        (click)=\"setSelect(item)\">\r\n                </div>\r\n                <div class=\"col-11\">\r\n                    <h5 role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\r\n                </div>\r\n            </div> -->\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary px-3 py-2\" (click)=\"setChannel()\">{{ 'continue' | translate }}</button>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -15199,7 +15315,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1C = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1D = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15252,7 +15368,7 @@
             { type: CheckoutService },
             { type: CartService }
         ]; };
-        CartLoadEcComponent = __decorate$1C([
+        CartLoadEcComponent = __decorate$1D([
             core.Component({
                 selector: 'app-cart-load-ec',
                 template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ 'retrieve-cart' | translate | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center mt-2\">\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
@@ -15262,7 +15378,7 @@
         return CartLoadEcComponent;
     }(ComponentHelper));
 
-    var __decorate$1D = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1E = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15410,28 +15526,28 @@
             event.preventDefault();
             event.stopPropagation();
         };
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "ImageSrc", null);
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "zoomMode", void 0);
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "imageStyle", void 0);
-        __decorate$1D([
+        __decorate$1E([
             core.Input()
         ], MagnizoomComponent.prototype, "imageClass", void 0);
-        __decorate$1D([
+        __decorate$1E([
             core.ViewChild('mainCanvas', { static: true })
         ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-        MagnizoomComponent = __decorate$1D([
+        MagnizoomComponent = __decorate$1E([
             core.Component({
                 selector: '[app-magnizoom-ec]',
                 template: "<canvas #mainCanvas\r\n  class=\"main-canvas\"\r\n  [ngClass]=\"imageClass\"\r\n  [ngStyle]=\"imageStyle\"\r\n  [width]=\"canvasWidth\"\r\n  [height]=\"canvasHeight\"\r\n  (mouseleave)=\"onMouseLeave($event)\"\r\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\r\n  (mousemove)=\"onMouseEnterOrMove($event)\"\r\n  (wheel)=\"onMouseScroll($event)\">\r\n</canvas>\r\n",
@@ -15454,7 +15570,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1E = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15518,19 +15634,19 @@
             { type: CartService },
             { type: ToastService }
         ]; };
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MultipleItemsToCartEcComponent.prototype, "product", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MultipleItemsToCartEcComponent.prototype, "objectWithVariant", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Output()
         ], MultipleItemsToCartEcComponent.prototype, "totalCostItems", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Output()
         ], MultipleItemsToCartEcComponent.prototype, "totalItems", void 0);
-        MultipleItemsToCartEcComponent = __decorate$1E([
+        MultipleItemsToCartEcComponent = __decorate$1F([
             core.Component({
                 selector: 'app-multiple-items-to-cart-ec',
                 template: "<table class=\"table table-hover tablas tabla-curva\">\r\n    <thead>\r\n        <tr>\r\n            <th scope=\"col\">Curva</th>\r\n            <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{item.currentOption?.code}}</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <ng-container *ngIf=\"allWithoutTracking()\">\r\n            <tr>\r\n                <td>Stock</td>\r\n                <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{(item.currentOption?.stock == 9999)? 'N/A' : item.currentOption?.stock }}</th>\r\n            </tr>\r\n        </ng-container>\r\n        <tr>\r\n            <td></td>\r\n            <td *ngFor=\"let item of optionsProductForVariant()\">\r\n                <div class=\"text-center\">\r\n                    <input class=\"form-control form-control-sm in-curva\"\r\n                        (keypress)=\"consts.inputValidationByExpressions($event,'[0-9]{1,9}', condition(inputValue.value,item) )\" #inputValue \r\n                        (keyup)=\"setQuantity(inputValue.value,item)\" [max]=\"item.currentOption?.stock\"  min=\"0\" type=\"text\"\r\n                        [value]=\"item?.productToCartItem?.quantity || 0\" id=\"\">\r\n                </div>\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n<ng-template #loading>\r\n     <div class=\"col-12 align-items-center\">\r\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n               <app-loading-full-ec></app-loading-full-ec>\r\n          </div>\r\n     </div>\r\n</ng-template>",
@@ -15540,7 +15656,7 @@
         return MultipleItemsToCartEcComponent;
     }(ComponentHelper));
 
-    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;
@@ -15653,7 +15769,7 @@
             { type: ParametersService }
         ]; };
         CaptchaService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CaptchaService_Factory() { return new CaptchaService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService), core.ɵɵinject(http.HttpClient), core.ɵɵinject(ParametersService)); }, token: CaptchaService, providedIn: "root" });
-        CaptchaService$1 = __decorate$1F([
+        CaptchaService$1 = __decorate$1G([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -15661,7 +15777,7 @@
         return CaptchaService$1;
     }());
 
-    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;
@@ -15695,13 +15811,13 @@
         RecaptchaEcComponent.ctorParameters = function () { return [
             { type: CaptchaService }
         ]; };
-        __decorate$1G([
+        __decorate$1H([
             core.Input()
         ], RecaptchaEcComponent.prototype, "form", void 0);
-        __decorate$1G([
+        __decorate$1H([
             core.Input()
         ], RecaptchaEcComponent.prototype, "siteKey", void 0);
-        RecaptchaEcComponent = __decorate$1G([
+        RecaptchaEcComponent = __decorate$1H([
             core.Component({
                 selector: 're-captcha-ec',
                 template: "<ng-container *ngIf=\"captcha.siteKey; else loading\">\r\n    <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\" [formControl]=\"form.controls['captcha']\">\r\n    </re-captcha>\r\n</ng-container>\r\n<ng-template #loading>\r\n      <app-loading-full-ec></app-loading-full-ec>\r\n</ng-template>",
@@ -15724,7 +15840,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -15859,28 +15975,28 @@
             { type: ParametersService },
             { type: CheckoutService }
         ]; };
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], DecidirEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], DecidirEcComponent.prototype, "method", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], DecidirEcComponent.prototype, "total_amount", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], DecidirEcComponent.prototype, "allData", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], DecidirEcComponent.prototype, "user_data", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Output()
         ], DecidirEcComponent.prototype, "ready", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.ViewChild('template')
         ], DecidirEcComponent.prototype, "template", void 0);
-        DecidirEcComponent = __decorate$1H([
+        DecidirEcComponent = __decorate$1I([
             core.Component({
                 selector: 'app-decidir-ec',
                 template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"!loading; else loadingUrl\">\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header border-none justify-content-end px-1\">\r\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\r\n                X \r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <iframe #iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>\r\n",
@@ -15891,7 +16007,7 @@
         return DecidirEcComponent;
     }(ComponentHelper));
 
-    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;
@@ -16038,7 +16154,7 @@
             { type: ConnectionService }
         ]; };
         ConcatenatedAssociationsService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ConcatenatedAssociationsService_Factory() { return new ConcatenatedAssociationsService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService)); }, token: ConcatenatedAssociationsService, providedIn: "root" });
-        ConcatenatedAssociationsService$1 = __decorate$1I([
+        ConcatenatedAssociationsService$1 = __decorate$1J([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -16059,7 +16175,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -16352,7 +16468,7 @@
             { type: CartService },
             { type: router.Router }
         ]; };
-        BuildYourEcComponent = __decorate$1J([
+        BuildYourEcComponent = __decorate$1K([
             core.Component({
                 selector: 'app-build-your-ec',
                 template: "<p>\r\n  build-your-ec works!\r\n</p>\r\n",
@@ -16386,7 +16502,7 @@
         };
         return __assign$r.apply(this, arguments);
     };
-    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;
@@ -16448,10 +16564,10 @@
             { type: router.Router },
             { type: ToastService }
         ]; };
-        __decorate$1K([
+        __decorate$1L([
             core.Input()
         ], ProductFoundEcComponent.prototype, "product", void 0);
-        ProductFoundEcComponent = __decorate$1K([
+        ProductFoundEcComponent = __decorate$1L([
             core.Component({
                 selector: 'app-product-found-ec',
                 template: "<p>\r\n  product-found works!\r\n</p>\r\n",
@@ -16475,7 +16591,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -16639,22 +16755,22 @@
             { type: Constants },
             { type: router.Router }
         ]; };
-        __decorate$1L([
+        __decorate$1M([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "product_id", void 0);
-        __decorate$1L([
+        __decorate$1M([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
-        __decorate$1L([
+        __decorate$1M([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "classes", void 0);
-        __decorate$1L([
+        __decorate$1M([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "setSize", null);
-        __decorate$1L([
+        __decorate$1M([
             core.Output()
         ], ComparedProductsEcComponent.prototype, "error", void 0);
-        ComparedProductsEcComponent = __decorate$1L([
+        ComparedProductsEcComponent = __decorate$1M([
             core.Component({
                 selector: 'app-compared-products-ec',
                 template: "<ng-container *ngIf=\"!loading; else loadingView\">\r\n    <ng-container *ngIf=\"comparedProducts && comparedProducts.length\">\r\n        <div [class]=\"'table-responsive'+size\">\r\n            <table id=\"table\" [class]=\"'table '+classes\">\r\n                <thead id=\"thead\">\r\n                    <tr class=\"thead-tr\">\r\n                        <th class=\"thead-tr-th\" scope=\"col\"></th>\r\n                        <th class=\"thead-tr-th\" *ngFor=\"let product of comparedProducts\" scope=\"col\">{{product.id}}</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody id=\"tbody\">\r\n                    <tr *ngFor=\"let row of matrixComparedProducts | keyvalue\" class=\"tbody-tr\">\r\n                        <th class=\"tbody-tr-th\" scope=\"row\">{{attributes[row.key].name}}</th>\r\n                        <td class=\"tbody-tr-td\" *ngFor=\"let col of row.value\">\r\n                            <ul>\r\n                                <li *ngFor=\"let item of col.values\">\r\n                                    {{ item.name }}\r\n                                </li>\r\n                            </ul>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #loadingView>\r\n    <div class=\"w-100 h-50 py-5\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n    </div>\r\n</ng-template>",
@@ -16677,7 +16793,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -16700,25 +16816,25 @@
             { type: CheckoutService },
             { type: AnalyticsService }
         ]; };
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "lastStep", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "previousStep", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "step_id", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "nextStep", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "goBack", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], StepEcComponent.prototype, "id_step", void 0);
-        StepEcComponent = __decorate$1M([
+        StepEcComponent = __decorate$1N([
             core.Component({
                 selector: 'app-step-ec',
                 template: "<ng-container [ngSwitch]=\"step_id\">\r\n\r\n    <ng-container *ngSwitchCase=\"1\">\r\n        <app-dataform-ec [step_id]=\"id_step\" [isLastOne]=\"lastStep\" [nextStep]=\"nextStep\">\r\n        </app-dataform-ec>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"2\">\r\n        <ng-container *ngIf=\"isStepReady('address')\">\r\n            <app-shipment-ec [step_id]=\"id_step\">\r\n            </app-shipment-ec>\r\n            <div class=\"checkout-btn-container mt-2\">\r\n                <button class=\"btn valid-btn\" (click)=\"goBack()\">{{'back'|translate}}</button>\r\n                <ng-container *ngIf=\"(checkoutService.order$ | async) as order\">\r\n                    <button  *ngIf=\"isStepReady('shipment')\" (click)=\"nextStep()\"\r\n                        class=\"btn valid-btn float-end\" (click)=\"metodoEnvio(order)\">{{ (lastStep ? 'finish-checkout' : 'ready-form') |translate}}\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"3\">\r\n        <ng-container *ngIf=\"isStepReady(previousStep)\">\r\n            <app-payment-ec [step_id]=\"id_step\">\r\n            </app-payment-ec>\r\n            <div class=\"checkout-btn-container mt-2\">\r\n                <button class=\"btn valid-btn\"\r\n                    (click)=\"goBack()\">{{'back'|translate}}</button>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n</ng-container>\r\n",
@@ -16728,7 +16844,7 @@
         return StepEcComponent;
     }(ComponentHelper));
 
-    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;
@@ -16849,25 +16965,25 @@
             { type: ConnectionService },
             { type: ParametersService }
         ]; };
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], CulqiEcComponent.prototype, "amount", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], CulqiEcComponent.prototype, "apiKey", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], CulqiEcComponent.prototype, "method", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], CulqiEcComponent.prototype, "customStyle", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Output()
         ], CulqiEcComponent.prototype, "ready", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.ViewChild('formContainer')
         ], CulqiEcComponent.prototype, "anchor", void 0);
-        CulqiEcComponent = __decorate$1N([
+        CulqiEcComponent = __decorate$1O([
             core.Component({
                 selector: 'app-culqi-ec',
                 template: "<div class=\"text-center\">\r\n    <h3 *ngIf=\"method && method?.name\">{{method.name}}</h3>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <form action=\"javascript:void(0)\" #formContainer></form>\r\n    <button *ngIf=\"loaded; else loading\" (click)=\"open()\" class=\"comprar\">Pagar</button>\r\n</div>\r\n\r\n\r\n<ng-template #loading>\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</ng-template>",
@@ -16890,7 +17006,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -16955,16 +17071,16 @@
         RatingEcComponent.prototype.ngOnInit = function () {
             this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
         };
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], RatingEcComponent.prototype, "template", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], RatingEcComponent.prototype, "type", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], RatingEcComponent.prototype, "ratingValue", void 0);
-        RatingEcComponent = __decorate$1O([
+        RatingEcComponent = __decorate$1P([
             core.Component({
                 selector: 'app-rating-ec',
                 template: "<ng-container [ngSwitch]=\"type\">\r\n        <ng-template #stars let-score=\"score\">\r\n           <ng-container *ngFor=\"let value of score\">\r\n                <ng-container [ngSwitch]=\"value\">\r\n                    <i *ngSwitchCase=\"1\" class=\"me-1 bi bi-star-fill text-warning star\"></i>\r\n                    <i *ngSwitchCase=\"0.5\" class=\"me-1 bi bi-star-half text-warning star\"></i>\r\n                    <i *ngSwitchCase=\"0\" class=\"me-1 bi bi-star text-muted star\"></i>\r\n                </ng-container>\r\n           </ng-container>\r\n        </ng-template>\r\n        <ng-container *ngSwitchCase=\"'stars'\"\r\n            [ngTemplateOutlet]=\"template  ? template : stars\"\r\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\r\n        </ng-container>\r\n</ng-container>\r\n",
@@ -16974,7 +17090,7 @@
         return RatingEcComponent;
     }(ComponentHelper));
 
-    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;
@@ -17073,7 +17189,7 @@
             { type: PaginationService }
         ]; };
         ReviewsService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ReviewsService_Factory() { return new ReviewsService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants), core.ɵɵinject(PaginationService)); }, token: ReviewsService, providedIn: "root" });
-        ReviewsService$1 = __decorate$1P([
+        ReviewsService$1 = __decorate$1Q([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -17094,7 +17210,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    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;
@@ -17204,19 +17320,19 @@
             { type: AuthService },
             { type: ReviewsService }
         ]; };
-        __decorate$1Q([
+        __decorate$1R([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "product", void 0);
-        __decorate$1Q([
+        __decorate$1R([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "withAuthenticated", void 0);
-        __decorate$1Q([
+        __decorate$1R([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "max", void 0);
-        __decorate$1Q([
+        __decorate$1R([
             core.Output()
         ], ReviewsFormEcComponent.prototype, "ready", void 0);
-        ReviewsFormEcComponent = __decorate$1Q([
+        ReviewsFormEcComponent = __decorate$1R([
             core.Component({
                 selector: 'app-reviews-form-ec',
                 template: "<p>\r\n  reviews-form-ec works!\r\n</p>\r\n",
@@ -17239,7 +17355,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1R = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17293,10 +17409,10 @@
             { type: ReviewsService },
             { type: Constants }
         ]; };
-        __decorate$1R([
+        __decorate$1S([
             core.Input()
         ], ReviewsEcComponent.prototype, "product", void 0);
-        ReviewsEcComponent = __decorate$1R([
+        ReviewsEcComponent = __decorate$1S([
             core.Component({
                 selector: 'app-reviews-ec',
                 template: "<p>\r\n  reviews-ec works!\r\n</p>\r\n",
@@ -17319,7 +17435,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17580,28 +17696,28 @@
             { type: core.ChangeDetectorRef },
             { type: core.Renderer2 }
         ]; };
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "method", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "total_amount", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "allData", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "user_data", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Output()
         ], BancardCatastroEcComponent.prototype, "ready", void 0);
-        __decorate$1S([
+        __decorate$1T([
             core.Output()
         ], BancardCatastroEcComponent.prototype, "cardAdded", void 0);
-        BancardCatastroEcComponent = __decorate$1S([
+        BancardCatastroEcComponent = __decorate$1T([
             core.Component({
                 selector: 'app-bancard-catastro-ec',
                 template: "<div *ngIf=\"!loading; else loadingView\">\r\n    <div class=\"row my-3\">\r\n        <ng-container *ngIf=\"registered_cards && registered_cards.length > 0; else notCards\">\r\n            <ng-container *ngFor=\"let card of registered_cards; let x=index\">\r\n                <div class=\"col-12 col-md-6\">\r\n                    <div class=\"card my-2\">\r\n                        <div class=\"card-body\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-9\">\r\n                                    <h5 class=\"card-title\">Terminada en {{card.card_masked_number.slice(-4)}}</h5>\r\n                                    <!-- <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle</h6> -->\r\n                                    <!--                       <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\r\n                                                                 -->\r\n                                    <p class=\"card-text text-muted\">{{card.card_brand}}</p>\r\n                                    <p class=\"card-text text-muted\">Vencimiento: {{card.expiration_date}}</p>\r\n                                </div>\r\n                                <div class=\"col-3 d-none d-md-flex\">\r\n                                    <div class=\"d-flex flex-column justify-content-between align-items-center w-100\">\r\n                                        <div class=\"d-flex justify-content-end w-100\">\r\n                                            <a class=\"cursor-pointer text-primary\" (click)=\"deleteCard(card.card_id)\">\r\n                                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\r\n                                                    viewBox=\"0 0 16 16\">\r\n                                                    <path\r\n                                                        d=\"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z\" />\r\n                                                </svg>\r\n                                            </a>\r\n                                        </div>\r\n                                        <img [src]=\"getCardImg(card.card_brand)\" class=\"img-card\" />\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"card-footer d-flex flex-row justify-content-end\">\r\n                            <ng-container *ngIf=\"!checkingPayment; else buttonLoading\">\r\n                                <button *ngIf=\"card.card_type == 'credit'; else debito\" class=\"btn comprar text-white\" data-bs-toggle=\"modal\"\r\n                                    data-bs-target=\"#modalCuotas\" (click)=\"setCurrentCardID(card.card_id)\">Pagar</button>\r\n                                <ng-template #debito>\r\n                                    <button class=\"btn comprar text-white\" (click)=\"toPay(card.card_id)\">Pagar</button>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #notCards>\r\n            <div class=\"col-12 d-flex justify-content-center\">\r\n                <h6>Usted no posee tarjetas registrada. Para continuar con este m\u00E9todo de pago por favor registre una\r\n                    tarjeta presionando el bot\u00F3n de <span class=\"text-decoration-underline fs-6\"> Nueva tarjeta</span>\r\n                </h6>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n    <div class=\"d-flex flex-row w-full justify-content-center\">\r\n        <button class=\"btn comprar text-white\" data-bs-toggle=\"modal\" data-bs-target=\"#catastro\"\r\n            (click)=\"getProcessId(); openModal()\">Nueva Tarjeta</button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal\" tabindex=\"-1\" id=\"catastro\">\r\n    <div class=\"modal-dialog\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <!--  <h5 class=\"modal-title\">Modal title</h5> -->\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\r\n                    (click)=\"closeModal()\"></button>\r\n            </div>\r\n            <div class=\"modal-body d-flex flex-column justify-content-center align-items-center\">\r\n                <ng-container *ngIf=\"infoPreview; else iframe\">\r\n                    <div class=\"alert alert-warning \" role=\"alert\">\r\n                        <p class=\"mb-0\">Estimado usuario,</p>\r\n                        <p> A continuaci\u00F3n usted pasar\u00E1 por \u00FAnica vez por un proceso de\r\n                            validaci\u00F3n con preguntas de seguridad. Para iniciar favor tener en\r\n                            cuenta las siguientes recomendaciones:</p>\r\n                        <ol class=\"list-group list-group-numbered\">\r\n                            <li class=\"list-group-item list-group-item-warning\">Verifique su n\u00FAmero de c\u00E9dula de\r\n                                identidad</li>\r\n                            <li class=\"list-group-item list-group-item-warning\">Tenga a mano sus tarjetas de cr\u00E9dito y\r\n                                d\u00E9bito activas</li>\r\n                            <li class=\"list-group-item list-group-item-warning\">Verifique el monto y lugar de sus\r\n                                \u00FAltimas compras en\r\n                                comercios o extracciones en cajeros</li>\r\n                        </ol>\r\n                    </div>\r\n                    <div class=\"d-flex flex-row w-full justify-content-center\">\r\n                        <a class=\"cursor-pointer text-dark fs-xs\" (click)=\"skipInfoPreview()\">Saltar</a>\r\n                    </div>\r\n                </ng-container>\r\n                <ng-template #iframe>\r\n                    <iframe *ngIf=\"url; else loadingView\" [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n                </ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<!-- Modal -->\r\n<div class=\"modal fade\" id=\"modalCuotas\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-centered modal-sm\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\">Elija el n\u00FAmero de cuotas</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <select class=\"form-select\" aria-label=\"Default select example\"\r\n                    (change)=\"setNumberOfPayments($event.target.value)\">\r\n                    <option selected disabled>Selecciones la cantidad de cuotas</option>\r\n                    <option value=\"1\">1 cuota</option>\r\n                    <option value=\"3\">3 cuotas</option>\r\n                    <option value=\"6\">6 cuotas</option>\r\n                    <option value=\"12\">12 cuotas</option>\r\n                </select>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"canPay()\">\r\n                <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"\r\n                    (click)=\"toPay(currentCardID)\">Pagar</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loadingView>\r\n    <div>\r\n        <app-loading-inline-ec></app-loading-inline-ec>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #buttonLoading>\r\n    <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"> \r\n        <app-loading-inline-ec></app-loading-inline-ec>\r\n    </button>\r\n</ng-template>",
@@ -17622,7 +17738,7 @@
         };
         return __assign$s.apply(this, arguments);
     };
-    var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1U = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17820,7 +17936,7 @@
             { type: core.Injector }
         ]; };
         CookiesService.ɵprov = core.ɵɵdefineInjectable({ factory: function CookiesService_Factory() { return new CookiesService(core.ɵɵinject(core.INJECTOR)); }, token: CookiesService, providedIn: "root" });
-        CookiesService = __decorate$1T([
+        CookiesService = __decorate$1U([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -17841,7 +17957,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1U = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1V = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17936,10 +18052,10 @@
             { type: Constants },
             { type: CookiesService }
         ]; };
-        __decorate$1U([
+        __decorate$1V([
             core.Input()
         ], CookiesEcComponent.prototype, "templates", void 0);
-        CookiesEcComponent = __decorate$1U([
+        CookiesEcComponent = __decorate$1V([
             core.Component({
                 selector: 'app-cookies-ec',
                 template: "<ng-container *ngIf=\"ready\">\r\n    <ng-container [ngSwitch]=\"cookies.format.type\">\r\n        <ng-container *ngSwitchCase=\"'toast'\">\r\n            <ng-template #toastEcTemplate>\r\n                <app-toast-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-toast-cookies-ec>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"templates && templates.toast? templates.toast : toastEcTemplate\"\r\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'modal'\">\r\n            <ng-template #modalEcTemplate>\r\n                <app-modal-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-modal-cookies-ec>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"templates && templates.modal? templates.modal : modalEcTemplate\"\r\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'sidebar'\">\r\n            <ng-template #sidebarEcTemplate>\r\n                <app-sidebar-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-sidebar-cookies-ec>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"templates && templates.sidebar? templates.sidebar : sidebarEcTemplate\"\r\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-template #configEcTemplate>\r\n        <app-modal-config-ec [cookies]=\"cookies\" [cookiesToSave]=\"cookiesToSave\"\r\n            [cookiesFunctions]=\"cookiesFunctions\"></app-modal-config-ec>\r\n    </ng-template>\r\n    <ng-container [ngTemplateOutlet]=\"templates && templates.config ? templates.config : configEcTemplate\"\r\n        [ngTemplateOutletContext]=\"{cookies:cookies, cookiesToSave:cookiesToSave, cookiesFunctions:cookiesFunctions}\"></ng-container>\r\n</ng-container>",
@@ -17949,7 +18065,7 @@
         return CookiesEcComponent;
     }(ComponentHelper));
 
-    var __decorate$1V = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1W = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17967,13 +18083,13 @@
                 _this.show();
             }, 2000);
         };
-        __decorate$1V([
+        __decorate$1W([
             core.Input()
         ], SidebarCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1V([
+        __decorate$1W([
             core.Input()
         ], SidebarCookiesEcComponent.prototype, "acceptCookies", void 0);
-        SidebarCookiesEcComponent = __decorate$1V([
+        SidebarCookiesEcComponent = __decorate$1W([
             core.Component({
                 selector: 'app-sidebar-cookies-ec',
                 template: "<ng-container *ngIf=\"cookies.format.position == 'start' || cookies.format.position == 'end'; else startend\">\r\n    <div [class]=\"'offcanvas offcanvas-'+cookies.format.position\"\r\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\r\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\r\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\r\n        <div class=\"offcanvas-header\">\r\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\r\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"offcanvas-body d-flex align-items-start\">\r\n            <div class=\"row d-flex flex-row justify-content-between cookies-body\">\r\n                <div class=\"col-lg-12\">\r\n                    <p [innerHtml]=\"cookies.message | ecSanitizerHtml\"></p>\r\n                </div>\r\n                <div class=\"col-lg-12 d-flex flex-row justify-content-center align-items-center\">\r\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\r\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\r\n                    <button class=\"btn btn-primary mx-2\" data-bs-dismiss=\"offcanvas\" (click)=\"acceptCookies()\">{{ cookies.others.btnAccept }}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #startend>\r\n    <div [class]=\"'offcanvas offcanvas-'+(cookies.format.position ? cookies.format.position : 'bottom')\"\r\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\r\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\r\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\r\n        <div class=\"offcanvas-header\">\r\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\r\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"offcanvas-body d-flex align-items-center\">\r\n            <div class=\"row d-flex flex-row justify-content-between cookies-body w-100\">\r\n                <div class=\"col-lg-9\">\r\n                    <p [innerHtml]=\"cookies.message\"></p>\r\n                </div>\r\n                <div class=\"col-lg-3 d-flex flex-row justify-content-center align-items-center\" *ngIf=\"cookies.others\">\r\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\r\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\r\n                    <button class=\"btn btn-primary mx-2\"\r\n                        (click)=\"acceptCookies()\" data-bs-dismiss=\"offcanvas\">{{ cookies.others.btnAccept }}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n",
@@ -17983,7 +18099,7 @@
         return SidebarCookiesEcComponent;
     }());
 
-    var __decorate$1W = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1X = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18001,13 +18117,13 @@
                 _this.show();
             }, 2000);
         };
-        __decorate$1W([
+        __decorate$1X([
             core.Input()
         ], ModalCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1W([
+        __decorate$1X([
             core.Input()
         ], ModalCookiesEcComponent.prototype, "acceptCookies", void 0);
-        ModalCookiesEcComponent = __decorate$1W([
+        ModalCookiesEcComponent = __decorate$1X([
             core.Component({
                 selector: 'app-modal-cookies-ec',
                 template: "<!-- Modal -->\r\n<div class=\"modal fade\" id=\"modal-cookies\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n    <div [class]=\"'modal-dialog modal-dialog-centered '+(cookies.format.size ? 'modal-'+cookies.format.size : '')\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"exampleModalLabel\">{{cookies.title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <p [innerHtml]=\"cookies.message\"></p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer d-flex justify-content-between\" *ngIf=\"cookies.others\">\r\n                <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\r\n                    data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\r\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
@@ -18017,7 +18133,7 @@
         return ModalCookiesEcComponent;
     }());
 
-    var __decorate$1X = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1Y = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18036,13 +18152,13 @@
                 _this.acceptCookies();
             }, 2000);
         };
-        __decorate$1X([
+        __decorate$1Y([
             core.Input()
         ], ToastCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1X([
+        __decorate$1Y([
             core.Input()
         ], ToastCookiesEcComponent.prototype, "acceptCookies", void 0);
-        ToastCookiesEcComponent = __decorate$1X([
+        ToastCookiesEcComponent = __decorate$1Y([
             core.Component({
                 selector: 'app-toast-cookies-ec',
                 template: "<div [class]=\"'position-fixed p-3 '+(cookies.format?.positionY ? cookies.format.positionY : 'top-0')+' '+(cookies.format?.positionX ? cookies.format.positionX : 'start-0')\" style=\"z-index: 9999\">\r\n    <div id=\"cookieToast\" class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\">\r\n        <div class=\"toast-header bg-primary\">\r\n            <!-- <img src=\"...\" class=\"rounded me-2\" alt=\"...\"> -->\r\n            <strong *ngIf=\"cookies.title\" class=\"me-auto\">{{cookies.title}}</strong>\r\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"toast-body\">\r\n            <p [innerHtml]=\"cookies.message\"></p>\r\n        </div>\r\n        <!--   <div class=\"toast-footer\" *ngIf=\"cookies.others\">\r\n            <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\r\n                data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\r\n        </div> -->\r\n    </div>\r\n</div>",
@@ -18052,7 +18168,7 @@
         return ToastCookiesEcComponent;
     }());
 
-    var __decorate$1Y = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1Z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18065,16 +18181,16 @@
         }
         ModalConfigEcComponent.prototype.ngOnInit = function () {
         };
-        __decorate$1Y([
+        __decorate$1Z([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookies", void 0);
-        __decorate$1Y([
+        __decorate$1Z([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookiesToSave", void 0);
-        __decorate$1Y([
+        __decorate$1Z([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookiesFunctions", void 0);
-        ModalConfigEcComponent = __decorate$1Y([
+        ModalConfigEcComponent = __decorate$1Z([
             core.Component({
                 selector: 'app-modal-config-ec',
                 template: "<!-- Modal -->\r\n<div class=\"modal fade\" id=\"config\" tabindex=\"-1\" aria-labelledby=\"configModalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-centered modal-lg\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"configModalLabel\">{{cookies.title}}</h5>\r\n                <button *ngIf=\"cookies.format.type == 'modal'; else close\" type=\"button\" class=\"btn-close\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\" aria-label=\"Close\"></button>\r\n                <ng-template #close>\r\n                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n                </ng-template>\r\n            </div>\r\n            <div class=\"modal-body px-0 d-flex justify-content-center\">\r\n                <!--Vertical Pill-->\r\n                <div class=\"row w-100\">\r\n                    <div class=\"col-12 col-md-4 p-0 m-0\">\r\n                        <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                            <button *ngFor=\"let cookie of cookies.cookies; let x = index\"\r\n                                [class]=\"'btn rounded-0 btn-primary   '+ (x==0 ? 'active' : '')\"\r\n                                [id]=\"'v-pills-'+cookie.name+'-tab'\" data-bs-toggle=\"pill\"\r\n                                [attr.data-bs-target]=\"'#v-pills-'+cookie.name\" type=\"button\" role=\"tab\"\r\n                                [attr.aria-controls]=\"'v-pills-'+cookie.name\" [attr.aria-selected]=\"x==0\">\r\n                                {{cookie.name.replaceAll('-',' ')}}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-12 col-md-8 p-0 m-0\">\r\n                        <div class=\"tab-content\" id=\"v-pills-tabContent\">\r\n                            <div *ngFor=\"let cookie of cookies.cookies; let x = index\"\r\n                                [class]=\"'tab-pane fade '+ (x==0 ? 'show active ' : '')\" [id]=\"'v-pills-'+cookie.name\"\r\n                                role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+cookie.name+'-tab'\">\r\n                                <div class=\"d-flex justify-content-between w-100\">\r\n                                    <h5 class=\"title-cookie\">{{cookie.name.replaceAll('-',' ')}}</h5>\r\n                                    <div class=\"form-check\" *ngIf=\"checkCookie(cookie.name) as info\">\r\n                                        <input class=\"form-check-input\" type=\"radio\" [name]=\"'flexRadio'+x\" [id]=\"'flexRadioDefault'+x\"\r\n                                            [checked]=\"info.enabled\" (click)=\"cookiesFunctions.toggle(cookie.name)\">\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"h-100 overflow-scroll text-content\">\r\n                                    <p class=\"text-cookie\">{{cookie.message}}</p>\r\n                                </div>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <!--End-->\r\n            </div>\r\n            <div class=\"modal-footer d-flex justify-content-between\">\r\n                <ng-container *ngIf=\"cookies.format.type == 'modal'; else default\">\r\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\">{{cookies.others.btnSave}}</button>\r\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\"\r\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\r\n                </ng-container>\r\n                <ng-template #default>\r\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">{{cookies.others.btnSave}}</button>\r\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\"\r\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\r\n                </ng-template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
@@ -18097,7 +18213,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1Z = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1_ = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18265,28 +18381,28 @@
             { type: core.Injector },
             { type: CartService }
         ]; };
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], BambooEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], BambooEcComponent.prototype, "method", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], BambooEcComponent.prototype, "total_amount", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], BambooEcComponent.prototype, "allData", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], BambooEcComponent.prototype, "user_data", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Output()
         ], BambooEcComponent.prototype, "ready", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.ViewChild('template')
         ], BambooEcComponent.prototype, "template", void 0);
-        BambooEcComponent = __decorate$1Z([
+        BambooEcComponent = __decorate$1_([
             core.Component({
                 selector: 'app-bamboo-ec',
                 template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Bamboo</h3>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\r\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\r\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"iniciar()\">Pagar</button>\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">Modal title</h5>\r\n            <button type=\"button\" class=\"btn-close\" (click)=\"clickClose()\"></button>\r\n        </div>\r\n        <div class=\"modal-body d-flex justify-content-center\" *ngIf=\"url\">\r\n            <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\r\n        </div>\r\n        <!-- <div class=\"modal-footer\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close</button>\r\n          <button type=\"button\" class=\"btn btn-primary\">Save changes</button>\r\n        </div> -->\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingUrl>\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n</ng-template>",
@@ -18296,7 +18412,7 @@
         return BambooEcComponent;
     }(ComponentHelper));
 
-    var __decorate$1_ = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1$ = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18399,7 +18515,7 @@
             { type: router.Router },
             { type: ToastService }
         ]; };
-        SidebarEcComponent = __decorate$1_([
+        SidebarEcComponent = __decorate$1$([
             core.Component({
                 selector: 'app-sidebar-ec',
                 template: "",
@@ -18492,7 +18608,7 @@
         SidebarEcComponent
     ];
 
-    var __decorate$1$ = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18572,16 +18688,16 @@
             { type: BlocksService },
             { type: router.Router }
         ]; };
-        __decorate$1$([
+        __decorate$20([
             core.Input()
         ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-        __decorate$1$([
+        __decorate$20([
             core.Input()
         ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-        __decorate$1$([
+        __decorate$20([
             core.Input()
         ], AddActionRedirectDirective.prototype, "isTransparent", null);
-        AddActionRedirectDirective = __decorate$1$([
+        AddActionRedirectDirective = __decorate$20([
             core.Directive({
                 selector: "[ecAddActionRedirect]",
             }),
@@ -18590,7 +18706,7 @@
         return AddActionRedirectDirective;
     }());
 
-    var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18655,13 +18771,13 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStock", null);
-        ProductStockDirective = __decorate$20([
+        ProductStockDirective = __decorate$21([
             core.Directive({
                 selector: "[ecProductStock]"
             })
@@ -18669,7 +18785,7 @@
         return ProductStockDirective;
     }());
 
-    var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18810,16 +18926,16 @@
             { type: core.ElementRef },
             { type: core.Renderer2 }
         ]; };
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], ProductOffDirective.prototype, "ecProductOff", null);
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], ProductOffDirective.prototype, "classStrSpacing", null);
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], ProductOffDirective.prototype, "customMessage", null);
-        ProductOffDirective = __decorate$21([
+        ProductOffDirective = __decorate$22([
             core.Directive({
                 selector: "[ecProductOff]",
             }),
@@ -18828,7 +18944,7 @@
         return ProductOffDirective;
     }());
 
-    var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18886,10 +19002,10 @@
             { type: core.Renderer2 },
             { type: Constants }
         ]; };
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-        ProductMiniStandardDirective = __decorate$22([
+        ProductMiniStandardDirective = __decorate$23([
             core.Directive({
                 selector: '[ecProductMiniStandard]'
             })
@@ -18897,7 +19013,7 @@
         return ProductMiniStandardDirective;
     }());
 
-    var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18940,13 +19056,13 @@
             { type: core.ViewContainerRef },
             { type: AuthService }
         ]; };
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-        AuthWholesalerDirective = __decorate$23([
+        AuthWholesalerDirective = __decorate$24([
             core.Directive({
                 selector: "[ecAuthWholesaler]"
             })
@@ -18954,7 +19070,7 @@
         return AuthWholesalerDirective;
     }());
 
-    var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18976,10 +19092,10 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$24([
+        __decorate$25([
             core.Input()
         ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-        ReloadViewDirective = __decorate$24([
+        ReloadViewDirective = __decorate$25([
             core.Directive({
                 selector: '[ecReloadView]'
             })
@@ -19002,7 +19118,7 @@
         ReloadViewDirective,
     ];
 
-    var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19062,7 +19178,7 @@
             { type: CurrencyService },
             { type: core.Injector }
         ]; };
-        ecCurrencySymbolPipe = __decorate$25([
+        ecCurrencySymbolPipe = __decorate$26([
             core.Pipe({
                 name: 'ecCurrencySymbol',
             })
@@ -19070,7 +19186,7 @@
         return ecCurrencySymbolPipe;
     }());
 
-    var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19086,7 +19202,7 @@
         EcSanitizerHtmlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerHtmlPipe = __decorate$26([
+        EcSanitizerHtmlPipe = __decorate$27([
             core.Pipe({
                 name: 'ecSanitizerHtml'
             })
@@ -19094,7 +19210,7 @@
         return EcSanitizerHtmlPipe;
     }());
 
-    var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19110,7 +19226,7 @@
         EcSanitizerUrlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerUrlPipe = __decorate$27([
+        EcSanitizerUrlPipe = __decorate$28([
             core.Pipe({
                 name: 'ecSanitizerUrl'
             })
@@ -19125,7 +19241,7 @@
         EcSanitizerUrlPipe
     ];
 
-    var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19212,7 +19328,7 @@
             };
         };
         var NgEasycommerceModule_1;
-        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$28([
+        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$29([
             core.NgModule({
                 exports: [
                     OrderByPipe,
@@ -19249,7 +19365,7 @@
         return NgEasycommerceModule;
     }());
 
-    var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19297,7 +19413,7 @@
             { type: ConnectionService }
         ]; };
         GiftCardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(core.ɵɵinject(Constants), core.ɵɵinject(CartService), core.ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-        GiftCardService$1 = __decorate$29([
+        GiftCardService$1 = __decorate$2a([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -19305,7 +19421,7 @@
         return GiftCardService$1;
     }());
 
-    var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19361,7 +19477,7 @@
             { type: ngxToastr.ToastrService }
         ]; };
         WishlistService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(core.ɵɵinject(ngxToastr.ToastrService)); }, token: WishlistService, providedIn: "root" });
-        WishlistService$1 = __decorate$2a([
+        WishlistService$1 = __decorate$2b([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -19369,7 +19485,7 @@
         return WishlistService$1;
     }());
 
-    var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19404,7 +19520,7 @@
         StandardReuseStrategy.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        StandardReuseStrategy = __decorate$2b([
+        StandardReuseStrategy = __decorate$2c([
             core.Injectable(),
             __param$d(0, core.Inject('env'))
         ], StandardReuseStrategy);
@@ -19544,8 +19660,9 @@
     exports.windowProvider = windowProvider;
     exports.ɵa = OrderByPipe;
     exports.ɵb = components;
-    exports.ɵba = PaymentUtils;
-    exports.ɵbb = CustomerInterceptor;
+    exports.ɵba = OptionsOfProductListDataReceiverService;
+    exports.ɵbb = PaymentUtils;
+    exports.ɵbc = CustomerInterceptor;
     exports.ɵc = SellerDashboardContainerEcComponent;
     exports.ɵd = MagnizoomComponent;
     exports.ɵe = RecaptchaEcComponent;
@@ -19563,13 +19680,13 @@
     exports.ɵq = OrderUtilityService;
     exports.ɵr = StepService;
     exports.ɵs = ErrorHandlerService;
-    exports.ɵt = ShipmentDataTransformer;
-    exports.ɵu = CookiesService;
-    exports.ɵv = directives;
-    exports.ɵw = ProductOffDirective;
-    exports.ɵx = ReloadViewDirective;
-    exports.ɵy = pipes;
-    exports.ɵz = OptionsOfProductListDataReceiverService;
+    exports.ɵt = IpService;
+    exports.ɵu = ShipmentDataTransformer;
+    exports.ɵv = CookiesService;
+    exports.ɵw = directives;
+    exports.ɵx = ProductOffDirective;
+    exports.ɵy = ReloadViewDirective;
+    exports.ɵz = pipes;
 
     Object.defineProperty(exports, '__esModule', { value: true });