ng-easycommerce 0.0.587 → 0.0.588

package/fesm5/ng-easycommerce.js

@@ -5,7 +5,7 @@ import { Router, NavigationEnd, ActivatedRoute, NavigationStart, RouterModule }
 import { HttpHeaders, HttpParams, HttpClient, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { ToastrService, ToastrModule } from 'ngx-toastr';
-import { ReplaySubject, of, BehaviorSubject, combineLatest, Observable, throwError } from 'rxjs';
+import { ReplaySubject, of, BehaviorSubject, forkJoin, combineLatest, Observable, throwError } from 'rxjs';
 import 'rxjs/add/operator/map';
 import { take, map, catchError, filter, mapTo, skipWhile, concatMap } from 'rxjs/operators';
 import 'rxjs/add/operator/catch';
@@ -3332,6 +3332,36 @@ var ToastService = /** @class */ (function () {
     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: HttpClient }
+    ]; };
+    IpService.ɵprov = ɵɵdefineInjectable({ factory: function IpService_Factory() { return new IpService(ɵɵinject(HttpClient)); }, token: IpService, providedIn: "root" });
+    IpService = __decorate$i([
+        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++) {
@@ -3343,7 +3373,7 @@ var __assign$6 = (this && this.__assign) || function () {
     };
     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;
@@ -3402,7 +3432,7 @@ var __read$2 = (this && this.__read) || function (o, n) {
     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;
@@ -3413,6 +3443,7 @@ var CheckoutService = /** @class */ (function () {
         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'; };
@@ -3444,9 +3475,25 @@ var CheckoutService = /** @class */ (function () {
             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
+            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 () {
@@ -3600,10 +3647,11 @@ var CheckoutService = /** @class */ (function () {
         { type: AnalyticsService },
         { type: AuthService },
         { type: Router },
-        { type: ErrorHandlerService }
+        { type: ErrorHandlerService },
+        { type: IpService }
     ]; };
-    CheckoutService$1.ɵprov = ɵɵdefineInjectable({ factory: function CheckoutService_Factory() { return new CheckoutService(ɵɵinject(ConnectionService), ɵɵinject(CartService), ɵɵinject(Constants), ɵɵinject(ToastService), ɵɵinject(OrderUtilityService), ɵɵinject(AnalyticsService), ɵɵinject(AuthService), ɵɵinject(Router), ɵɵinject(ErrorHandlerService)); }, token: CheckoutService, providedIn: "root" });
-    CheckoutService$1 = __decorate$i([
+    CheckoutService$1.ɵprov = ɵɵdefineInjectable({ factory: function CheckoutService_Factory() { return new CheckoutService(ɵɵinject(ConnectionService), ɵɵinject(CartService), ɵɵinject(Constants), ɵɵinject(ToastService), ɵɵinject(OrderUtilityService), ɵɵinject(AnalyticsService), ɵɵinject(AuthService), ɵɵinject(Router), ɵɵinject(ErrorHandlerService), ɵɵinject(IpService)); }, token: CheckoutService, providedIn: "root" });
+    CheckoutService$1 = __decorate$j([
         Injectable({
             providedIn: 'root'
         })
@@ -3708,7 +3756,7 @@ var __assign$7 = (this && this.__assign) || function () {
     };
     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;
@@ -3944,7 +3992,7 @@ var AddressingService = /** @class */ (function (_super) {
         { type: AnalyticsService }
     ]; };
     AddressingService$1.ɵprov = ɵɵdefineInjectable({ factory: function AddressingService_Factory() { return new AddressingService(ɵɵinject(ConnectionService), ɵɵinject(Constants), ɵɵinject(CartService), ɵɵinject(CheckoutService), ɵɵinject(AnalyticsService)); }, token: AddressingService, providedIn: "root" });
-    AddressingService$1 = __decorate$j([
+    AddressingService$1 = __decorate$k([
         Injectable({
             providedIn: 'root'
         })
@@ -3952,7 +4000,7 @@ var AddressingService = /** @class */ (function (_super) {
     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;
@@ -4042,7 +4090,7 @@ var ChannelConfigService = /** @class */ (function () {
         { type: Injector }
     ]; };
     ChannelConfigService$1.ɵprov = ɵɵdefineInjectable({ factory: function ChannelConfigService_Factory() { return new ChannelConfigService(ɵɵinject(Constants), ɵɵinject("env"), ɵɵinject(ConnectionService), ɵɵinject(INJECTOR)); }, token: ChannelConfigService, providedIn: "root" });
-    ChannelConfigService$1 = __decorate$k([
+    ChannelConfigService$1 = __decorate$l([
         Injectable({
             providedIn: 'root'
         }),
@@ -4062,7 +4110,7 @@ var __assign$8 = (this && this.__assign) || function () {
     };
     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;
@@ -4441,7 +4489,7 @@ var AuthService = /** @class */ (function () {
         { type: Injector }
     ]; };
     AuthService$1.ɵprov = ɵɵdefineInjectable({ factory: function AuthService_Factory() { return new AuthService(ɵɵinject(ConnectionService), ɵɵinject(ToastrService), ɵɵinject(Constants), ɵɵinject(INJECTOR)); }, token: AuthService, providedIn: "root" });
-    AuthService$1 = __decorate$l([
+    AuthService$1 = __decorate$m([
         Injectable({
             providedIn: 'root'
         })
@@ -4460,7 +4508,7 @@ var __assign$9 = (this && this.__assign) || function () {
     };
     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;
@@ -5105,7 +5153,7 @@ var CartService = /** @class */ (function () {
         { type: Router }
     ]; };
     CartService$1.ɵprov = ɵɵdefineInjectable({ factory: function CartService_Factory() { return new CartService(ɵɵinject(ConnectionService), ɵɵinject(ToastService), ɵɵinject(Constants), ɵɵinject(AuthService), ɵɵinject(OrderUtilityService), ɵɵinject(AnalyticsService), ɵɵinject(ChannelConfigService), ɵɵinject(Router)); }, token: CartService, providedIn: "root" });
-    CartService$1 = __decorate$m([
+    CartService$1 = __decorate$n([
         Injectable({
             providedIn: 'root'
         })
@@ -5124,7 +5172,7 @@ var __assign$a = (this && this.__assign) || function () {
     };
     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;
@@ -5214,7 +5262,7 @@ var OrdersService = /** @class */ (function () {
         { type: Constants }
     ]; };
     OrdersService$1.ɵprov = ɵɵdefineInjectable({ factory: function OrdersService_Factory() { return new OrdersService(ɵɵinject(ConnectionService), ɵɵinject(CartService), ɵɵinject(Router), ɵɵinject(Constants)); }, token: OrdersService, providedIn: "root" });
-    OrdersService$1 = __decorate$n([
+    OrdersService$1 = __decorate$o([
         Injectable({
             providedIn: 'root'
         })
@@ -5233,7 +5281,7 @@ var __assign$b = (this && this.__assign) || function () {
     };
     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;
@@ -5292,13 +5340,13 @@ var ShipmentDataTransformer = /** @class */ (function () {
             return result;
         };
     }
-    ShipmentDataTransformer = __decorate$o([
+    ShipmentDataTransformer = __decorate$p([
         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;
@@ -5322,7 +5370,7 @@ var StoresService = /** @class */ (function () {
         { type: Constants }
     ]; };
     StoresService$1.ɵprov = ɵɵdefineInjectable({ factory: function StoresService_Factory() { return new StoresService(ɵɵinject(ConnectionService), ɵɵinject(Constants)); }, token: StoresService, providedIn: "root" });
-    StoresService$1 = __decorate$p([
+    StoresService$1 = __decorate$q([
         Injectable({
             providedIn: 'root'
         })
@@ -5354,7 +5402,7 @@ var __assign$c = (this && this.__assign) || function () {
     };
     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;
@@ -5578,7 +5626,7 @@ var ShipmentService = /** @class */ (function (_super) {
         { type: StoresService },
         { type: CheckoutService }
     ]; };
-    ShipmentService = __decorate$q([
+    ShipmentService = __decorate$r([
         Injectable()
     ], ShipmentService);
     return ShipmentService;
@@ -5590,7 +5638,7 @@ var FilterOptionTypes;
     FilterOptionTypes["multiSelect"] = "multi-select";
 })(FilterOptionTypes || (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;
@@ -5679,13 +5727,13 @@ var OptionsOfProductListDataReceiverService = /** @class */ (function () {
             ],
         };
     };
-    OptionsOfProductListDataReceiverService = __decorate$r([
+    OptionsOfProductListDataReceiverService = __decorate$s([
         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;
@@ -5722,13 +5770,13 @@ var DataformService = /** @class */ (function () {
         { type: FormBuilder },
         { type: AuthService }
     ]; };
-    DataformService = __decorate$s([
+    DataformService = __decorate$t([
         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;
@@ -5812,13 +5860,13 @@ var BlocksRepositoryService = /** @class */ (function () {
         { type: Constants },
         { type: ConnectionService }
     ]; };
-    BlocksRepositoryService = __decorate$t([
+    BlocksRepositoryService = __decorate$u([
         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;
@@ -5885,13 +5933,13 @@ var BlocksService = /** @class */ (function () {
         { type: ConnectionService },
         { type: BlocksRepositoryService }
     ]; };
-    BlocksService = __decorate$u([
+    BlocksService = __decorate$v([
         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;
@@ -5905,13 +5953,13 @@ var UtilsService = /** @class */ (function () {
             return word;
         return word[0].toUpperCase() + word.substr(1).toLowerCase();
     };
-    UtilsService = __decorate$v([
+    UtilsService = __decorate$w([
         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;
@@ -5940,13 +5988,13 @@ var PaymentUtils = /** @class */ (function () {
         };
         this.getErrorMessage = function (code) { return _this.mp_error_codes[code]; };
     }
-    PaymentUtils = __decorate$w([
+    PaymentUtils = __decorate$x([
         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;
@@ -5968,7 +6016,7 @@ var AuthGuardService = /** @class */ (function () {
         { type: Router }
     ]; };
     AuthGuardService$1.ɵprov = ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(ɵɵinject(AuthService), ɵɵinject(Router)); }, token: AuthGuardService, providedIn: "root" });
-    AuthGuardService$1 = __decorate$x([
+    AuthGuardService$1 = __decorate$y([
         Injectable({
             providedIn: 'root'
         })
@@ -5976,7 +6024,7 @@ var AuthGuardService = /** @class */ (function () {
     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;
@@ -5998,7 +6046,7 @@ var AbleBuyerGuardService = /** @class */ (function () {
         { type: Router }
     ]; };
     AbleBuyerGuardService$1.ɵprov = ɵɵdefineInjectable({ factory: function AbleBuyerGuardService_Factory() { return new AbleBuyerGuardService(ɵɵinject(AuthService), ɵɵinject(Router)); }, token: AbleBuyerGuardService, providedIn: "root" });
-    AbleBuyerGuardService$1 = __decorate$y([
+    AbleBuyerGuardService$1 = __decorate$z([
         Injectable({
             providedIn: 'root'
         })
@@ -6006,7 +6054,7 @@ var AbleBuyerGuardService = /** @class */ (function () {
     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;
@@ -6030,7 +6078,7 @@ var UserRoleGuardService = /** @class */ (function () {
         { type: Router }
     ]; };
     UserRoleGuardService$1.ɵprov = ɵɵdefineInjectable({ factory: function UserRoleGuardService_Factory() { return new UserRoleGuardService(ɵɵinject(AuthService), ɵɵinject(Router)); }, token: UserRoleGuardService, providedIn: "root" });
-    UserRoleGuardService$1 = __decorate$z([
+    UserRoleGuardService$1 = __decorate$A([
         Injectable({
             providedIn: 'root'
         })
@@ -6038,7 +6086,7 @@ var UserRoleGuardService = /** @class */ (function () {
     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;
@@ -6060,7 +6108,7 @@ var LoggedInGuard = /** @class */ (function () {
         { type: Router }
     ]; };
     LoggedInGuard$1.ɵprov = ɵɵdefineInjectable({ factory: function LoggedInGuard_Factory() { return new LoggedInGuard(ɵɵinject(AuthService), ɵɵinject(Router)); }, token: LoggedInGuard, providedIn: "root" });
-    LoggedInGuard$1 = __decorate$A([
+    LoggedInGuard$1 = __decorate$B([
         Injectable({
             providedIn: 'root'
         })
@@ -6068,7 +6116,7 @@ var LoggedInGuard = /** @class */ (function () {
     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;
@@ -6090,7 +6138,7 @@ var CheckoutReadyGuard = /** @class */ (function () {
         { type: CheckoutService }
     ]; };
     CheckoutReadyGuard$1.ɵprov = ɵɵdefineInjectable({ factory: function CheckoutReadyGuard_Factory() { return new CheckoutReadyGuard(ɵɵinject(Router), ɵɵinject(CheckoutService)); }, token: CheckoutReadyGuard, providedIn: "root" });
-    CheckoutReadyGuard$1 = __decorate$B([
+    CheckoutReadyGuard$1 = __decorate$C([
         Injectable({
             providedIn: 'root'
         })
@@ -6098,7 +6146,7 @@ var CheckoutReadyGuard = /** @class */ (function () {
     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;
@@ -6142,13 +6190,13 @@ var AuthInterceptor = /** @class */ (function () {
     AuthInterceptor.ctorParameters = function () { return [
         { type: Injector }
     ]; };
-    AuthInterceptor = __decorate$C([
+    AuthInterceptor = __decorate$D([
         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;
@@ -6186,7 +6234,7 @@ var CustomerInterceptor = /** @class */ (function () {
     CustomerInterceptor.ctorParameters = function () { return [
         { type: Injector }
     ]; };
-    CustomerInterceptor = __decorate$D([
+    CustomerInterceptor = __decorate$E([
         Injectable()
     ], CustomerInterceptor);
     return CustomerInterceptor;
@@ -6209,7 +6257,7 @@ var ComponentHelper = /** @class */ (function () {
     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;
@@ -6267,7 +6315,7 @@ var ParametersService = /** @class */ (function () {
         { type: AnalyticsService }
     ]; };
     ParametersService$1.ɵprov = ɵɵdefineInjectable({ factory: function ParametersService_Factory() { return new ParametersService(ɵɵinject(ConnectionService), ɵɵinject(Constants), ɵɵinject(AnalyticsService)); }, token: ParametersService, providedIn: "root" });
-    ParametersService$1 = __decorate$E([
+    ParametersService$1 = __decorate$F([
         Injectable({
             providedIn: 'root'
         })
@@ -6288,7 +6336,7 @@ var __extends$8 = (this && this.__extends) || (function () {
         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;
@@ -6321,7 +6369,7 @@ var AccountEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: ParametersService }
     ]; };
-    AccountEcComponent = __decorate$F([
+    AccountEcComponent = __decorate$G([
         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>",
@@ -6355,7 +6403,7 @@ var __assign$d = (this && this.__assign) || function () {
     };
     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;
@@ -6462,25 +6510,25 @@ var BlockBannerBoxesEcComponent = /** @class */ (function (_super) {
         { type: AnalyticsService },
         { type: ParametersService }
     ]; };
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "banners", void 0);
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "meta", void 0);
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "dots", void 0);
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "nav", void 0);
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "loop", void 0);
-    __decorate$G([
+    __decorate$H([
         Input()
     ], BlockBannerBoxesEcComponent.prototype, "margin", void 0);
-    BlockBannerBoxesEcComponent = __decorate$G([
+    BlockBannerBoxesEcComponent = __decorate$H([
         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>",
@@ -6514,7 +6562,7 @@ var __assign$e = (this && this.__assign) || function () {
     };
     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;
@@ -6593,25 +6641,25 @@ var BlockBannerFullEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: AnalyticsService }
     ]; };
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "banners", void 0);
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "meta", void 0);
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "dots", void 0);
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "nav", void 0);
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "loop", void 0);
-    __decorate$H([
+    __decorate$I([
         Input()
     ], BlockBannerFullEcComponent.prototype, "margin", void 0);
-    BlockBannerFullEcComponent = __decorate$H([
+    BlockBannerFullEcComponent = __decorate$I([
         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",
@@ -6645,7 +6693,7 @@ var __assign$f = (this && this.__assign) || function () {
     };
     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;
@@ -6755,19 +6803,19 @@ var BlockFormContactEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: BlocksService }
     ]; };
-    __decorate$I([
+    __decorate$J([
         Input()
     ], BlockFormContactEcComponent.prototype, "block", void 0);
-    __decorate$I([
+    __decorate$J([
         Input()
     ], BlockFormContactEcComponent.prototype, "success_message", void 0);
-    __decorate$I([
+    __decorate$J([
         Input()
     ], BlockFormContactEcComponent.prototype, "redirect", void 0);
-    __decorate$I([
+    __decorate$J([
         Input()
     ], BlockFormContactEcComponent.prototype, "subject", void 0);
-    BlockFormContactEcComponent = __decorate$I([
+    BlockFormContactEcComponent = __decorate$J([
         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>",
@@ -6790,7 +6838,7 @@ var __extends$c = (this && this.__extends) || (function () {
         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;
@@ -6814,10 +6862,10 @@ var BlockHtmlEcComponent = /** @class */ (function (_super) {
     BlockHtmlEcComponent.ctorParameters = function () { return [
         { type: DomSanitizer }
     ]; };
-    __decorate$J([
+    __decorate$K([
         Input()
     ], BlockHtmlEcComponent.prototype, "html_content", void 0);
-    BlockHtmlEcComponent = __decorate$J([
+    BlockHtmlEcComponent = __decorate$K([
         Component({
             selector: 'app-block-html-ec',
             template: "<div [innerHTML]=\"html_content\"></div>",
@@ -6851,7 +6899,7 @@ var __assign$g = (this && this.__assign) || function () {
     };
     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;
@@ -6968,22 +7016,22 @@ var ContactFormNewsEcComponent = /** @class */ (function (_super) {
         { type: BlocksService },
         { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
     ]; };
-    __decorate$K([
+    __decorate$L([
         Input()
     ], ContactFormNewsEcComponent.prototype, "block", void 0);
-    __decorate$K([
+    __decorate$L([
         Input()
     ], ContactFormNewsEcComponent.prototype, "complete", void 0);
-    __decorate$K([
+    __decorate$L([
         Input()
     ], ContactFormNewsEcComponent.prototype, "success_message", void 0);
-    __decorate$K([
+    __decorate$L([
         Input()
     ], ContactFormNewsEcComponent.prototype, "subject", void 0);
-    __decorate$K([
+    __decorate$L([
         Input()
     ], ContactFormNewsEcComponent.prototype, "codeBlock", void 0);
-    ContactFormNewsEcComponent = __decorate$K([
+    ContactFormNewsEcComponent = __decorate$L([
         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>",
@@ -7019,7 +7067,7 @@ var __assign$h = (this && this.__assign) || function () {
     };
     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;
@@ -7105,28 +7153,28 @@ var BlockProductsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: AnalyticsService }
     ]; };
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "appProduct", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "products", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "meta", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "dots", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "nav", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "loop", void 0);
-    __decorate$L([
+    __decorate$M([
         Input()
     ], BlockProductsEcComponent.prototype, "margin", void 0);
-    BlockProductsEcComponent = __decorate$L([
+    BlockProductsEcComponent = __decorate$M([
         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>",
@@ -7149,7 +7197,7 @@ var __extends$f = (this && this.__extends) || (function () {
         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;
@@ -7194,22 +7242,22 @@ var BlocksEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: AnalyticsService }
     ]; };
-    __decorate$M([
+    __decorate$N([
         Input()
     ], BlocksEcComponent.prototype, "appProduct", void 0);
-    __decorate$M([
+    __decorate$N([
         Input()
     ], BlocksEcComponent.prototype, "templates", void 0);
-    __decorate$M([
+    __decorate$N([
         Input()
     ], BlocksEcComponent.prototype, "blockFilters", void 0);
-    __decorate$M([
+    __decorate$N([
         Input()
     ], BlocksEcComponent.prototype, "section", null);
-    __decorate$M([
+    __decorate$N([
         Input()
     ], BlocksEcComponent.prototype, "show_loading", void 0);
-    BlocksEcComponent = __decorate$M([
+    BlocksEcComponent = __decorate$N([
         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>",
@@ -7233,7 +7281,7 @@ var __extends$g = (this && this.__extends) || (function () {
         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;
@@ -7666,7 +7714,7 @@ var CartEcComponent = /** @class */ (function (_super) {
         { type: ToastService },
         { type: AddressingService }
     ]; };
-    CartEcComponent = __decorate$N([
+    CartEcComponent = __decorate$O([
         Component({
             selector: 'app-cart-ec',
             template: "",
@@ -7689,7 +7737,7 @@ var __extends$h = (this && this.__extends) || (function () {
         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;
@@ -7817,7 +7865,7 @@ var CheckoutEcComponent = /** @class */ (function (_super) {
         { type: ProductsService },
         { type: ChannelConfigService }
     ]; };
-    CheckoutEcComponent = __decorate$O([
+    CheckoutEcComponent = __decorate$P([
         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> -->",
@@ -7851,7 +7899,7 @@ var __assign$i = (this && this.__assign) || function () {
     };
     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;
@@ -8232,16 +8280,16 @@ var DataFormEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: ChannelConfigService }
     ]; };
-    __decorate$P([
+    __decorate$Q([
         Input()
     ], DataFormEcComponent.prototype, "step_id", void 0);
-    __decorate$P([
+    __decorate$Q([
         Input()
     ], DataFormEcComponent.prototype, "isLastOne", void 0);
-    __decorate$P([
+    __decorate$Q([
         Input()
     ], DataFormEcComponent.prototype, "nextStep", void 0);
-    DataFormEcComponent = __decorate$P([
+    DataFormEcComponent = __decorate$Q([
         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>",
@@ -8265,7 +8313,7 @@ var __extends$j = (this && this.__extends) || (function () {
         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;
@@ -8360,7 +8408,7 @@ var PaymentService = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: AnalyticsService }
     ]; };
-    PaymentService = __decorate$Q([
+    PaymentService = __decorate$R([
         Injectable()
     ], PaymentService);
     return PaymentService;
@@ -8390,7 +8438,7 @@ var __assign$j = (this && this.__assign) || function () {
     };
     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;
@@ -8559,13 +8607,13 @@ var PaymentEcComponent = /** @class */ (function (_super) {
         { type: PaymentService },
         { type: CheckoutService }
     ]; };
-    __decorate$R([
+    __decorate$S([
         Input()
     ], PaymentEcComponent.prototype, "step_id", void 0);
-    __decorate$R([
+    __decorate$S([
         ViewChild('formContainer')
     ], PaymentEcComponent.prototype, "mercadopago_button", void 0);
-    PaymentEcComponent = __decorate$R([
+    PaymentEcComponent = __decorate$S([
         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",
@@ -8600,7 +8648,7 @@ var __assign$k = (this && this.__assign) || function () {
     };
     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;
@@ -8717,10 +8765,10 @@ var ShipmentEcComponent = /** @class */ (function (_super) {
         { type: ProductsService },
         { type: CheckoutService }
     ]; };
-    __decorate$S([
+    __decorate$T([
         Input()
     ], ShipmentEcComponent.prototype, "step_id", void 0);
-    ShipmentEcComponent = __decorate$S([
+    ShipmentEcComponent = __decorate$T([
         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",
@@ -8744,7 +8792,7 @@ var __extends$m = (this && this.__extends) || (function () {
         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;
@@ -8795,7 +8843,7 @@ var SuccessEcComponent = /** @class */ (function (_super) {
         { type: BlocksService },
         { type: Constants }
     ]; };
-    SuccessEcComponent = __decorate$T([
+    SuccessEcComponent = __decorate$U([
         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>",
@@ -8818,7 +8866,7 @@ var __extends$n = (this && this.__extends) || (function () {
         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;
@@ -9030,19 +9078,19 @@ var CollectionEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: FiltersService }
     ]; };
-    __decorate$U([
+    __decorate$V([
         Input()
     ], CollectionEcComponent.prototype, "type", void 0);
-    __decorate$U([
+    __decorate$V([
         Input()
     ], CollectionEcComponent.prototype, "value", void 0);
-    __decorate$U([
+    __decorate$V([
         Input()
     ], CollectionEcComponent.prototype, "productsWithUniqueVariant", void 0);
-    __decorate$U([
+    __decorate$V([
         Input()
     ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-    CollectionEcComponent = __decorate$U([
+    CollectionEcComponent = __decorate$V([
         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>",
@@ -9065,7 +9113,7 @@ var __extends$o = (this && this.__extends) || (function () {
         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;
@@ -9108,7 +9156,7 @@ var CouponEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ToastService }
     ]; };
-    CouponEcComponent = __decorate$V([
+    CouponEcComponent = __decorate$W([
         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> -->",
@@ -9131,7 +9179,7 @@ var __extends$p = (this && this.__extends) || (function () {
         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;
@@ -9169,7 +9217,7 @@ var FaqsContentEcComponent = /** @class */ (function (_super) {
         { type: OptionsService },
         { type: ToastService }
     ]; };
-    FaqsContentEcComponent = __decorate$W([
+    FaqsContentEcComponent = __decorate$X([
         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>",
@@ -9192,7 +9240,7 @@ var __extends$q = (this && this.__extends) || (function () {
         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;
@@ -9266,13 +9314,13 @@ var FiltersEcComponent = /** @class */ (function (_super) {
         { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
         { type: FiltersService }
     ]; };
-    __decorate$X([
+    __decorate$Y([
         Input()
     ], FiltersEcComponent.prototype, "setSelected", void 0);
-    __decorate$X([
+    __decorate$Y([
         Input()
     ], FiltersEcComponent.prototype, "filters", void 0);
-    FiltersEcComponent = __decorate$X([
+    FiltersEcComponent = __decorate$Y([
         Component({
             selector: 'app-filters-ec',
             template: "",
@@ -9296,7 +9344,7 @@ var __extends$r = (this && this.__extends) || (function () {
         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;
@@ -9373,19 +9421,19 @@ var FiltersTopEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
     ]; };
-    __decorate$Y([
+    __decorate$Z([
         Input()
     ], FiltersTopEcComponent.prototype, "setSelected", void 0);
-    __decorate$Y([
+    __decorate$Z([
         Input()
     ], FiltersTopEcComponent.prototype, "filters", void 0);
-    __decorate$Y([
+    __decorate$Z([
         Input()
     ], FiltersTopEcComponent.prototype, "full", void 0);
-    __decorate$Y([
+    __decorate$Z([
         Output()
     ], FiltersTopEcComponent.prototype, "changeFilter", void 0);
-    FiltersTopEcComponent = __decorate$Y([
+    FiltersTopEcComponent = __decorate$Z([
         Component({
             selector: 'app-filters-top-ec',
             template: "",
@@ -9420,7 +9468,7 @@ var __assign$l = (this && this.__assign) || function () {
     };
     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;
@@ -9489,7 +9537,7 @@ var FooterEcComponent = /** @class */ (function (_super) {
         { type: ParametersService },
         { type: Constants }
     ]; };
-    FooterEcComponent = __decorate$Z([
+    FooterEcComponent = __decorate$_([
         Component({
             selector: 'app-footer-ec',
             template: "",
@@ -9523,7 +9571,7 @@ var __assign$m = (this && this.__assign) || function () {
     };
     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;
@@ -9718,10 +9766,10 @@ var HeaderEcComponent = /** @class */ (function (_super) {
         { type: Renderer2 },
         { type: ChannelConfigService }
     ]; };
-    __decorate$_([
+    __decorate$$([
         ViewChild("menu")
     ], HeaderEcComponent.prototype, "menu_button", void 0);
-    HeaderEcComponent = __decorate$_([
+    HeaderEcComponent = __decorate$$([
         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> -->",
@@ -9744,7 +9792,7 @@ var __extends$u = (this && this.__extends) || (function () {
         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;
@@ -9769,7 +9817,7 @@ var HomeEcComponent = /** @class */ (function (_super) {
         { type: BlocksService },
         { type: Constants }
     ]; };
-    HomeEcComponent = __decorate$$([
+    HomeEcComponent = __decorate$10([
         Component({
             selector: 'app-home-ec',
             template: "<app-blocks-ec [section]=\"'home'\"></app-blocks-ec>",
@@ -9792,7 +9840,7 @@ var __extends$v = (this && this.__extends) || (function () {
         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;
@@ -9862,25 +9910,25 @@ var LoginEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$10([
+    __decorate$11([
         Input()
     ], LoginEcComponent.prototype, "redirect", void 0);
-    __decorate$10([
+    __decorate$11([
         Input()
     ], LoginEcComponent.prototype, "title", void 0);
-    __decorate$10([
+    __decorate$11([
         Input()
     ], LoginEcComponent.prototype, "buyButton", void 0);
-    __decorate$10([
+    __decorate$11([
         Input()
     ], LoginEcComponent.prototype, "withRoles", void 0);
-    __decorate$10([
+    __decorate$11([
         Output()
     ], LoginEcComponent.prototype, "ready", void 0);
-    __decorate$10([
+    __decorate$11([
         Output()
     ], LoginEcComponent.prototype, "loggedIn", void 0);
-    LoginEcComponent = __decorate$10([
+    LoginEcComponent = __decorate$11([
         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>",
@@ -9890,7 +9938,7 @@ var LoginEcComponent = /** @class */ (function (_super) {
     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;
@@ -10078,7 +10126,7 @@ var CurrencyService = /** @class */ (function () {
         { type: Injector }
     ]; };
     CurrencyService$1.ɵprov = ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(ɵɵinject(Constants), ɵɵinject(ConnectionService), ɵɵinject(ToastService), ɵɵinject(INJECTOR)); }, token: CurrencyService, providedIn: "root" });
-    CurrencyService$1 = __decorate$11([
+    CurrencyService$1 = __decorate$12([
         Injectable({
             providedIn: 'root'
         })
@@ -10097,7 +10145,7 @@ var __assign$n = (this && this.__assign) || function () {
     };
     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;
@@ -10563,7 +10611,7 @@ var ProductDetailService = /** @class */ (function () {
         { type: AnalyticsService },
         { type: CurrencyService }
     ]; };
-    ProductDetailService = __decorate$12([
+    ProductDetailService = __decorate$13([
         Injectable()
     ], ProductDetailService);
     return ProductDetailService;
@@ -10593,7 +10641,7 @@ var __assign$o = (this && this.__assign) || function () {
     };
     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;
@@ -10732,10 +10780,10 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
         { type: Meta },
         { type: Injector }
     ]; };
-    __decorate$13([
+    __decorate$14([
         ViewChild('contact')
     ], ProductDetailEcComponent.prototype, "contact", void 0);
-    ProductDetailEcComponent = __decorate$13([
+    ProductDetailEcComponent = __decorate$14([
         Component({
             selector: 'app-product-detail-ec',
             template: "",
@@ -10759,7 +10807,7 @@ var __extends$x = (this && this.__extends) || (function () {
         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;
@@ -10861,13 +10909,13 @@ var ProductEcComponent = /** @class */ (function (_super) {
         { type: ToastService },
         { type: AnalyticsService }
     ]; };
-    __decorate$14([
+    __decorate$15([
         Input()
     ], ProductEcComponent.prototype, "isProductBox", void 0);
-    __decorate$14([
+    __decorate$15([
         Input()
     ], ProductEcComponent.prototype, "product", void 0);
-    ProductEcComponent = __decorate$14([
+    ProductEcComponent = __decorate$15([
         Component({
             selector: 'app-product-ec',
             template: "",
@@ -10891,7 +10939,7 @@ var __extends$y = (this && this.__extends) || (function () {
         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;
@@ -10968,10 +11016,10 @@ var RelatedProductsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: Router }
     ]; };
-    __decorate$15([
+    __decorate$16([
         Input()
     ], RelatedProductsEcComponent.prototype, "product_id", void 0);
-    RelatedProductsEcComponent = __decorate$15([
+    RelatedProductsEcComponent = __decorate$16([
         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> -->",
@@ -10994,7 +11042,7 @@ var __extends$z = (this && this.__extends) || (function () {
         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;
@@ -11061,13 +11109,13 @@ var SectionContainerEcComponent = /** @class */ (function (_super) {
         { type: ToastrService },
         { type: DomSanitizer }
     ]; };
-    __decorate$16([
+    __decorate$17([
         Input()
     ], SectionContainerEcComponent.prototype, "sanitizeHtml", void 0);
-    __decorate$16([
+    __decorate$17([
         Input()
     ], SectionContainerEcComponent.prototype, "name", void 0);
-    SectionContainerEcComponent = __decorate$16([
+    SectionContainerEcComponent = __decorate$17([
         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>",
@@ -11090,7 +11138,7 @@ var __extends$A = (this && this.__extends) || (function () {
         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;
@@ -11273,7 +11321,7 @@ var StoresEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: DomSanitizer }
     ]; };
-    StoresEcComponent = __decorate$17([
+    StoresEcComponent = __decorate$18([
         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>",
@@ -11296,7 +11344,7 @@ var __extends$B = (this && this.__extends) || (function () {
         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;
@@ -11331,16 +11379,16 @@ var VariantsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: ProductDetailService }
     ]; };
-    __decorate$18([
+    __decorate$19([
         Input()
     ], VariantsEcComponent.prototype, "product", void 0);
-    __decorate$18([
+    __decorate$19([
         Input('options')
     ], VariantsEcComponent.prototype, "options$", void 0);
-    __decorate$18([
+    __decorate$19([
         Input()
     ], VariantsEcComponent.prototype, "setOption", void 0);
-    VariantsEcComponent = __decorate$18([
+    VariantsEcComponent = __decorate$19([
         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>",
@@ -11363,7 +11411,7 @@ var __extends$C = (this && this.__extends) || (function () {
         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;
@@ -11477,10 +11525,10 @@ var SellerDashboardContainerEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
     ]; };
-    __decorate$19([
+    __decorate$1a([
         Input()
     ], SellerDashboardContainerEcComponent.prototype, "UIComponents", void 0);
-    SellerDashboardContainerEcComponent = __decorate$19([
+    SellerDashboardContainerEcComponent = __decorate$1a([
         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>",
@@ -11504,7 +11552,7 @@ var __extends$D = (this && this.__extends) || (function () {
         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;
@@ -11521,10 +11569,10 @@ var LoadingFullEcComponent = /** @class */ (function (_super) {
     LoadingFullEcComponent.prototype.ngOnInit = function () {
         this.ecOnInit();
     };
-    __decorate$1a([
+    __decorate$1b([
         Input()
     ], LoadingFullEcComponent.prototype, "hole_height", void 0);
-    LoadingFullEcComponent = __decorate$1a([
+    LoadingFullEcComponent = __decorate$1b([
         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>",
@@ -11547,7 +11595,7 @@ var __extends$E = (this && this.__extends) || (function () {
         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;
@@ -11563,7 +11611,7 @@ var LoadingInlineEcComponent = /** @class */ (function (_super) {
     LoadingInlineEcComponent.prototype.ngOnInit = function () {
         this.ecOnInit();
     };
-    LoadingInlineEcComponent = __decorate$1b([
+    LoadingInlineEcComponent = __decorate$1c([
         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>",
@@ -11573,7 +11621,7 @@ var LoadingInlineEcComponent = /** @class */ (function (_super) {
     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;
@@ -11584,7 +11632,7 @@ var LoadingSectionEcComponent = /** @class */ (function () {
     }
     LoadingSectionEcComponent.prototype.ngOnInit = function () {
     };
-    LoadingSectionEcComponent = __decorate$1c([
+    LoadingSectionEcComponent = __decorate$1d([
         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",
@@ -11618,7 +11666,7 @@ var __assign$p = (this && this.__assign) || function () {
     };
     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;
@@ -11961,19 +12009,19 @@ var MPCreditEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ToastService }
     ]; };
-    __decorate$1d([
+    __decorate$1e([
         Input()
     ], MPCreditEcComponent.prototype, "public_key", void 0);
-    __decorate$1d([
+    __decorate$1e([
         Input()
     ], MPCreditEcComponent.prototype, "total_amount", void 0);
-    __decorate$1d([
+    __decorate$1e([
         Output()
     ], MPCreditEcComponent.prototype, "ready", void 0);
-    __decorate$1d([
+    __decorate$1e([
         Input()
     ], MPCreditEcComponent.prototype, "user_data", void 0);
-    MPCreditEcComponent = __decorate$1d([
+    MPCreditEcComponent = __decorate$1e([
         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>",
@@ -11996,7 +12044,7 @@ var __extends$G = (this && this.__extends) || (function () {
         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;
@@ -12017,19 +12065,19 @@ var PriceEcComponent = /** @class */ (function (_super) {
     PriceEcComponent.ctorParameters = function () { return [
         { type: ProductsService }
     ]; };
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], PriceEcComponent.prototype, "price", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], PriceEcComponent.prototype, "saleprice", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], PriceEcComponent.prototype, "priceSize", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], PriceEcComponent.prototype, "classStrSpacing", void 0);
-    PriceEcComponent = __decorate$1e([
+    PriceEcComponent = __decorate$1f([
         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>",
@@ -12052,7 +12100,7 @@ var __extends$H = (this && this.__extends) || (function () {
         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;
@@ -12147,7 +12195,7 @@ var RedsysCatchEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: CheckoutService }
     ]; };
-    RedsysCatchEcComponent = __decorate$1f([
+    RedsysCatchEcComponent = __decorate$1g([
         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>",
@@ -12170,7 +12218,7 @@ var __extends$I = (this && this.__extends) || (function () {
         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;
@@ -12276,25 +12324,25 @@ var RedSysProEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1g([
+    __decorate$1h([
         Input()
     ], RedSysProEcComponent.prototype, "method", void 0);
-    __decorate$1g([
+    __decorate$1h([
         Input()
     ], RedSysProEcComponent.prototype, "total_amount", void 0);
-    __decorate$1g([
+    __decorate$1h([
         Output()
     ], RedSysProEcComponent.prototype, "ready", void 0);
-    __decorate$1g([
+    __decorate$1h([
         Input()
     ], RedSysProEcComponent.prototype, "user_data", void 0);
-    __decorate$1g([
+    __decorate$1h([
         ViewChild('formDobleAuthContainer')
     ], RedSysProEcComponent.prototype, "formDobleAuth", void 0);
-    __decorate$1g([
+    __decorate$1h([
         ViewChild('template')
     ], RedSysProEcComponent.prototype, "template", void 0);
-    RedSysProEcComponent = __decorate$1g([
+    RedSysProEcComponent = __decorate$1h([
         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",
@@ -12319,7 +12367,7 @@ var __extends$J = (this && this.__extends) || (function () {
         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;
@@ -12415,22 +12463,22 @@ var RedSysRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Output()
     ], RedSysRedirectEcComponent.prototype, "ready", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1h([
+    __decorate$1i([
         ViewChild('template')
     ], RedSysRedirectEcComponent.prototype, "template", void 0);
-    RedSysRedirectEcComponent = __decorate$1h([
+    RedSysRedirectEcComponent = __decorate$1i([
         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>",
@@ -12454,7 +12502,7 @@ var __extends$K = (this && this.__extends) || (function () {
         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;
@@ -12555,22 +12603,22 @@ var CecaRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], CecaRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], CecaRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Output()
     ], CecaRedirectEcComponent.prototype, "ready", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], CecaRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1i([
+    __decorate$1j([
         ViewChild('template')
     ], CecaRedirectEcComponent.prototype, "template", void 0);
-    CecaRedirectEcComponent = __decorate$1i([
+    CecaRedirectEcComponent = __decorate$1j([
         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>",
@@ -12594,7 +12642,7 @@ var __extends$L = (this && this.__extends) || (function () {
         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;
@@ -12763,10 +12811,10 @@ var OrdersEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: CartService }
     ]; };
-    __decorate$1j([
+    __decorate$1k([
         Input()
     ], OrdersEcComponent.prototype, "showImage", void 0);
-    OrdersEcComponent = __decorate$1j([
+    OrdersEcComponent = __decorate$1k([
         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>",
@@ -12789,7 +12837,7 @@ var __extends$M = (this && this.__extends) || (function () {
         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;
@@ -12919,10 +12967,10 @@ var OrderEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1k([
+    __decorate$1l([
         Input()
     ], OrderEcComponent.prototype, "numberOrder", void 0);
-    OrderEcComponent = __decorate$1k([
+    OrderEcComponent = __decorate$1l([
         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>",
@@ -12945,7 +12993,7 @@ var __extends$N = (this && this.__extends) || (function () {
         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;
@@ -13040,13 +13088,13 @@ var AuthEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$1l([
+    __decorate$1m([
         Input()
     ], AuthEcComponent.prototype, "complete", void 0);
-    __decorate$1l([
+    __decorate$1m([
         Input()
     ], AuthEcComponent.prototype, "redirect", void 0);
-    AuthEcComponent = __decorate$1l([
+    AuthEcComponent = __decorate$1m([
         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>",
@@ -13069,7 +13117,7 @@ var __extends$O = (this && this.__extends) || (function () {
         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;
@@ -13205,19 +13253,19 @@ var RegisterFormEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1m([
+    __decorate$1n([
         Input()
     ], RegisterFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1m([
+    __decorate$1n([
         Input()
     ], RegisterFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1m([
+    __decorate$1n([
         Input()
     ], RegisterFormEcComponent.prototype, "complete", void 0);
-    __decorate$1m([
+    __decorate$1n([
         Output()
     ], RegisterFormEcComponent.prototype, "ready", void 0);
-    RegisterFormEcComponent = __decorate$1m([
+    RegisterFormEcComponent = __decorate$1n([
         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>",
@@ -13240,7 +13288,7 @@ var __extends$P = (this && this.__extends) || (function () {
         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;
@@ -13317,25 +13365,25 @@ var LoginFormEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], LoginFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], LoginFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], LoginFormEcComponent.prototype, "redirectTo", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], LoginFormEcComponent.prototype, "complete", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], LoginFormEcComponent.prototype, "title", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Output()
     ], LoginFormEcComponent.prototype, "ready", void 0);
-    LoginFormEcComponent = __decorate$1n([
+    LoginFormEcComponent = __decorate$1o([
         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>",
@@ -13358,7 +13406,7 @@ var __extends$Q = (this && this.__extends) || (function () {
         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;
@@ -13404,7 +13452,7 @@ var ForgotPasswordEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ToastService }
     ]; };
-    ForgotPasswordEcComponent = __decorate$1o([
+    ForgotPasswordEcComponent = __decorate$1p([
         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>",
@@ -13427,7 +13475,7 @@ var __extends$R = (this && this.__extends) || (function () {
         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;
@@ -13459,7 +13507,7 @@ var ConfirmAccountEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ActivatedRoute }
     ]; };
-    ConfirmAccountEcComponent = __decorate$1p([
+    ConfirmAccountEcComponent = __decorate$1q([
         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>",
@@ -13482,7 +13530,7 @@ var __extends$S = (this && this.__extends) || (function () {
         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;
@@ -13571,7 +13619,7 @@ var PasswordResetEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: FormBuilder }
     ]; };
-    PasswordResetEcComponent = __decorate$1q([
+    PasswordResetEcComponent = __decorate$1r([
         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>",
@@ -13594,7 +13642,7 @@ var __extends$T = (this && this.__extends) || (function () {
         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;
@@ -13731,19 +13779,19 @@ var RegisterWholesalerFormEcComponent = /** @class */ (function (_super) {
         { type: ParametersService },
         { type: FormBuilder }
     ]; };
-    __decorate$1r([
+    __decorate$1s([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1r([
+    __decorate$1s([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1r([
+    __decorate$1s([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "complete", void 0);
-    __decorate$1r([
+    __decorate$1s([
         Output()
     ], RegisterWholesalerFormEcComponent.prototype, "ready", void 0);
-    RegisterWholesalerFormEcComponent = __decorate$1r([
+    RegisterWholesalerFormEcComponent = __decorate$1s([
         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>",
@@ -13766,7 +13814,7 @@ var __extends$U = (this && this.__extends) || (function () {
         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;
@@ -13900,10 +13948,10 @@ var ShareBlockEcComponent = /** @class */ (function (_super) {
         { type: Meta },
         { type: Title }
     ]; };
-    __decorate$1s([
+    __decorate$1t([
         Input()
     ], ShareBlockEcComponent.prototype, "product", void 0);
-    ShareBlockEcComponent = __decorate$1s([
+    ShareBlockEcComponent = __decorate$1t([
         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 -->",
@@ -13926,7 +13974,7 @@ var __extends$V = (this && this.__extends) || (function () {
         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;
@@ -13990,10 +14038,10 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: CartService }
     ]; };
-    __decorate$1t([
+    __decorate$1u([
         Input()
     ], DetailCheckoutBlockEcComponent.prototype, "asociatedData", void 0);
-    DetailCheckoutBlockEcComponent = __decorate$1t([
+    DetailCheckoutBlockEcComponent = __decorate$1u([
         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>",
@@ -14016,7 +14064,7 @@ var __extends$W = (this && this.__extends) || (function () {
         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;
@@ -14075,13 +14123,13 @@ var CheckoutErrorComponent = /** @class */ (function (_super) {
         { type: BsModalService },
         { type: Router }
     ]; };
-    __decorate$1u([
+    __decorate$1v([
         ViewChild('template')
     ], CheckoutErrorComponent.prototype, "template", void 0);
-    __decorate$1u([
+    __decorate$1v([
         Input()
     ], CheckoutErrorComponent.prototype, "urlRedireccion", void 0);
-    CheckoutErrorComponent = __decorate$1u([
+    CheckoutErrorComponent = __decorate$1v([
         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",
@@ -14105,7 +14153,7 @@ var __extends$X = (this && this.__extends) || (function () {
         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;
@@ -14232,22 +14280,22 @@ var MpRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1v([
+    __decorate$1w([
         Input()
     ], MpRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1v([
+    __decorate$1w([
         Input()
     ], MpRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1v([
+    __decorate$1w([
         Input()
     ], MpRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1v([
+    __decorate$1w([
         Input()
     ], MpRedirectEcComponent.prototype, "allData", void 0);
-    __decorate$1v([
+    __decorate$1w([
         Output()
     ], MpRedirectEcComponent.prototype, "ready", void 0);
-    MpRedirectEcComponent = __decorate$1v([
+    MpRedirectEcComponent = __decorate$1w([
         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",
@@ -14270,7 +14318,7 @@ var __extends$Y = (this && this.__extends) || (function () {
         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;
@@ -14382,25 +14430,25 @@ var RedSysRedirectOutEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "method", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "total_amount", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "user_data", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "allData", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Output()
     ], RedSysRedirectOutEcComponent.prototype, "ready", void 0);
-    RedSysRedirectOutEcComponent = __decorate$1w([
+    RedSysRedirectOutEcComponent = __decorate$1x([
         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>",
@@ -14423,7 +14471,7 @@ var __extends$Z = (this && this.__extends) || (function () {
         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;
@@ -14605,25 +14653,25 @@ var PaypalExpressEcComponent = /** @class */ (function (_super) {
         { type: ToastService },
         { type: ActivatedRoute }
     ]; };
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], PaypalExpressEcComponent.prototype, "method", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], PaypalExpressEcComponent.prototype, "total_amount", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Output()
     ], PaypalExpressEcComponent.prototype, "ready", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], PaypalExpressEcComponent.prototype, "user_data", void 0);
-    __decorate$1x([
+    __decorate$1y([
         ViewChild('template')
     ], PaypalExpressEcComponent.prototype, "template", void 0);
-    __decorate$1x([
+    __decorate$1y([
         ViewChild('paypal', { static: true })
     ], PaypalExpressEcComponent.prototype, "paypalElement", void 0);
-    PaypalExpressEcComponent = __decorate$1x([
+    PaypalExpressEcComponent = __decorate$1y([
         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>",
@@ -14646,7 +14694,7 @@ var __extends$_ = (this && this.__extends) || (function () {
         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;
@@ -14758,28 +14806,28 @@ var MobbexEcComponent = /** @class */ (function (_super) {
         { type: DomSanitizer },
         { type: BsModalService }
     ]; };
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], MobbexEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], MobbexEcComponent.prototype, "method", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], MobbexEcComponent.prototype, "total_amount", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], MobbexEcComponent.prototype, "allData", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], MobbexEcComponent.prototype, "user_data", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Output()
     ], MobbexEcComponent.prototype, "ready", void 0);
-    __decorate$1y([
+    __decorate$1z([
         ViewChild('template')
     ], MobbexEcComponent.prototype, "template", void 0);
-    MobbexEcComponent = __decorate$1y([
+    MobbexEcComponent = __decorate$1z([
         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>",
@@ -14803,7 +14851,7 @@ var __extends$$ = (this && this.__extends) || (function () {
         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;
@@ -14918,28 +14966,28 @@ var BancardEcComponent = /** @class */ (function (_super) {
         { type: DomSanitizer },
         { type: BsModalService }
     ]; };
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], BancardEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], BancardEcComponent.prototype, "method", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], BancardEcComponent.prototype, "total_amount", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], BancardEcComponent.prototype, "allData", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], BancardEcComponent.prototype, "user_data", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Output()
     ], BancardEcComponent.prototype, "ready", void 0);
-    __decorate$1z([
+    __decorate$1A([
         ViewChild('template')
     ], BancardEcComponent.prototype, "template", void 0);
-    BancardEcComponent = __decorate$1z([
+    BancardEcComponent = __decorate$1A([
         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>",
@@ -14963,7 +15011,7 @@ var __extends$10 = (this && this.__extends) || (function () {
         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;
@@ -15073,25 +15121,25 @@ var BancardRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardRedirectEcComponent.prototype, "allData", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Output()
     ], BancardRedirectEcComponent.prototype, "ready", void 0);
-    BancardRedirectEcComponent = __decorate$1A([
+    BancardRedirectEcComponent = __decorate$1B([
         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>",
@@ -15125,7 +15173,7 @@ var __assign$q = (this && this.__assign) || function () {
     };
     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;
@@ -15186,10 +15234,10 @@ var SelectChannelEcComponent = /** @class */ (function (_super) {
         { type: BsModalService },
         { type: Router }
     ]; };
-    __decorate$1B([
+    __decorate$1C([
         ViewChild('template')
     ], SelectChannelEcComponent.prototype, "template", void 0);
-    SelectChannelEcComponent = __decorate$1B([
+    SelectChannelEcComponent = __decorate$1C([
         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>",
@@ -15213,7 +15261,7 @@ var __extends$12 = (this && this.__extends) || (function () {
         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;
@@ -15266,7 +15314,7 @@ var CartLoadEcComponent = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: CartService }
     ]; };
-    CartLoadEcComponent = __decorate$1C([
+    CartLoadEcComponent = __decorate$1D([
         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>",
@@ -15276,7 +15324,7 @@ var CartLoadEcComponent = /** @class */ (function (_super) {
     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;
@@ -15424,28 +15472,28 @@ var MagnizoomComponent = /** @class */ (function () {
         event.preventDefault();
         event.stopPropagation();
     };
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "ImageSrc", null);
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "zoomMode", void 0);
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "imageStyle", void 0);
-    __decorate$1D([
+    __decorate$1E([
         Input()
     ], MagnizoomComponent.prototype, "imageClass", void 0);
-    __decorate$1D([
+    __decorate$1E([
         ViewChild('mainCanvas', { static: true })
     ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-    MagnizoomComponent = __decorate$1D([
+    MagnizoomComponent = __decorate$1E([
         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",
@@ -15468,7 +15516,7 @@ var __extends$13 = (this && this.__extends) || (function () {
         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;
@@ -15532,19 +15580,19 @@ var MultipleItemsToCartEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ToastService }
     ]; };
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MultipleItemsToCartEcComponent.prototype, "product", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MultipleItemsToCartEcComponent.prototype, "objectWithVariant", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Output()
     ], MultipleItemsToCartEcComponent.prototype, "totalCostItems", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Output()
     ], MultipleItemsToCartEcComponent.prototype, "totalItems", void 0);
-    MultipleItemsToCartEcComponent = __decorate$1E([
+    MultipleItemsToCartEcComponent = __decorate$1F([
         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>",
@@ -15554,7 +15602,7 @@ var MultipleItemsToCartEcComponent = /** @class */ (function (_super) {
     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;
@@ -15667,7 +15715,7 @@ var CaptchaService = /** @class */ (function () {
         { type: ParametersService }
     ]; };
     CaptchaService$1.ɵprov = ɵɵdefineInjectable({ factory: function CaptchaService_Factory() { return new CaptchaService(ɵɵinject(Constants), ɵɵinject(ConnectionService), ɵɵinject(HttpClient), ɵɵinject(ParametersService)); }, token: CaptchaService, providedIn: "root" });
-    CaptchaService$1 = __decorate$1F([
+    CaptchaService$1 = __decorate$1G([
         Injectable({
             providedIn: 'root'
         })
@@ -15675,7 +15723,7 @@ var CaptchaService = /** @class */ (function () {
     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;
@@ -15709,13 +15757,13 @@ var RecaptchaEcComponent = /** @class */ (function () {
     RecaptchaEcComponent.ctorParameters = function () { return [
         { type: CaptchaService }
     ]; };
-    __decorate$1G([
+    __decorate$1H([
         Input()
     ], RecaptchaEcComponent.prototype, "form", void 0);
-    __decorate$1G([
+    __decorate$1H([
         Input()
     ], RecaptchaEcComponent.prototype, "siteKey", void 0);
-    RecaptchaEcComponent = __decorate$1G([
+    RecaptchaEcComponent = __decorate$1H([
         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>",
@@ -15738,7 +15786,7 @@ var __extends$14 = (this && this.__extends) || (function () {
         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;
@@ -15873,28 +15921,28 @@ var DecidirEcComponent = /** @class */ (function (_super) {
         { type: ParametersService },
         { type: CheckoutService }
     ]; };
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], DecidirEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], DecidirEcComponent.prototype, "method", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], DecidirEcComponent.prototype, "total_amount", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], DecidirEcComponent.prototype, "allData", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], DecidirEcComponent.prototype, "user_data", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Output()
     ], DecidirEcComponent.prototype, "ready", void 0);
-    __decorate$1H([
+    __decorate$1I([
         ViewChild('template')
     ], DecidirEcComponent.prototype, "template", void 0);
-    DecidirEcComponent = __decorate$1H([
+    DecidirEcComponent = __decorate$1I([
         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",
@@ -15905,7 +15953,7 @@ var DecidirEcComponent = /** @class */ (function (_super) {
     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;
@@ -16052,7 +16100,7 @@ var ConcatenatedAssociationsService = /** @class */ (function () {
         { type: ConnectionService }
     ]; };
     ConcatenatedAssociationsService$1.ɵprov = ɵɵdefineInjectable({ factory: function ConcatenatedAssociationsService_Factory() { return new ConcatenatedAssociationsService(ɵɵinject(Constants), ɵɵinject(ConnectionService)); }, token: ConcatenatedAssociationsService, providedIn: "root" });
-    ConcatenatedAssociationsService$1 = __decorate$1I([
+    ConcatenatedAssociationsService$1 = __decorate$1J([
         Injectable({
             providedIn: 'root'
         })
@@ -16073,7 +16121,7 @@ var __extends$15 = (this && this.__extends) || (function () {
         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;
@@ -16366,7 +16414,7 @@ var BuildYourEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: Router }
     ]; };
-    BuildYourEcComponent = __decorate$1J([
+    BuildYourEcComponent = __decorate$1K([
         Component({
             selector: 'app-build-your-ec',
             template: "<p>\r\n  build-your-ec works!\r\n</p>\r\n",
@@ -16400,7 +16448,7 @@ var __assign$r = (this && this.__assign) || function () {
     };
     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;
@@ -16462,10 +16510,10 @@ var ProductFoundEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: ToastService }
     ]; };
-    __decorate$1K([
+    __decorate$1L([
         Input()
     ], ProductFoundEcComponent.prototype, "product", void 0);
-    ProductFoundEcComponent = __decorate$1K([
+    ProductFoundEcComponent = __decorate$1L([
         Component({
             selector: 'app-product-found-ec',
             template: "<p>\r\n  product-found works!\r\n</p>\r\n",
@@ -16489,7 +16537,7 @@ var __extends$17 = (this && this.__extends) || (function () {
         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;
@@ -16653,22 +16701,22 @@ var ComparedProductsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: Router }
     ]; };
-    __decorate$1L([
+    __decorate$1M([
         Input()
     ], ComparedProductsEcComponent.prototype, "product_id", void 0);
-    __decorate$1L([
+    __decorate$1M([
         Input()
     ], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
-    __decorate$1L([
+    __decorate$1M([
         Input()
     ], ComparedProductsEcComponent.prototype, "classes", void 0);
-    __decorate$1L([
+    __decorate$1M([
         Input()
     ], ComparedProductsEcComponent.prototype, "setSize", null);
-    __decorate$1L([
+    __decorate$1M([
         Output()
     ], ComparedProductsEcComponent.prototype, "error", void 0);
-    ComparedProductsEcComponent = __decorate$1L([
+    ComparedProductsEcComponent = __decorate$1M([
         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>",
@@ -16691,7 +16739,7 @@ var __extends$18 = (this && this.__extends) || (function () {
         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;
@@ -16714,25 +16762,25 @@ var StepEcComponent = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: AnalyticsService }
     ]; };
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "lastStep", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "previousStep", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "step_id", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "nextStep", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "goBack", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], StepEcComponent.prototype, "id_step", void 0);
-    StepEcComponent = __decorate$1M([
+    StepEcComponent = __decorate$1N([
         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",
@@ -16742,7 +16790,7 @@ var StepEcComponent = /** @class */ (function (_super) {
     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;
@@ -16863,25 +16911,25 @@ var CulqiEcComponent = /** @class */ (function () {
         { type: ConnectionService },
         { type: ParametersService }
     ]; };
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], CulqiEcComponent.prototype, "amount", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], CulqiEcComponent.prototype, "apiKey", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], CulqiEcComponent.prototype, "method", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], CulqiEcComponent.prototype, "customStyle", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Output()
     ], CulqiEcComponent.prototype, "ready", void 0);
-    __decorate$1N([
+    __decorate$1O([
         ViewChild('formContainer')
     ], CulqiEcComponent.prototype, "anchor", void 0);
-    CulqiEcComponent = __decorate$1N([
+    CulqiEcComponent = __decorate$1O([
         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>",
@@ -16904,7 +16952,7 @@ var __extends$19 = (this && this.__extends) || (function () {
         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;
@@ -16969,16 +17017,16 @@ var RatingEcComponent = /** @class */ (function (_super) {
     RatingEcComponent.prototype.ngOnInit = function () {
         this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
     };
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], RatingEcComponent.prototype, "template", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], RatingEcComponent.prototype, "type", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], RatingEcComponent.prototype, "ratingValue", void 0);
-    RatingEcComponent = __decorate$1O([
+    RatingEcComponent = __decorate$1P([
         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",
@@ -16988,7 +17036,7 @@ var RatingEcComponent = /** @class */ (function (_super) {
     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;
@@ -17087,7 +17135,7 @@ var ReviewsService = /** @class */ (function () {
         { type: PaginationService }
     ]; };
     ReviewsService$1.ɵprov = ɵɵdefineInjectable({ factory: function ReviewsService_Factory() { return new ReviewsService(ɵɵinject(ConnectionService), ɵɵinject(Constants), ɵɵinject(PaginationService)); }, token: ReviewsService, providedIn: "root" });
-    ReviewsService$1 = __decorate$1P([
+    ReviewsService$1 = __decorate$1Q([
         Injectable({
             providedIn: 'root'
         })
@@ -17108,7 +17156,7 @@ var __extends$1a = (this && this.__extends) || (function () {
         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;
@@ -17218,19 +17266,19 @@ var ReviewsFormEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ReviewsService }
     ]; };
-    __decorate$1Q([
+    __decorate$1R([
         Input()
     ], ReviewsFormEcComponent.prototype, "product", void 0);
-    __decorate$1Q([
+    __decorate$1R([
         Input()
     ], ReviewsFormEcComponent.prototype, "withAuthenticated", void 0);
-    __decorate$1Q([
+    __decorate$1R([
         Input()
     ], ReviewsFormEcComponent.prototype, "max", void 0);
-    __decorate$1Q([
+    __decorate$1R([
         Output()
     ], ReviewsFormEcComponent.prototype, "ready", void 0);
-    ReviewsFormEcComponent = __decorate$1Q([
+    ReviewsFormEcComponent = __decorate$1R([
         Component({
             selector: 'app-reviews-form-ec',
             template: "<p>\r\n  reviews-form-ec works!\r\n</p>\r\n",
@@ -17253,7 +17301,7 @@ var __extends$1b = (this && this.__extends) || (function () {
         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;
@@ -17307,10 +17355,10 @@ var ReviewsEcComponent = /** @class */ (function (_super) {
         { type: ReviewsService },
         { type: Constants }
     ]; };
-    __decorate$1R([
+    __decorate$1S([
         Input()
     ], ReviewsEcComponent.prototype, "product", void 0);
-    ReviewsEcComponent = __decorate$1R([
+    ReviewsEcComponent = __decorate$1S([
         Component({
             selector: 'app-reviews-ec',
             template: "<p>\r\n  reviews-ec works!\r\n</p>\r\n",
@@ -17333,7 +17381,7 @@ var __extends$1c = (this && this.__extends) || (function () {
         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;
@@ -17594,28 +17642,28 @@ var BancardCatastroEcComponent = /** @class */ (function (_super) {
         { type: ChangeDetectorRef },
         { type: Renderer2 }
     ]; };
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], BancardCatastroEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], BancardCatastroEcComponent.prototype, "method", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], BancardCatastroEcComponent.prototype, "total_amount", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], BancardCatastroEcComponent.prototype, "allData", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], BancardCatastroEcComponent.prototype, "user_data", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Output()
     ], BancardCatastroEcComponent.prototype, "ready", void 0);
-    __decorate$1S([
+    __decorate$1T([
         Output()
     ], BancardCatastroEcComponent.prototype, "cardAdded", void 0);
-    BancardCatastroEcComponent = __decorate$1S([
+    BancardCatastroEcComponent = __decorate$1T([
         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>",
@@ -17636,7 +17684,7 @@ var __assign$s = (this && this.__assign) || function () {
     };
     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;
@@ -17834,7 +17882,7 @@ var CookiesService = /** @class */ (function () {
         { type: Injector }
     ]; };
     CookiesService.ɵprov = ɵɵdefineInjectable({ factory: function CookiesService_Factory() { return new CookiesService(ɵɵinject(INJECTOR)); }, token: CookiesService, providedIn: "root" });
-    CookiesService = __decorate$1T([
+    CookiesService = __decorate$1U([
         Injectable({
             providedIn: 'root'
         })
@@ -17855,7 +17903,7 @@ var __extends$1d = (this && this.__extends) || (function () {
         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;
@@ -17950,10 +17998,10 @@ var CookiesEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: CookiesService }
     ]; };
-    __decorate$1U([
+    __decorate$1V([
         Input()
     ], CookiesEcComponent.prototype, "templates", void 0);
-    CookiesEcComponent = __decorate$1U([
+    CookiesEcComponent = __decorate$1V([
         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>",
@@ -17963,7 +18011,7 @@ var CookiesEcComponent = /** @class */ (function (_super) {
     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;
@@ -17981,13 +18029,13 @@ var SidebarCookiesEcComponent = /** @class */ (function () {
             _this.show();
         }, 2000);
     };
-    __decorate$1V([
+    __decorate$1W([
         Input()
     ], SidebarCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1V([
+    __decorate$1W([
         Input()
     ], SidebarCookiesEcComponent.prototype, "acceptCookies", void 0);
-    SidebarCookiesEcComponent = __decorate$1V([
+    SidebarCookiesEcComponent = __decorate$1W([
         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",
@@ -17997,7 +18045,7 @@ var SidebarCookiesEcComponent = /** @class */ (function () {
     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;
@@ -18015,13 +18063,13 @@ var ModalCookiesEcComponent = /** @class */ (function () {
             _this.show();
         }, 2000);
     };
-    __decorate$1W([
+    __decorate$1X([
         Input()
     ], ModalCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1W([
+    __decorate$1X([
         Input()
     ], ModalCookiesEcComponent.prototype, "acceptCookies", void 0);
-    ModalCookiesEcComponent = __decorate$1W([
+    ModalCookiesEcComponent = __decorate$1X([
         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",
@@ -18031,7 +18079,7 @@ var ModalCookiesEcComponent = /** @class */ (function () {
     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;
@@ -18050,13 +18098,13 @@ var ToastCookiesEcComponent = /** @class */ (function () {
             _this.acceptCookies();
         }, 2000);
     };
-    __decorate$1X([
+    __decorate$1Y([
         Input()
     ], ToastCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1X([
+    __decorate$1Y([
         Input()
     ], ToastCookiesEcComponent.prototype, "acceptCookies", void 0);
-    ToastCookiesEcComponent = __decorate$1X([
+    ToastCookiesEcComponent = __decorate$1Y([
         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>",
@@ -18066,7 +18114,7 @@ var ToastCookiesEcComponent = /** @class */ (function () {
     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;
@@ -18079,16 +18127,16 @@ var ModalConfigEcComponent = /** @class */ (function () {
     }
     ModalConfigEcComponent.prototype.ngOnInit = function () {
     };
-    __decorate$1Y([
+    __decorate$1Z([
         Input()
     ], ModalConfigEcComponent.prototype, "cookies", void 0);
-    __decorate$1Y([
+    __decorate$1Z([
         Input()
     ], ModalConfigEcComponent.prototype, "cookiesToSave", void 0);
-    __decorate$1Y([
+    __decorate$1Z([
         Input()
     ], ModalConfigEcComponent.prototype, "cookiesFunctions", void 0);
-    ModalConfigEcComponent = __decorate$1Y([
+    ModalConfigEcComponent = __decorate$1Z([
         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",
@@ -18111,7 +18159,7 @@ var __extends$1e = (this && this.__extends) || (function () {
         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;
@@ -18279,28 +18327,28 @@ var BambooEcComponent = /** @class */ (function (_super) {
         { type: Injector },
         { type: CartService }
     ]; };
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], BambooEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], BambooEcComponent.prototype, "method", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], BambooEcComponent.prototype, "total_amount", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], BambooEcComponent.prototype, "allData", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], BambooEcComponent.prototype, "user_data", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Output()
     ], BambooEcComponent.prototype, "ready", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         ViewChild('template')
     ], BambooEcComponent.prototype, "template", void 0);
-    BambooEcComponent = __decorate$1Z([
+    BambooEcComponent = __decorate$1_([
         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>",
@@ -18310,7 +18358,7 @@ var BambooEcComponent = /** @class */ (function (_super) {
     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;
@@ -18413,7 +18461,7 @@ var SidebarEcComponent = /** @class */ (function () {
         { type: Router },
         { type: ToastService }
     ]; };
-    SidebarEcComponent = __decorate$1_([
+    SidebarEcComponent = __decorate$1$([
         Component({
             selector: 'app-sidebar-ec',
             template: "",
@@ -18506,7 +18554,7 @@ var components = [
     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;
@@ -18586,16 +18634,16 @@ var AddActionRedirectDirective = /** @class */ (function () {
         { type: BlocksService },
         { type: Router }
     ]; };
-    __decorate$1$([
+    __decorate$20([
         Input()
     ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-    __decorate$1$([
+    __decorate$20([
         Input()
     ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-    __decorate$1$([
+    __decorate$20([
         Input()
     ], AddActionRedirectDirective.prototype, "isTransparent", null);
-    AddActionRedirectDirective = __decorate$1$([
+    AddActionRedirectDirective = __decorate$20([
         Directive({
             selector: "[ecAddActionRedirect]",
         }),
@@ -18604,7 +18652,7 @@ var AddActionRedirectDirective = /** @class */ (function () {
     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;
@@ -18669,13 +18717,13 @@ var ProductStockDirective = /** @class */ (function () {
         { type: TemplateRef },
         { type: ViewContainerRef }
     ]; };
-    __decorate$20([
+    __decorate$21([
         Input()
     ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-    __decorate$20([
+    __decorate$21([
         Input()
     ], ProductStockDirective.prototype, "ecProductStock", null);
-    ProductStockDirective = __decorate$20([
+    ProductStockDirective = __decorate$21([
         Directive({
             selector: "[ecProductStock]"
         })
@@ -18683,7 +18731,7 @@ var ProductStockDirective = /** @class */ (function () {
     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;
@@ -18824,16 +18872,16 @@ var ProductOffDirective = /** @class */ (function () {
         { type: ElementRef },
         { type: Renderer2 }
     ]; };
-    __decorate$21([
+    __decorate$22([
         Input()
     ], ProductOffDirective.prototype, "ecProductOff", null);
-    __decorate$21([
+    __decorate$22([
         Input()
     ], ProductOffDirective.prototype, "classStrSpacing", null);
-    __decorate$21([
+    __decorate$22([
         Input()
     ], ProductOffDirective.prototype, "customMessage", null);
-    ProductOffDirective = __decorate$21([
+    ProductOffDirective = __decorate$22([
         Directive({
             selector: "[ecProductOff]",
         }),
@@ -18842,7 +18890,7 @@ var ProductOffDirective = /** @class */ (function () {
     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;
@@ -18900,10 +18948,10 @@ var ProductMiniStandardDirective = /** @class */ (function () {
         { type: Renderer2 },
         { type: Constants }
     ]; };
-    __decorate$22([
+    __decorate$23([
         Input()
     ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-    ProductMiniStandardDirective = __decorate$22([
+    ProductMiniStandardDirective = __decorate$23([
         Directive({
             selector: '[ecProductMiniStandard]'
         })
@@ -18911,7 +18959,7 @@ var ProductMiniStandardDirective = /** @class */ (function () {
     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;
@@ -18954,13 +19002,13 @@ var AuthWholesalerDirective = /** @class */ (function () {
         { type: ViewContainerRef },
         { type: AuthService }
     ]; };
-    __decorate$23([
+    __decorate$24([
         Input()
     ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-    __decorate$23([
+    __decorate$24([
         Input()
     ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-    AuthWholesalerDirective = __decorate$23([
+    AuthWholesalerDirective = __decorate$24([
         Directive({
             selector: "[ecAuthWholesaler]"
         })
@@ -18968,7 +19016,7 @@ var AuthWholesalerDirective = /** @class */ (function () {
     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;
@@ -18990,10 +19038,10 @@ var ReloadViewDirective = /** @class */ (function () {
         { type: TemplateRef },
         { type: ViewContainerRef }
     ]; };
-    __decorate$24([
+    __decorate$25([
         Input()
     ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-    ReloadViewDirective = __decorate$24([
+    ReloadViewDirective = __decorate$25([
         Directive({
             selector: '[ecReloadView]'
         })
@@ -19016,7 +19064,7 @@ var directives = [
     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;
@@ -19076,7 +19124,7 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
         { type: CurrencyService },
         { type: Injector }
     ]; };
-    ecCurrencySymbolPipe = __decorate$25([
+    ecCurrencySymbolPipe = __decorate$26([
         Pipe({
             name: 'ecCurrencySymbol',
         })
@@ -19084,7 +19132,7 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
     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;
@@ -19100,7 +19148,7 @@ var EcSanitizerHtmlPipe = /** @class */ (function () {
     EcSanitizerHtmlPipe.ctorParameters = function () { return [
         { type: DomSanitizer }
     ]; };
-    EcSanitizerHtmlPipe = __decorate$26([
+    EcSanitizerHtmlPipe = __decorate$27([
         Pipe({
             name: 'ecSanitizerHtml'
         })
@@ -19108,7 +19156,7 @@ var EcSanitizerHtmlPipe = /** @class */ (function () {
     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;
@@ -19124,7 +19172,7 @@ var EcSanitizerUrlPipe = /** @class */ (function () {
     EcSanitizerUrlPipe.ctorParameters = function () { return [
         { type: DomSanitizer }
     ]; };
-    EcSanitizerUrlPipe = __decorate$27([
+    EcSanitizerUrlPipe = __decorate$28([
         Pipe({
             name: 'ecSanitizerUrl'
         })
@@ -19139,7 +19187,7 @@ var pipes = [
     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;
@@ -19226,7 +19274,7 @@ var NgEasycommerceModule = /** @class */ (function () {
         };
     };
     var NgEasycommerceModule_1;
-    NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$28([
+    NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$29([
         NgModule({
             exports: [
                 OrderByPipe,
@@ -19263,7 +19311,7 @@ var NgEasycommerceModule = /** @class */ (function () {
     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;
@@ -19311,7 +19359,7 @@ var GiftCardService = /** @class */ (function () {
         { type: ConnectionService }
     ]; };
     GiftCardService$1.ɵprov = ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(ɵɵinject(Constants), ɵɵinject(CartService), ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-    GiftCardService$1 = __decorate$29([
+    GiftCardService$1 = __decorate$2a([
         Injectable({
             providedIn: 'root'
         })
@@ -19319,7 +19367,7 @@ var GiftCardService = /** @class */ (function () {
     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;
@@ -19375,7 +19423,7 @@ var WishlistService = /** @class */ (function () {
         { type: ToastrService }
     ]; };
     WishlistService$1.ɵprov = ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(ɵɵinject(ToastrService)); }, token: WishlistService, providedIn: "root" });
-    WishlistService$1 = __decorate$2a([
+    WishlistService$1 = __decorate$2b([
         Injectable({
             providedIn: 'root'
         })
@@ -19383,7 +19431,7 @@ var WishlistService = /** @class */ (function () {
     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;
@@ -19418,7 +19466,7 @@ var StandardReuseStrategy = /** @class */ (function () {
     StandardReuseStrategy.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
     ]; };
-    StandardReuseStrategy = __decorate$2b([
+    StandardReuseStrategy = __decorate$2c([
         Injectable(),
         __param$d(0, Inject('env'))
     ], StandardReuseStrategy);
@@ -19433,5 +19481,5 @@ var StandardReuseStrategy = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BambooEcComponent, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, BuildYourEcComponent, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConcatenatedAssociationsService, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CookiesEcComponent, CouponEcComponent, CurrencyService, DataFormEcComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersService, FiltersTopEcComponent, FooterEcComponent, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, ModalConfigEcComponent, ModalCookiesEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductFoundEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RatingEcComponent, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, ReviewsService, SectionContainerEcComponent, SelectChannelEcComponent, ShareBlockEcComponent, ShipmentEcComponent, ShipmentService, SidebarCookiesEcComponent, SidebarEcComponent, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastCookiesEcComponent, ToastService, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, PaymentUtils as ɵba, CustomerInterceptor as ɵbb, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, ComponentHelper as ɵj, BlocksRepositoryService as ɵk, FacebookPixelService as ɵl, GoogleAnalyticsService as ɵm, GTMService as ɵn, MetricoolPixelService as ɵo, DopplerService as ɵp, OrderUtilityService as ɵq, StepService as ɵr, ErrorHandlerService as ɵs, ShipmentDataTransformer as ɵt, CookiesService as ɵu, directives as ɵv, ProductOffDirective as ɵw, ReloadViewDirective as ɵx, pipes as ɵy, OptionsOfProductListDataReceiverService as ɵz };
+export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BambooEcComponent, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, BuildYourEcComponent, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConcatenatedAssociationsService, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CookiesEcComponent, CouponEcComponent, CurrencyService, DataFormEcComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersService, FiltersTopEcComponent, FooterEcComponent, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, ModalConfigEcComponent, ModalCookiesEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductFoundEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RatingEcComponent, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, ReviewsService, SectionContainerEcComponent, SelectChannelEcComponent, ShareBlockEcComponent, ShipmentEcComponent, ShipmentService, SidebarCookiesEcComponent, SidebarEcComponent, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastCookiesEcComponent, ToastService, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, OptionsOfProductListDataReceiverService as ɵba, PaymentUtils as ɵbb, CustomerInterceptor as ɵbc, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, ComponentHelper as ɵj, BlocksRepositoryService as ɵk, FacebookPixelService as ɵl, GoogleAnalyticsService as ɵm, GTMService as ɵn, MetricoolPixelService as ɵo, DopplerService as ɵp, OrderUtilityService as ɵq, StepService as ɵr, ErrorHandlerService as ɵs, IpService as ɵt, ShipmentDataTransformer as ɵu, CookiesService as ɵv, directives as ɵw, ProductOffDirective as ɵx, ReloadViewDirective as ɵy, pipes as ɵz };
 //# sourceMappingURL=ng-easycommerce.js.map