ng-easycommerce 0.0.655-beta.1 → 0.0.655

package/fesm5/ng-easycommerce.js

@@ -5,9 +5,9 @@ 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, forkJoin, combineLatest, Observable, throwError } from 'rxjs';
+import { ReplaySubject, of, BehaviorSubject, forkJoin, combineLatest, Observable, throwError, merge, fromEvent } from 'rxjs';
 import 'rxjs/add/operator/map';
-import { take, map, catchError, filter, mapTo, finalize, startWith, skipWhile, concatMap } from 'rxjs/operators';
+import { take, map, catchError, filter, mapTo, finalize, first, debounceTime, distinctUntilChanged, startWith, skipWhile, concatMap } from 'rxjs/operators';
 import 'rxjs/add/operator/catch';
 import 'rxjs/add/observable/of';
 import * as moment from 'moment';
@@ -9929,6 +9929,200 @@ var FiltersTopEcComponent = /** @class */ (function (_super) {
     return FiltersTopEcComponent;
 }(ComponentHelper));
 
+function withLeadingSlash(path) {
+    return path.startsWith('/') ? path : '/' + path;
+}
+function toHref(item) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    switch (item.type) {
+        case 'url':
+            return ((_a = item.link) === null || _a === void 0 ? void 0 : _a.url) || '#';
+        case 'category': {
+            var c = (_b = item.link) === null || _b === void 0 ? void 0 : _b.category;
+            return ((_c = c) === null || _c === void 0 ? void 0 : _c.slug) ? "/collection/categories/" + encodeURIComponent(c.slug) : '#';
+        }
+        case 'section':
+            return '#';
+        case 'parameter': {
+            var p = (_d = item.link) === null || _d === void 0 ? void 0 : _d.parameter;
+            if (((_f = (_e = p) === null || _e === void 0 ? void 0 : _e.code) === null || _f === void 0 ? void 0 : _f.startsWith('link_')) && ((_g = p) === null || _g === void 0 ? void 0 : _g.value))
+                return p.value;
+            var key = encodeURIComponent((_j = (_h = p) === null || _h === void 0 ? void 0 : _h.code, (_j !== null && _j !== void 0 ? _j : 'param')));
+            var val = encodeURIComponent((_l = (_k = p) === null || _k === void 0 ? void 0 : _k.value, (_l !== null && _l !== void 0 ? _l : '')));
+            return "/buscar?" + key + "=" + val;
+        }
+        case 'text':
+        default:
+            return '#';
+    }
+}
+function toText(item) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    if (item.label)
+        return item.label;
+    switch (item.type) {
+        case 'category': return _f = (_c = (_b = (_a = item.link) === null || _a === void 0 ? void 0 : _a.category) === null || _b === void 0 ? void 0 : _b.name, (_c !== null && _c !== void 0 ? _c : (_e = (_d = item.link) === null || _d === void 0 ? void 0 : _d.category) === null || _e === void 0 ? void 0 : _e.code)), (_f !== null && _f !== void 0 ? _f : 'Categoría');
+        case 'section': return _m = (_j = (_h = (_g = item.link) === null || _g === void 0 ? void 0 : _g.section) === null || _h === void 0 ? void 0 : _h.name, (_j !== null && _j !== void 0 ? _j : (_l = (_k = item.link) === null || _k === void 0 ? void 0 : _k.section) === null || _l === void 0 ? void 0 : _l.code)), (_m !== null && _m !== void 0 ? _m : 'Sección');
+        case 'parameter': return _q = (_p = (_o = item.link) === null || _o === void 0 ? void 0 : _o.parameter) === null || _p === void 0 ? void 0 : _p.code, (_q !== null && _q !== void 0 ? _q : 'Parámetro');
+        case 'url': return 'Enlace';
+        case 'text': return '';
+        default: return 'Enlace';
+    }
+}
+/** Devuelve el array de páginas de una sección (puede ser []). */
+function getSectionPages(item) {
+    var _a, _b, _c;
+    if (item.type !== 'section')
+        return [];
+    return (_c = (_b = (_a = item.link) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.pages, (_c !== null && _c !== void 0 ? _c : []));
+}
+/** Helper para saber si una sección trae al menos una página habilitada (o cualquiera si no validás enabled). */
+function hasSectionPages(item, onlyEnabled) {
+    if (onlyEnabled === void 0) { onlyEnabled = true; }
+    var pages = getSectionPages(item);
+    return onlyEnabled ? pages.some(function (p) { var _a; return (_a = p) === null || _a === void 0 ? void 0 : _a.enabled; }) : pages.length > 0;
+}
+/**
+ * Arma el href de UNA página de sección.
+ * @param item FooterItemView de tipo 'section'
+ * @param pageCode code de la página (obligatorio)
+ * @param sectionsBase base que te da consts.getSectionsRoute(), ej: 'section/' o '/section/'
+ */
+function toSectionPageHref(item, pageCode, sectionsBase) {
+    if (item.type !== 'section')
+        return '#';
+    if (!pageCode)
+        return '#';
+    var base = withLeadingSlash(sectionsBase || 'section/');
+    return "" + base + encodeURIComponent(pageCode);
+}
+/** Texto a mostrar para la página (fallback name -> code). */
+function toSectionPageText(page) {
+    var _a, _b, _c, _d;
+    return (_d = (_b = (_a = page) === null || _a === void 0 ? void 0 : _a.name, (_b !== null && _b !== void 0 ? _b : (_c = page) === null || _c === void 0 ? void 0 : _c.code)), (_d !== null && _d !== void 0 ? _d : '')).toString();
+}
+
+function pickFooterForDevice(footers, device) {
+    var exact = footers.find(function (f) { return f.footer.displayMode === device; });
+    if (exact)
+        return exact;
+    var both = footers.find(function (f) { return f.footer.displayMode === 'both'; });
+    return both || null;
+}
+
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var FooterService = /** @class */ (function () {
+    function FooterService$1(conn, consts) {
+        var _this = this;
+        this.conn = conn;
+        this.consts = consts;
+        this.columnsSubject = new BehaviorSubject([]);
+        this.columns$ = this.columnsSubject.asObservable();
+        this.extrasSubject = new BehaviorSubject(null);
+        this.extras$ = this.extrasSubject.asObservable();
+        // === NUEVO: cache en memoria ===
+        this.cachedList = [];
+        this.currentDevice = 'desktop';
+        this.loaded = false;
+        this.footerApi = function () {
+            return 'shop-api/' + _this.consts.getChannel() + '/footer' + '?locale=' + _this.consts.getLocale();
+        };
+        this.byPos = function (a, b) { var _a, _b; return (((_a = a) === null || _a === void 0 ? void 0 : _a.position) || 0) - (((_b = b) === null || _b === void 0 ? void 0 : _b.position) || 0); };
+        this.isMobile = function () { return (typeof window !== 'undefined') && window.innerWidth < 750; };
+    }
+    FooterService$1.prototype.load = function (device) {
+        var _this = this;
+        this.conn.get(this.footerApi())
+            .pipe(catchError(function () { return of([]); }))
+            .subscribe(function (res) {
+            var _a, _b, _c;
+            var list = Array.isArray(res) ? res : [];
+            var d = device || (_this.isMobile() ? 'mobile' : 'desktop');
+            var chosen = pickFooterForDevice(list, d);
+            var cols = (((_a = chosen) === null || _a === void 0 ? void 0 : _a.columns) || []).slice().sort(_this.byPos);
+            cols.forEach(function (c) { return c.items && c.items.sort(_this.byPos); });
+            _this.columnsSubject.next(cols);
+            _this.extrasSubject.next((_c = (_b = chosen) === null || _b === void 0 ? void 0 : _b.extras, (_c !== null && _c !== void 0 ? _c : null)));
+        });
+    };
+    /** Carga UNA SOLA VEZ y cachea todo. Luego aplica según device actual. */
+    FooterService$1.prototype.loadOnce = function (initialDevice) {
+        var _this = this;
+        if (this.loaded) {
+            // ya tengo datos: solo (re)aplico el device actual o el que me pasen
+            if (initialDevice && initialDevice !== this.currentDevice) {
+                this.currentDevice = initialDevice;
+                this.applyDevice();
+            }
+            return;
+        }
+        this.currentDevice = initialDevice || this.getDeviceByWidth();
+        this.conn.get(this.footerApi())
+            .pipe(catchError(function () { return of([]); }))
+            .subscribe(function (res) {
+            _this.cachedList = Array.isArray(res) ? res : [];
+            _this.loaded = true;
+            _this.applyDevice(); // pinta columns/extras según this.currentDevice
+        });
+    };
+    /** Cambia el device y re-arma columnas/extras desde el cache (sin API). */
+    FooterService$1.prototype.setDevice = function (device) {
+        if (device === this.currentDevice)
+            return;
+        this.currentDevice = device;
+        if (!this.loaded)
+            return; // todavía no llegó la data
+        this.applyDevice();
+    };
+    /** Recalcula columns/extras para el currentDevice usando el cache. */
+    FooterService$1.prototype.applyDevice = function () {
+        var _this = this;
+        var _a, _b, _c;
+        var chosen = pickFooterForDevice(this.cachedList, this.currentDevice);
+        var cols = (((_a = chosen) === null || _a === void 0 ? void 0 : _a.columns) || []).slice().sort(this.byPos);
+        cols.forEach(function (c) { return c.items && c.items.sort(_this.byPos); });
+        this.columnsSubject.next(cols);
+        this.extrasSubject.next((_c = (_b = chosen) === null || _b === void 0 ? void 0 : _b.extras, (_c !== null && _c !== void 0 ? _c : null)));
+    };
+    FooterService$1.prototype.getDeviceByWidth = function () {
+        return (typeof window !== 'undefined' && window.innerWidth < 750) ? 'mobile' : 'desktop';
+    };
+    FooterService$1.prototype.prefetch = function (device) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.conn.get(_this.footerApi())
+                .pipe(catchError(function () { return of([]); }), first())
+                .subscribe(function (res) {
+                var _a, _b, _c;
+                var list = Array.isArray(res) ? res : [];
+                var d = device || (_this.isMobile() ? 'mobile' : 'desktop');
+                var chosen = pickFooterForDevice(list, d);
+                var cols = (((_a = chosen) === null || _a === void 0 ? void 0 : _a.columns) || []).slice().sort(_this.byPos);
+                cols.forEach(function (c) { return c.items && c.items.sort(_this.byPos); });
+                _this.columnsSubject.next(cols);
+                _this.extrasSubject.next((_c = (_b = chosen) === null || _b === void 0 ? void 0 : _b.extras, (_c !== null && _c !== void 0 ? _c : null)));
+                resolve();
+            });
+        });
+    };
+    FooterService$1.ctorParameters = function () { return [
+        { type: ConnectionService },
+        { type: Constants }
+    ]; };
+    FooterService$1.ɵprov = ɵɵdefineInjectable({ factory: function FooterService_Factory() { return new FooterService(ɵɵinject(ConnectionService), ɵɵinject(Constants)); }, token: FooterService, providedIn: "root" });
+    FooterService$1 = __decorate$_([
+        Injectable({
+            providedIn: 'root'
+        })
+    ], FooterService$1);
+    return FooterService$1;
+}());
+
 var __extends$s = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -9953,19 +10147,25 @@ 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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 var FooterEcComponent = /** @class */ (function (_super) {
     __extends$s(FooterEcComponent, _super);
-    function FooterEcComponent(optionsService, paramsService, consts) {
+    function FooterEcComponent(optionsService, paramsService, consts, footerService, router, platformId) {
         var _this = _super.call(this) || this;
         _this.optionsService = optionsService;
         _this.paramsService = paramsService;
         _this.consts = consts;
+        _this.footerService = footerService;
+        _this.router = router;
+        _this.platformId = platformId;
         _this.menuItemsCategories = [];
         _this.menuItemsSections = [];
         _this.menuItemsAttributes = [];
@@ -9973,6 +10173,9 @@ var FooterEcComponent = /** @class */ (function (_super) {
         _this.categories = [];
         _this.attributes = [];
         _this.params = {};
+        // helpers a mano para el template
+        _this.toHref = toHref;
+        _this.toText = toText;
         _this.updateCategories = function (categories) {
             _this.menuItemsCategories = _this.optionsService.generateMenu(categories);
             _this.menuItemsCategories = _this.ecUpdateMenuItemCategories(_this.menuItemsCategories);
@@ -10009,6 +10212,9 @@ var FooterEcComponent = /** @class */ (function (_super) {
         _this.ecUpdateMenuItemAttributes = function (menuItems) {
             return menuItems;
         };
+        /* ----------------- Trackers para *ngFor ----------------- */
+        _this.trackById = function (_, it) { var _a, _b; return _b = (_a = it) === null || _a === void 0 ? void 0 : _a.id, (_b !== null && _b !== void 0 ? _b : _); };
+        _this.trackByPos = function (_, it) { var _a, _b; return _b = (_a = it) === null || _a === void 0 ? void 0 : _a.position, (_b !== null && _b !== void 0 ? _b : _); };
         _this.optionsService.sections.subscribe(function (res) { return (res.length > 0) && _this.updateMenuItem(res); });
         _this.optionsService.categories.subscribe(function (res) { return (res.length > 0) && _this.updateCategories(res); });
         _this.optionsService.attributes.subscribe(function (res) { return (res.length > 0) && _this.updateAttributes(res); });
@@ -10019,19 +10225,170 @@ var FooterEcComponent = /** @class */ (function (_super) {
     FooterEcComponent.prototype.ngOnInit = function () {
         var _this = this;
         this.paramsService.parameters.subscribe(function (res) { return _this.params = res; });
+        // API: nos suscribimos a las columnas
+        this.columns$ = this.footerService.columns$;
+        this.extras$ = this.footerService.extras$;
+        // Carga inicial UNA sola vez con el device actual
+        var initialDevice = this.getDevice();
+        this.footerService.loadOnce(initialDevice);
+        // Conmutación por resize SIN llamar a la API
+        if (isPlatformBrowser(this.platformId)) {
+            this.deviceSub = merge(of(initialDevice), fromEvent(window, 'resize').pipe(debounceTime(150), map(function () { return _this.getDevice(); }), distinctUntilChanged())).subscribe(function (d) { return _this.footerService.setDevice(d); });
+        }
         this.ecOnInit();
     };
+    FooterEcComponent.prototype.getDevice = function () {
+        if (!isPlatformBrowser(this.platformId))
+            return 'desktop';
+        return window.innerWidth < 750 ? 'mobile' : 'desktop';
+    };
+    // ¿El string "parece" una URL de imagen (por extensión)?
+    FooterEcComponent.prototype.isImageUrl = function (v) {
+        return !!v && /\.(png|jpe?g|svg|webp)$/i.test(v);
+    };
+    // Convierte un path relativo del media server en URL absoluta, o deja pasar si ya es http(s)
+    FooterEcComponent.prototype.absOrMedia = function (v) {
+        // Si "v" viene con "/media/image/", sacar esa parte
+        var path = v.startsWith('/media/image/') ? v.replace('/media/image/', '') : v;
+        return /^https?:\/\//i.test(path) ? path : (this.mediaUrl + path);
+    };
+    /* ----------------- Helpers para items tipo parameter ----------------- */
+    // Devuelve el string del value del parámetro
+    FooterEcComponent.prototype.paramValue = function (it) {
+        return (it && it.link && it.link.parameter && typeof it.link.parameter.value === 'string')
+            ? it.link.parameter.value
+            : '';
+    };
+    // Devuelve SOLO el path de imagen del parámetro (si existe en images[0].path,
+    // si no, usa value si luce como imagen). No agrega mediaUrl todavía.
+    FooterEcComponent.prototype.paramImagePath = function (it) {
+        var _a, _b;
+        var p = (_b = (_a = it) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.parameter;
+        if (!p)
+            return '';
+        var imgPath = p.images && p.images[0] && p.images[0].path ? p.images[0].path : '';
+        if (imgPath)
+            return imgPath;
+        return this.isImageUrl(p.value) ? p.value : '';
+    };
+    // ¿El parámetro representa una imagen?
+    FooterEcComponent.prototype.isImageParam = function (it) {
+        var path = this.paramImagePath(it);
+        return !!path;
+    };
+    /* ----------------- Secciones → páginas (helpers neutrales) ----------------- */
+    FooterEcComponent.prototype.sectionPages = function (item) {
+        return getSectionPages(item).filter(function (p) { var _a, _b, _c; return (_b = (_a = p) === null || _a === void 0 ? void 0 : _a.enabled, (_b !== null && _b !== void 0 ? _b : true)) && !!((_c = p) === null || _c === void 0 ? void 0 : _c.code); });
+    };
+    FooterEcComponent.prototype.sectionHasPages = function (item) {
+        return this.sectionPages(item).length > 0;
+    };
+    FooterEcComponent.prototype.sectionPageText = function (page) {
+        var _a, _b;
+        return (((_a = page) === null || _a === void 0 ? void 0 : _a.name) || ((_b = page) === null || _b === void 0 ? void 0 : _b.code) || '').toString();
+    };
+    FooterEcComponent.prototype.sectionPageHref = function (page) {
+        var _a, _b, _c;
+        var base = (((_b = (_a = this.consts).getSectionsRoute) === null || _b === void 0 ? void 0 : _b.call(_a)) || 'section/');
+        var seg = (((_c = page) === null || _c === void 0 ? void 0 : _c.code) || '').toString();
+        if (!seg)
+            return '#';
+        var pref = base.startsWith('/') ? base : "/" + base;
+        return "" + pref + encodeURIComponent(seg);
+    };
+    /* ----------------- Helpers para EXTRAS ----------------- */
+    FooterEcComponent.prototype.logoUrl = function (extras) {
+        var _a, _b, _c;
+        var p = (_c = (_b = (_a = extras) === null || _a === void 0 ? void 0 : _a.logo) === null || _b === void 0 ? void 0 : _b.image) === null || _c === void 0 ? void 0 : _c.path;
+        return p ? this.absOrMedia(p) : '';
+    };
+    FooterEcComponent.prototype.legalHtml = function (extras) {
+        var _a, _b;
+        return ((_b = (_a = extras) === null || _a === void 0 ? void 0 : _a.legal) === null || _b === void 0 ? void 0 : _b.html) || '';
+    };
+    FooterEcComponent.prototype.fiscalQrUrl = function (extras) {
+        var _a, _b, _c;
+        var p = (_c = (_b = (_a = extras) === null || _a === void 0 ? void 0 : _a.fiscalQr) === null || _b === void 0 ? void 0 : _b.image) === null || _c === void 0 ? void 0 : _c.path;
+        return p ? this.absOrMedia(p) : '';
+    };
+    FooterEcComponent.prototype.whatsappFloating = function (extras) {
+        var _a, _b, _c, _d, _e;
+        var e = (_a = extras) === null || _a === void 0 ? void 0 : _a.whatsappFloating;
+        var url = ((_b = e) === null || _b === void 0 ? void 0 : _b.url) || '';
+        var img = ((_d = (_c = e) === null || _c === void 0 ? void 0 : _c.image) === null || _d === void 0 ? void 0 : _d.path) ? this.absOrMedia(e.image.path) : '';
+        return { enabled: !!((_e = e) === null || _e === void 0 ? void 0 : _e.enabled), url: url, imageUrl: img };
+    };
+    FooterEcComponent.prototype.styleFor = function (it) {
+        var _a, _b;
+        var s = ((_a = it) === null || _a === void 0 ? void 0 : _a.style) || {};
+        // coerción: si viene string, lo paso a number; si null/0, no seteo
+        var fs = (_b = s.fontSize, (_b !== null && _b !== void 0 ? _b : undefined));
+        var fsNum = typeof fs === 'string' ? parseInt(fs, 10) : fs;
+        return {
+            'font-weight': s.bold ? 600 : null,
+            'font-style': s.italic ? 'italic' : null,
+            'text-decoration': s.underline ? 'underline' : null,
+            'font-size.px': Number.isFinite(fsNum) ? fsNum : null,
+        };
+    };
+    // en FooterComponent (hijo)
+    FooterEcComponent.prototype.isInternalUrl = function (url) {
+        return !!url && url.startsWith('/');
+    };
+    FooterEcComponent.prototype.makeAbsolute = function (url) {
+        // para abrir rutas internas en nueva pestaña/ventana
+        try {
+            return this.isInternalUrl(url) ? (window.location.origin + url) : url;
+        }
+        catch ( // SSR/seguridad
+        _a) { // SSR/seguridad
+            return url;
+        }
+    };
+    FooterEcComponent.prototype.openLink = function (ev, url, target) {
+        if (!url) {
+            ev.preventDefault();
+            return;
+        }
+        var isInternal = this.isInternalUrl(url);
+        if (target === 'same_tab') {
+            if (isInternal) {
+                ev.preventDefault();
+                this.router.navigateByUrl(url);
+            }
+            // si es externo, dejamos que el <a href> lo maneje en la misma pestaña
+            return;
+        }
+        // new_tab | new_window ⇒ window.open
+        ev.preventDefault();
+        var full = this.makeAbsolute(url);
+        // para ambos usamos _blank, la diferencia son los "features"
+        var features = (target === 'new_window')
+            ? 'noopener,noreferrer,width=1024,height=768' // ajustá tamaño/props a gusto
+            : 'noopener,noreferrer';
+        try {
+            window.open(full, '_blank', features);
+        }
+        catch (_a) {
+            // fallback por si un popup blocker interfiere
+            window.location.href = full;
+        }
+    };
     FooterEcComponent.ctorParameters = function () { return [
         { type: OptionsService },
         { type: ParametersService },
-        { type: Constants }
+        { type: Constants },
+        { type: FooterService },
+        { type: Router },
+        { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
     ]; };
-    FooterEcComponent = __decorate$_([
+    FooterEcComponent = __decorate$$([
         Component({
             selector: 'app-footer-ec',
             template: "",
             styles: [""]
-        })
+        }),
+        __param$9(5, Inject(PLATFORM_ID))
     ], FooterEcComponent);
     return FooterEcComponent;
 }(ComponentHelper));
@@ -10060,7 +10417,7 @@ var __assign$n = (this && this.__assign) || function () {
     };
     return __assign$n.apply(this, arguments);
 };
-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;
@@ -10270,10 +10627,10 @@ var HeaderEcComponent = /** @class */ (function (_super) {
         { type: Renderer2 },
         { type: ChannelConfigService }
     ]; };
-    __decorate$$([
+    __decorate$10([
         ViewChild("menu")
     ], HeaderEcComponent.prototype, "menu_button", void 0);
-    HeaderEcComponent = __decorate$$([
+    HeaderEcComponent = __decorate$10([
         Component({
             selector: 'app-header-ec',
             template: "<!-- <header [class]=\"(!transparent ? 'no-banner' : '')\" id=\"header-principal\">\n     <div class=\"row border-color-buttom-gray m-0 d-none d-md-block\" id=\"novedades\">\n          <div class=\"col-12 py-2\">\n               {{ (params && params.header) || 'Sin informaci\u00F3n de cabecera' }}\n          </div>\n     </div>\n     <div class=\"row encabezado-superior m-0 d-flex justify-content-center\" id=\"top-menu-principal\">\n          <div class=\"col-md-6 col-3 p-md-3 p-2\">\n               <a routerLink=\"/home\">\n                    <img src=\"assets/image/logo.png\" id=\"logo-superior\" class=\"ml-md-4 ml-1\">\n               </a>\n          </div>\n          <div class=\"col-md-6 col-9 px-md-5 px-2 d-flex align-items-center justify-content-end\">\n               <ul class=\"nav d-flex align-items-center justify-content-end\">\n                    <li class=\"px-2 outside-menu\">\n                         <div class=\"order-3 order-lg-1 input-search pt-3\">\n                              <form (submit)=\"$event.preventDefault()\" class=\"navbar-form navbar-left m-1\">\n                                   <div class=\"input-group input-group-sm mb-3\" >\n                                        <input type=\"text\" class=\"form-control input-rounded bg-transparent border-left-none\" placeholder=\"Buscar producto\"\n                                             aria-label=\"Username\" aria-describedby=\"basic-addon1\"  (keyup)=\"setSearchValue($event)\">\n                                        <div class=\"input-group-prepend\" (click)=\"getCollectionSearch()\" role=\"button\">\n                                             <span class=\"input-group-text icon-rounded bg-transparent border-right-none\" id=\"basic-addon1\">\n                                                  <a class=\"color-white\"><img src=\"assets/svg/search.svg\"></a>\n                                             </span>\n                                        </div>\n                                   </div>\n                              </form>\n                         </div>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a routerLink=\"cart\" class=\"color-white\"><img src=\"assets/svg/cart.svg\"></a>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a [routerLink]=\"'/account'\" *ngIf=\"(authService.loggedIn | async); else sessionOptionsViewMobile\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\n                         <ng-template #sessionOptionsViewMobile>\n                              <a [routerLink]=\"'/auth/login'\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\n                         </ng-template>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a disabled style=\"vertical-align: -webkit-ecline-middle;\"\n                              class=\"color-white ff-ubuntu-light font-sm\">ES</a>\n                    </li>\n                    <li class=\"px-2 d-inline-block d-md-none\">\n                         <a id=\"openMenu\" class=\"color-white\" (click)=\"toogleToolbar()\">\n                              <img src=\"assets/svg/menu.svg\" class=\"open-m\" >\n                              <img src=\"assets/svg/close.svg\" class=\"close-m\">\n                         </a>\n                    </li>\n               </ul>\n          </div>\n          <div class=\"col-11 border-color-buttom-gray d-none d-md-block\"></div>\n     </div>\n     <nav class=\"py-md-3 py-0 w-100 d-none d-md-block\" id=\"menu-principal\" #menu>\n          <ul class=\"nav d-flex flex-md-row flex-column justify-content-center\">\n               <li class=\"dropdown separador-left\">\n                    <a class=\"dropdown-toggle color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" data-target=\"#buscador\"\n                         role=\"button\">\n                         CAT\u00C1LOGO\n                    </a>\n                    <ul class=\"dropdown-menu mega-menu dropdown-menu-right mt-md-2 mt-0\" role=\"menu\">\n                         <div class=\"flex-md-row flex-column py-0 d-flex align-items-start justify-content-center\">\n                              <div class=\"row mega-menu-center px-md-3 px-0\">\n                                   <div class=\"col-sm py-3 box-submenu\"\n                                        *ngFor=\"let category of categories; let i = index\">\n                                        <div class=\"row\">\n                                             <div class=\"col-3 col-md-4 p-0\">\n                                                  <img [src]=\"consts.mediaUrl() + category.images[0].path\"\n                                                       class=\"w-100\">\n                                             </div>\n                                             <div class=\"col-9 col-md-8 py-2 pr-0\">\n                                                  <a [routerLink]=\"category.path\">\n                                                       <h5 class=\"ff-ubuntu-semi-bold font-xl\">{{ category.title }}</h5>\n                                                  </a>\n                                                  <ul\n                                                       class=\"nav d-md-flex d-none flex-column font-ss ff-ubuntu color-white submenu\">\n                                                       <li class=\"text-uppercase mb-2\"\n                                                            *ngFor=\"let child of category.children\">\n                                                            <a [routerLink]=\"child.path\">\n                                                                 {{ child.title }}\n                                                            </a>\n                                                       </li>\n                                                  </ul>\n                                             </div>\n                                        </div>\n                                   </div>\n                              </div>\n                         </div>\n                    </ul>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'collection/'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         NOVEDADES\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/collection/attributes/ofertas'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         OFERTAS\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/section/quienes-somos'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         QUIENES SOMOS\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/contact'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         CONTACTO\n                    </a>\n               </li>\n          </ul>\n     </nav>\n</header> -->",
@@ -10296,7 +10653,7 @@ var __extends$u = (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;
@@ -10321,7 +10678,7 @@ var HomeEcComponent = /** @class */ (function (_super) {
         { type: BlocksService },
         { type: Constants }
     ]; };
-    HomeEcComponent = __decorate$10([
+    HomeEcComponent = __decorate$11([
         Component({
             selector: 'app-home-ec',
             template: "<app-blocks-ec [section]=\"'home'\"></app-blocks-ec>",
@@ -10344,7 +10701,7 @@ var __extends$v = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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;
@@ -10414,25 +10771,25 @@ var LoginEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$11([
+    __decorate$12([
         Input()
     ], LoginEcComponent.prototype, "redirect", void 0);
-    __decorate$11([
+    __decorate$12([
         Input()
     ], LoginEcComponent.prototype, "title", void 0);
-    __decorate$11([
+    __decorate$12([
         Input()
     ], LoginEcComponent.prototype, "buyButton", void 0);
-    __decorate$11([
+    __decorate$12([
         Input()
     ], LoginEcComponent.prototype, "withRoles", void 0);
-    __decorate$11([
+    __decorate$12([
         Output()
     ], LoginEcComponent.prototype, "ready", void 0);
-    __decorate$11([
+    __decorate$12([
         Output()
     ], LoginEcComponent.prototype, "loggedIn", void 0);
-    LoginEcComponent = __decorate$11([
+    LoginEcComponent = __decorate$12([
         Component({
             selector: 'app-login-ec',
             template: "<div class=\"card card-body container content_menu h-100\">\n    <div class=\"row w-100 mx-auto\">\n        <div class=\"col-12 pb-3 d-flex justify-content-between\">\n            <h3>{{title | translate }}</h3>\n        </div>\n\n        <div class=\"col-12 pb-3\">\n            <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\n                <div class=\"form-group\">\n                    <input type=\"email\" class=\"form-control rounded-0\" formControlName=\"username\"\n                        autocomplete=\"username\" placeholder=\"Email\">\n                </div>\n                <div class=\"form-group\">\n                    <input type=\"password\" class=\"form-control rounded-0\" formControlName=\"password\"\n                        autocomplete=\"current-password\" placeholder=\"Contrase\u00F1a\">\n                </div>\n                <button *ngIf=\"!loading\" [disabled]=\"!loginForm.valid\"\n                    class=\"btn btn-dark bg-black rounded-0 w-100\">INICIAR SESI\u00D3N</button>\n                <div class=\"loading-container-form\" *ngIf=\"loading\">\n                    <div id=\"loading\"></div>\n                </div>\n                <h6 class=\"text-center mb-0 mt-3\">\n                    Olvidaste tu contrase\u00F1a?\n                    <br>\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"d-contents\">Recuperala aqui</a>\n                </h6>\n            </form>\n        </div>\n        <div class=\"col-12 pt-3 border-top text-center\">\n\n            <ng-container *ngIf=\"!buyButton;else invited\">\n\n                Todavia no ten\u00E9s tu cuenta?\n                <br>\n                Creala desde <a (click)=\"nagivate('/register')\" class=\"d-contents\">aqui</a>\n            </ng-container>\n\n\n            <ng-template #invited>\n                <a routerLink=\"/cart/checkout\" class=\"btn bg-black btn-finalizar-compra text-blanco mt-4\">\n                    {{ 'invited-checkout' | translate }}\n                </a>\n            </ng-template>\n        </div>\n    </div>\n</div>",
@@ -10442,7 +10799,7 @@ var LoginEcComponent = /** @class */ (function (_super) {
     return LoginEcComponent;
 }(ComponentHelper));
 
-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;
@@ -10666,7 +11023,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$12([
+    CurrencyService$1 = __decorate$13([
         Injectable({
             providedIn: 'root'
         })
@@ -10685,7 +11042,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;
@@ -11186,7 +11543,7 @@ var ProductDetailService = /** @class */ (function () {
         { type: AnalyticsService },
         { type: CurrencyService }
     ]; };
-    ProductDetailService = __decorate$13([
+    ProductDetailService = __decorate$14([
         Injectable()
     ], ProductDetailService);
     return ProductDetailService;
@@ -11216,7 +11573,7 @@ var __assign$p = (this && this.__assign) || function () {
     };
     return __assign$p.apply(this, arguments);
 };
-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;
@@ -11434,10 +11791,10 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
         { type: Meta },
         { type: Injector }
     ]; };
-    __decorate$14([
+    __decorate$15([
         ViewChild('contact')
     ], ProductDetailEcComponent.prototype, "contact", void 0);
-    ProductDetailEcComponent = __decorate$14([
+    ProductDetailEcComponent = __decorate$15([
         Component({
             selector: 'app-product-detail-ec',
             template: "",
@@ -11461,7 +11818,7 @@ var __extends$x = (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;
@@ -11576,13 +11933,13 @@ var ProductEcComponent = /** @class */ (function (_super) {
         { type: Injector },
         { type: CartService }
     ]; };
-    __decorate$15([
+    __decorate$16([
         Input()
     ], ProductEcComponent.prototype, "isProductBox", void 0);
-    __decorate$15([
+    __decorate$16([
         Input()
     ], ProductEcComponent.prototype, "product", void 0);
-    ProductEcComponent = __decorate$15([
+    ProductEcComponent = __decorate$16([
         Component({
             selector: 'app-product-ec',
             template: "",
@@ -11606,7 +11963,7 @@ var __extends$y = (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;
@@ -11683,10 +12040,10 @@ var RelatedProductsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: Router }
     ]; };
-    __decorate$16([
+    __decorate$17([
         Input()
     ], RelatedProductsEcComponent.prototype, "product_id", void 0);
-    RelatedProductsEcComponent = __decorate$16([
+    RelatedProductsEcComponent = __decorate$17([
         Component({
             selector: 'app-related-products-ec',
             template: "<!-- <div *ngFor=\"let products of relatedProducts\" >\n    <section class=\"destacados\"  id=\"destacados\"> \n        <div class=\"container-fluid mx-auto py-5\">\n            <div class=\"row mx-auto d-flex justify-content-start px-3 py-3\">\n                <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1\">\n                    {{ products.title ? products.title  : 'PRODUCTOS RECOMENDADOS' | uppercase}}\n                </h3>\n            </div>\n    \n            <owl-carousel-o [options]=\"customOptionsDestacados\" class=\"row mx-auto d-flex justify-content-center p-3  pb-1\">\n                <ng-template carouselSlide *ngFor=\"let product of products.items\">\n                     <app-product-destacados [product]=\"product\" [isValorados]=\"false\"></app-product-destacados>\n                </ng-template>\n           </owl-carousel-o>\n           \n            <div class=\"row mx-auto d-flex justify-content-center pb-3 d-md-none\">\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>\n            </div>\n        </div>\n    </section>\n</div> -->",
@@ -11709,7 +12066,7 @@ var __extends$z = (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;
@@ -11776,13 +12133,13 @@ var SectionContainerEcComponent = /** @class */ (function (_super) {
         { type: ToastrService },
         { type: DomSanitizer }
     ]; };
-    __decorate$17([
+    __decorate$18([
         Input()
     ], SectionContainerEcComponent.prototype, "sanitizeHtml", void 0);
-    __decorate$17([
+    __decorate$18([
         Input()
     ], SectionContainerEcComponent.prototype, "name", void 0);
-    SectionContainerEcComponent = __decorate$17([
+    SectionContainerEcComponent = __decorate$18([
         Component({
             selector: 'app-section-container-ec',
             template: "<div class=\"container-fluid\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"scrol-if\">\n                <div *ngIf=\"loadSection; else notBlockContact\" [innerHtml]=\"content_html\"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>\n\n\n<ng-template #notBlockContact>\n<div class=\"col-12 align-items-center\">\n    <div  class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</div>\n</ng-template>",
@@ -11805,7 +12162,7 @@ var __extends$A = (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;
@@ -11988,7 +12345,7 @@ var StoresEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: DomSanitizer }
     ]; };
-    StoresEcComponent = __decorate$18([
+    StoresEcComponent = __decorate$19([
         Component({
             selector: 'app-store-ec',
             template: "<div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\n    <strong>{{ 'stores' | translate }}</strong>\n</div>\n\n<section class=\"formulario container-fluid\" *ngIf=\"stores ; else noStores\">\n    <div *ngIf=\"stores.length; else loading\">\n\n        <div class=\"row\" *ngIf=\"stores && stores.length > 0; else noStores\">\n            <div class=\"col-12 col-md-3 order-1 order-md-1\">\n                <div class=\"row\">\n                    <div class=\"form-group w-100\">\n                        <select (change)=\"selectChange($event.target.value)\"\n                            class=\"rounded-0 form-control form-control-sm\" id=\"exampleFormControlSelect1\">\n                            <option selected [value]=\"''\">Seleccione provincia</option>\n                            <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\n                            </option>\n                        </select>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-3 order-3 order-md-2\">\n                <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\n                    <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\n                        <div class=\"col-12\">\n                            <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\n                            <label>{{ store.address }}</label>\n                            <label>{{ store.phone }}</label>\n                            <div [innerHtml]=\"store.note\"></div>\n                            <div class=\"text-right\">\n                                <!-- <a [href]=\"store.urlMap\" target=\"_blank\" class=\"custom-a\">Ver mapa</a> -->\n                                <a  *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\n                    <!-- <img *ngIf=\"imageMap\" src=\"../../../assets/images/recurso (21).png\" alt=\"\" class=\"w-100\"> -->\n                    <!-- <iframe *ngIf=\"!imageMap\" [src]=\"urlMap\" frameborder=\"0\" style=\"width: 100%; height: 500px;\"></iframe> -->\n                    <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\n            </div>\n        </div>\n    </div>\n</section>\n\n\n<ng-template #noStores>\n\n    <div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\n        <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\n    </div>\n\n</ng-template>\n\n<ng-template #loading>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>",
@@ -12011,7 +12368,7 @@ var __extends$B = (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;
@@ -12046,16 +12403,16 @@ var VariantsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: ProductDetailService }
     ]; };
-    __decorate$19([
+    __decorate$1a([
         Input()
     ], VariantsEcComponent.prototype, "product", void 0);
-    __decorate$19([
+    __decorate$1a([
         Input('options')
     ], VariantsEcComponent.prototype, "options$", void 0);
-    __decorate$19([
+    __decorate$1a([
         Input()
     ], VariantsEcComponent.prototype, "setOption", void 0);
-    VariantsEcComponent = __decorate$19([
+    VariantsEcComponent = __decorate$1a([
         Component({
             selector: 'app-product-variants-ec',
             template: "<div *ngIf=\"(options$ | async) as options ; else loading\">\n     <div *ngIf=\"options && options.length && view(options.length, options)\">\n          <div *ngFor=\"let option of options; let i = index\" class=\"mb-2\">\n               <h5 class=\"text-lowercase\">{{option.name | titlecase}}</h5>\n               <div [ngSwitch]=\"option.type\">\n                    <div *ngSwitchCase=\"'color'\">\n                         <div class=\"row w-100 mx-auto pb-3 mb-2\">\n                              <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                   (click)=\"setOption(option.code, value.name)\"\n                                   [class]=\"'rounded-0 color-item mr-2 ' + (value.selected ? 'shadow' : '')\"\n                                   [id]=\"x + value.name\" [style.background]=\"'#' + value.name\"\n                                   [style.border]=\"(value.selected ? '1px black solid' : '1px gray solid')\"></a>\n                         </div>\n                    </div>\n                    <div *ngSwitchCase=\"'size'\">\n                         <div class=\"row w-100 mx-auto pb-3\">\n                              <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control pr-5\">\n                                   <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\n                                   <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                        [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\n                                        [selected]=\"value.selected\">\n                                        {{ value.name  }}\n                                   </option>\n                              </select>\n                              <!-- <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                   (click)=\"setOption(option.code, value.name)\"\n                                   [id]=\"x + value.name\"\n                                   [class]=\"'btn btn-outline-dark rounded-0 talle-item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\n                                   {{ value.name }}\n                              </a> -->\n                         </div>\n                    </div>\n                    <div *ngSwitchDefault>\n                        <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control \">\n                            <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\n                            <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                 [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\n                                 [selected]=\"value.selected\">\n                                 {{ value.name  }}\n                            </option>\n                       </select>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>\n\n<ng-template #loading>\n     <div class=\"col-12 align-items-center\">\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n               <app-loading-full-ec></app-loading-full-ec>\n          </div>\n     </div>\n</ng-template>",
@@ -12078,13 +12435,13 @@ var __extends$C = (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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$a = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var SellerDashboardContainerEcComponent = /** @class */ (function (_super) {
@@ -12192,16 +12549,16 @@ var SellerDashboardContainerEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
     ]; };
-    __decorate$1a([
+    __decorate$1b([
         Input()
     ], SellerDashboardContainerEcComponent.prototype, "UIComponents", void 0);
-    SellerDashboardContainerEcComponent = __decorate$1a([
+    SellerDashboardContainerEcComponent = __decorate$1b([
         Component({
             selector: 'app-seller-dashboard-container',
             template: "<section *ngIf=\"user\" id=\"seller-dashboard\">\n    <div class=\"section-content mt-5 mb-2 tablaVendedores\">\n        <div class=\"container-xl\">\n            <div class=\"row\">\n                <main class=\"col-md-12\">\n\n                    <ul *ngIf=\"hasHeader()\" class=\"nav nav-tabs\">\n                        <li class=\"nav-item col-12 col-lg-2\">\n                            <a *ngIf=\"hasUIComponent('HEADER_TAB')\" class=\"nav-link active cursor-pointer px-4\"\n                                aria-current=\"page\">\n                                {{ 'my-clients' | translate }}\n                            </a>\n                        </li>\n                        <li class=\"ms-auto row\">\n                            <div\n                                class=\"d-flex justify-content-end justify-content-lg-end justify-content-xl-end col-12 col-md-12 col-lg-auto\">\n                                <ng-container *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN') \">\n                                    <a *ngIf=\"authService.getCustomer()?.id; else withoutCustomer\"\n                                        [routerLink]=\"'/collection'\"\n                                        class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"><i\n                                            class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate }}\n                                    </a>\n                                    <ng-template #withoutCustomer>\n                                        <a class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"\n                                            (click)=\"toastrService.show('must-select-customer')\">\n                                            <i class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate\n                                            }}\n                                        </a>\n                                    </ng-template>\n                                </ng-container>\n                                <a *ngIf=\"hasUIComponent('MANAGE_ORDERS_BTN')\"\n                                    (click)=\"navigateExternal(constants.getUrlBase())\"\n                                    class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center me- me-lg-4 mr- mr-lg-4\"><i\n                                        class=\"bi bi-archive-fill me-2 mr-2\"></i>{{ 'manage-orders' | translate }}</a>\n                            </div>\n                            <div class=\"d-flex camposVendedores col-12 col-md-12 col-lg-auto justify-content-end\">\n                                <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\n                                    (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores form-select\">\n                                    <option selected hidden disabled>{{ 'order-by' | translate }}</option>\n                                    <option value='asc_firstName'>{{ 'client' | translate }} (A-Z)</option>\n                                    <option value='desc_firstName'>{{ 'client' | translate }} (Z-A)</option>\n                                    <option value='asc_id'>Menor a Mayor c\u00F3digo</option>\n                                    <option value='desc_id'>Mayor a Menor c\u00F3digo</option>\n                                </select>\n                                <form *ngIf=\"hasUIComponent('SEARCH_FORM')\"\n                                    class=\"col-lg-auto mb-lg-0 d-flex ms-3 ml-3 d-flex buscadorVendedores\">\n                                    <input type=\"text\" name=\"searchInput\" class=\"form-control\"\n                                        placeholder=\"{{ 'search' | translate }}\" [(ngModel)]=\"searchInput\"\n                                        (keyup.enter)=\"updateCustomers()\">\n                                    <button class=\"btn btn-primary ms-1 ml-1 bg-white border-dark btnSearch\"><i\n                                            class=\"bi bi-search text-dark\" (click)=\"updateCustomers()\"></i></button>\n                                </form>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <ng-container *ngIf=\"user.customers?.length; else noCustomers\">\n\n                        <article class=\"card card-body mb-1 carritoProductoHeader m-0 py-0 mt-4\">\n                            <div class=\"row align-items-center font-bold border-bottom\">\n                                <div class=\"col-3 col-md-2 text-left\">\n                                    <small>{{ 'code' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-5 col-md-3 mb-md-0\">\n                                    <small>{{ 'client' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <small>{{ 'user' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-4 col-md-2 text-left\">\n                                    <small>{{ 'new-orders' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-2 col-md-2 text-left d-none d-md-block\">\n                                    <small></small>\n                                </div>\n\n                            </div>\n                        </article>\n\n                        <article *ngFor=\"let customer of filteredCustomers\" [class]=\"'card card-body mb-3 cadaVendedor ' + (isActive(customer) ? 'activo':'')\">\n                            <div class=\"row d-flex align-items-center\">\n                                <div class=\"col-3 col-md-2 text-left ps-2 pl-2\">\n                                    <div class=\"price h6 pb-0 mb-0 ps-3 pl-1\">\n                                        {{ customer.managementSystemInternalCode || 'n/a' }}\n                                    </div>\n                                </div>\n                                <div class=\"col-5 col-md-3 text-left\">\n                                    <div class=\"price h6 fw-normal ps-2 pl-2 pb-0 mb-0\">\n                                        {{ customer.firstName }} {{ customer.lastName }}\n                                        <p class=\"d-block d-md-none fs-6 mt-1 mb-0 p-0 userMobile\">\n                                            {{ customer.email }}\n                                        </p>\n                                    </div>\n                                </div>\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <div class=\"price h6 fw-normal pb-0 mb-0 ps-2 pl-2\">\n                                        {{ customer.email }}\n                                    </div>\n                                </div>\n                                <div class=\"col-4 col-md-2 text-left ps-2 pl-2\">\n                                    <div *ngIf=\"true\" class=\"contNumero\">\n                                        {{ customer.ordersNotApproved }}\n                                    </div>\n                                </div>\n                                <div class=\"col-12 col-md-2 btnIngresar\">\n\n                                    <ng-container\n                                        *ngIf=\"authService.getCustomer()?.id == customer.id; else noActiveCustomer\">\n                                        <a (click)=\"changeCustomer(null)\"\n                                            class=\"btn btn-seller-primary justify-content-center\">\n                                            <i class=\"bi bi-box-arrow-left me-2 mr-2\"></i>\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\n                                                {{ 'exit' | translate | uppercase }}\n                                            </small>\n                                        </a>\n                                    </ng-container>\n                                    <ng-template #noActiveCustomer>\n                                        <a (click)=\"changeCustomer(customer)\"\n                                            class=\"btn btn-seller-primary justify-content-center\">\n                                            <i class=\"bi bi-box-arrow-in-right me-2 mr-2\"></i>\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\n                                                {{ 'operate-as' | translate | uppercase }}\n                                            </small>\n                                        </a>\n                                    </ng-template>\n\n                                </div>\n                            </div>\n                        </article>\n\n                    </ng-container>\n\n                </main>\n            </div>\n        </div>\n    </div>\n</section>\n\n<ng-template #noCustomers>\n    <h4 class=\"text-center p-5\">{{ 'no-customers' | translate }}</h4>\n</ng-template>",
             styles: ["#seller-dashboard{--seller-dashboard-primary-color:0,0,0}.btn-seller-primary{color:#fff!important;background-color:rgba(var(--seller-dashboard-primary-color),1)!important;border-color:rgba(var(--seller-dashboard-primary-color),1)!important}.btn-seller-primary:hover{background-color:rgba(var(--seller-dashboard-primary-color),.9)!important}.btn-seller-primary:active{background-color:rgba(var(--seller-dashboard-primary-color),.8)!important}.btnGestionar{padding:6px 12px!important;height:36px;display:flex;align-items:center;justify-content:center;margin-left:10px}.ordenarVendedores{width:150px!important;color:#8b8b8b!important;background-color:#fff;border:1px solid #b6b6b6!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.buscadorVendedores{margin-bottom:4px!important}.buscadorVendedores input{border:1px solid #b6b6b6!important;width:200px}.buscadorVendedores .btnSearch{border:1px solid #b6b6b6!important;padding:.375rem .75rem;font-size:1rem}.buscadorVendedores .btnSearch:focus{background-color:#fff!important}.carritoProductoHeader{border:none!important}.carritoProductoHeader small{font-size:13px}.cadaVendedor{padding:5px 0;margin-bottom:0!important;border:none!important;border-bottom:1px solid #ccc!important;border-radius:0!important;-webkit-border-radius:0}.cadaVendedor .btnIngresar a{padding:10px!important;border-width:1px!important;border-style:solid!important;display:flex;align-items:center;width:100%!important;margin-left:auto;color:#fff}.cadaVendedor .btnIngresar .contNumero{background-color:#eee;width:20px;height:20px;color:#000;font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.userMobile{font-size:14px!important;font-style:italic!important}.cadaVendedor .btnIngresar a:hover{background-color:rgba(var(--seller-dashboard-primary-color),.85)}.cadaVendedor .btnIngresar a:active{background-color:rgba(var(--seller-dashboard-primary-color),.8)}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.border-bottom{border-bottom:1px solid #000!important}@media screen and (max-width:1200px){.btnGestionar{font-size:12px}}@media screen and (max-width:992px){.camposVendedores{justify-content:flex-end;margin-top:8px;margin-bottom:4px}}@media all and (max-width:768px){.ordenarVendedores{width:140px!important}.buscadorVendedores input{width:140px}.cadaVendedor .btnIngresar a{width:70px!important}}@media all and (max-width:576px){.tablaVendedores .nav-tabs .nav-link{font-size:13px;padding:6px!important}.btnGestionar{padding:6px 8px!important;font-size:13px;height:36px;display:flex;align-items:center;justify-content:center;margin-top:3px;margin-left:10px}.buscadorVendedores input,.ordenarVendedores{font-size:13px}}.fs-6{font-size:1rem!important}.cadaVendedor.activo{background-color:#eee}"]
         }),
-        __param$9(3, Inject('env'))
+        __param$a(3, Inject('env'))
     ], SellerDashboardContainerEcComponent);
     return SellerDashboardContainerEcComponent;
 }(ComponentHelper));
@@ -12219,7 +12576,7 @@ var __extends$D = (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;
@@ -12236,10 +12593,10 @@ var LoadingFullEcComponent = /** @class */ (function (_super) {
     LoadingFullEcComponent.prototype.ngOnInit = function () {
         this.ecOnInit();
     };
-    __decorate$1b([
+    __decorate$1c([
         Input()
     ], LoadingFullEcComponent.prototype, "hole_height", void 0);
-    LoadingFullEcComponent = __decorate$1b([
+    LoadingFullEcComponent = __decorate$1c([
         Component({
             selector: 'app-loading-full-ec',
             template: "<div [class]=\"'d-flex w-100  ' + (hole_height ? 'hole_height' : '')\">\n     <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\n          <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n               <span class=\"sr-only\">{{ 'loading' | translate }}</span>\n          </div>\n     </div>\n</div>",
@@ -12262,7 +12619,7 @@ var __extends$E = (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;
@@ -12278,7 +12635,7 @@ var LoadingInlineEcComponent = /** @class */ (function (_super) {
     LoadingInlineEcComponent.prototype.ngOnInit = function () {
         this.ecOnInit();
     };
-    LoadingInlineEcComponent = __decorate$1c([
+    LoadingInlineEcComponent = __decorate$1d([
         Component({
             selector: 'app-loading-inline-ec',
             template: "<div class=\"loading-inline-container\">\n    <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n        <span class=\"sr-only\">{{ 'loading' | translate }}</span>\n   </div>\n</div>",
@@ -12288,7 +12645,7 @@ var LoadingInlineEcComponent = /** @class */ (function (_super) {
     return LoadingInlineEcComponent;
 }(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;
@@ -12299,7 +12656,7 @@ var LoadingSectionEcComponent = /** @class */ (function () {
     }
     LoadingSectionEcComponent.prototype.ngOnInit = function () {
     };
-    LoadingSectionEcComponent = __decorate$1d([
+    LoadingSectionEcComponent = __decorate$1e([
         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\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\n",
@@ -12333,7 +12690,7 @@ var __assign$q = (this && this.__assign) || function () {
     };
     return __assign$q.apply(this, arguments);
 };
-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;
@@ -12676,19 +13033,19 @@ var MPCreditEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ToastService }
     ]; };
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], MPCreditEcComponent.prototype, "public_key", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], MPCreditEcComponent.prototype, "total_amount", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Output()
     ], MPCreditEcComponent.prototype, "ready", void 0);
-    __decorate$1e([
+    __decorate$1f([
         Input()
     ], MPCreditEcComponent.prototype, "user_data", void 0);
-    MPCreditEcComponent = __decorate$1e([
+    MPCreditEcComponent = __decorate$1f([
         Component({
             selector: '[app-mp-credit-ec]',
             template: "<h3 class=\"text-center\">Detalles del pago</h3>\n<div *ngIf=\"!consts.mobile()\">\n    <div class=\"card-wrapper m-3\"></div>\n</div>\n<form (submit)=\"getCardToken($event)\" method=\"post\" card container=\".card-wrapper\"\n    card-width=\"{{ consts.mobile() ? '100': '350' }}\">\n\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"emailForm\">Correo electronico</label>\n            <input class=\"form-control\" id=\"emailForm\" name=\"emailForm\" type=\"email\" [(ngModel)]=\"email\">\n        </div>\n        <div class=\"form-group col-12 col-md-2\">\n            <label for=\"docTypeForm\">Tipo Doc.</label>\n            <select class=\"form-control\" id=\"docTypeForm\" name=\"docTypeForm\" type=\"text\" [(ngModel)]=\"doc_type\">\n                <option selected value=\"DNI\">DNI</option>\n                <option value=\"CUIT\">CUIT</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docNumberForm\">N\u00FAmero Doc.</label>\n            <input class=\"form-control\" id=\"docNumberForm\" name=\"docNumberForm\" type=\"text\" [(ngModel)]=\"doc_number\" />\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12\">\n            <label for=\"cardholderNameForm\">Titular (como figura en la tarjeta)</label>\n            <input class=\"form-control\" id=\"cardholderNameForm\" data-checkout=\"cardholderName\" type=\"text\"\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" name=\"first-name\" autocomplete=\"off\"\n                card-name>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-7\">\n            <label for=\"cardNumberForm\">N\u00FAmero de la tarjeta</label>\n            <input class=\"form-control\" type=\"text\" id=\"cardNumberForm\" (change)=\"cardNumberChange($event)\"\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-number>\n        </div>\n        <div class=\"form-group col-12 col-md-3\">\n            <label for=\"securityCodeForm\">C\u00F3digo de seguridad</label>\n            <input class=\"form-control\" id=\"securityCodeForm\" type=\"text\" name=\"cvc\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-cvc [(ngModel)]=\"code\"\n                [ngModelOptions]=\"{standalone: true}\">\n        </div>\n        <div class=\"form-group col-12 col-md-2\">\n            <label for=\"expiryForm\">Expiraci\u00F3n</label>\n            <input type=\"text\" class=\"form-control\" id=\"expiryForm\" name=\"expiry\" placeholder=\"MM/YY\" maxlength=\"5\"\n                (keyup)=\"expiryOnKey($event)\" (change)=\"expiryChange($event)\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-expiry />\n        </div>\n    </div>\n    <div class=\"row justify-content-md-center\">\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n            <label for=\"issuerForm\">Banco emisor</label>\n            <select class=\"form-control\" id=\"issuerForm\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n                (change)=\"selectIssuer($event.target.value)\">\n                <option selected>Seleccione el banco</option>\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"installmentsForm\">Cuotas</label>\n            <select class=\"form-control\" type=\"text\" id=\"installmentsForm\" name=\"installments\"\n                (change)=\"selectInstallment($event.target.value)\">\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ getDescripcionCuota(cost) }}\n                </option>\n            </select>\n        </div>\n    </div>\n    <div hidden>\n        <input class=\"form-control\" name=\"transactionAmountt\" id=\"transactionAmountt\" [value]=\"total_amount\" />\n        <input class=\"form-control\" name=\"paymentMethodIdd\" id=\"paymentMethodIdd\" [value]=\"payment_method\" />\n        <input class=\"form-control\" name=\"descriptionn\" id=\"descriptionn\" />\n    </div>\n    <div class=\"row justify-content-md-center\">\n        <div class=\"col-md-auto\">\n            <div class=\"checkout-btn-unique\">\n                <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n            </div>\n        </div>\n    </div>\n\n</form>\n\n\n\n\n<form (submit)=\"getCardToken($event)\" hidden method=\"post\" id=\"paymentForm\">\n\n    <h3>Detalles del pago</h3>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"email\">Correo electronico</label>\n            <input class=\"form-control\" id=\"email\" name=\"email\" type=\"email\" [(ngModel)]=\"email\">\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docType\">Tipo de documento</label>\n            <select class=\"form-control\" id=\"docType\" name=\"docType\" data-checkout=\"docType\" type=\"text\"\n                [(ngModel)]=\"doc_type\">\n                <option selected value=\"DNI\">DNI</option>\n                <option value=\"CUIT\">CUIT</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docNumber\">N\u00FAmero de documento</label>\n            <input class=\"form-control\" id=\"docNumber\" name=\"docNumber\" data-checkout=\"docNumber\" type=\"text\"\n                [(ngModel)]=\"doc_number\" />\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"cardholderName\">Titular (como figura en la tarjeta)</label>\n            <input class=\"form-control\" id=\"cardholderName\" data-checkout=\"cardholderName\" type=\"text\"\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" autocomplete=\"off\">\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"date\">Fecha de vencimiento</label>\n            <div id=\"date\">\n                <div class=\"\">\n                    <input class=\"form-control col-xs-6 col-md-6 half-width\" type=\"text\" placeholder=\"MM\"\n                        [(ngModel)]=\"month\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationMonth\"\n                        data-checkout=\"cardExpirationMonth\" onselectstart=\"return false\" onpaste=\"return false\"\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                        autocomplete=\"off\">\n                    <input class=\"form-control col-xs-6 col-md-6 half-width ml-1\" type=\"text\" placeholder=\"YY\"\n                        [(ngModel)]=\"year\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationYear\"\n                        data-checkout=\"cardExpirationYear\" onselectstart=\"return false\" onpaste=\"return false\"\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                        autocomplete=\"off\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-9\">\n            <label for=\"cardNumber\">N\u00FAmero de la tarjeta</label>\n            <input class=\"form-control\" type=\"text\" id=\"cardNumber\" (change)=\"cardNumberChange($event)\"\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" data-checkout=\"cardNumber\"\n                onselectstart=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\">\n        </div>\n        <div class=\"form-group col-12 col-md-3\">\n            <label for=\"securityCode\">C\u00F3digo de seguridad</label>\n            <input class=\"form-control\" id=\"securityCode\" data-checkout=\"securityCode\" type=\"text\" [(ngModel)]=\"code\"\n                [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\" onpaste=\"return false\"\n                oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                autocomplete=\"off\">\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n            <label for=\"issuer\">Banco emisor</label>\n            <select class=\"form-control\" id=\"issuer\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n                (change)=\"selectIssuer($event.target.value)\">\n                <option selected>Seleccione el banco</option>\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"installments\">Cuotas</label>\n            <select class=\"form-control\" type=\"text\" id=\"installments\" name=\"installments\"\n                (change)=\"selectInstallment($event.target.value)\">\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ cost.name }}\n                </option>\n            </select>\n        </div>\n    </div>\n    <div hidden>\n        <input class=\"form-control\" name=\"transactionAmount\" id=\"transactionAmount\" [value]=\"total_amount\" />\n        <input class=\"form-control\" name=\"paymentMethodId\" id=\"paymentMethodId\" [value]=\"payment_method\" />\n        <input class=\"form-control\" name=\"description\" id=\"description\" />\n    </div>\n    <div class=\"checkout-btn-unique\">\n        <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n    </div>\n</form>",
@@ -12711,7 +13068,7 @@ var __extends$G = (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;
@@ -12757,59 +13114,59 @@ var PriceEcComponent = /** @class */ (function (_super) {
         { type: ProductsService },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "price", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "saleprice", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "priceWithoutTaxes", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "priceSize", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "classStrSpacing", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "basePrice", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "taxeAmount", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "taxes", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "showTaxLegendOnly", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "disableTaxInfo", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customPriceTemplate", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customSalePriceTemplate", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customSimplePriceTemplate", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customSimpleSalePriceTemplate", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customTaxTemplate", void 0);
-    __decorate$1f([
+    __decorate$1g([
         Input()
     ], PriceEcComponent.prototype, "customOnlyTaxLabelTemplate", void 0);
-    PriceEcComponent = __decorate$1f([
+    PriceEcComponent = __decorate$1g([
         Component({
             selector: 'app-price-ec',
-            template: "<!-- Si hay templates personalizados, se proyectan -->\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\n            <del class=\"tachado\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </div>\n\n    <ng-template #onlyprice>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePrice>\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimplePrice>\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePriceDel>\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\n        </div>\n    </ng-template>\n\n    <ng-template #simpleSalePrice>\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimpleSalePrice>\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ saleprice | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabelBlock>\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}</p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>",
-            styles: [".price-sm{font-size:13px}.price{font-size:18px}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style-type:none;padding-left:0;margin:0}.taxes-list li{margin-bottom:.05rem;font-size:.65rem;display:flex;justify-content:space-between}"]
+            template: "<!-- Si hay templates personalizados, se proyectan -->\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\n            <del class=\"tachado\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </div>\n\n    <ng-template #onlyprice>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePrice>\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimplePrice>\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePriceDel>\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\n        </div>\n    </ng-template>\n\n    <ng-template #simpleSalePrice>\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimpleSalePrice>\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ saleprice | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabelBlock>\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span>\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span></p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>",
+            styles: [".price-sm{font-size:13px}.price{font-size:18px}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style-type:none;padding-left:0;margin:0}.taxes-list li{margin-bottom:.05rem;font-size:.65rem;display:flex;justify-content:space-between}.nowrap-price{white-space:nowrap}"]
         })
     ], PriceEcComponent);
     return PriceEcComponent;
@@ -12828,7 +13185,7 @@ var __extends$H = (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;
@@ -12932,7 +13289,7 @@ var RedsysCatchEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: CheckoutService }
     ]; };
-    RedsysCatchEcComponent = __decorate$1g([
+    RedsysCatchEcComponent = __decorate$1h([
         Component({
             selector: 'app-redsys-catch-ec',
             template: "<div id=\"container\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\n            <br>\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -12955,13 +13312,13 @@ var __extends$I = (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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$a = (this && this.__param) || function (paramIndex, decorator) {
+var __param$b = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -13061,32 +13418,32 @@ var RedSysProEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysProEcComponent.prototype, "method", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysProEcComponent.prototype, "total_amount", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Output()
     ], RedSysProEcComponent.prototype, "ready", void 0);
-    __decorate$1h([
+    __decorate$1i([
         Input()
     ], RedSysProEcComponent.prototype, "user_data", void 0);
-    __decorate$1h([
+    __decorate$1i([
         ViewChild('formDobleAuthContainer')
     ], RedSysProEcComponent.prototype, "formDobleAuth", void 0);
-    __decorate$1h([
+    __decorate$1i([
         ViewChild('template')
     ], RedSysProEcComponent.prototype, "template", void 0);
-    RedSysProEcComponent = __decorate$1h([
+    RedSysProEcComponent = __decorate$1i([
         Component({
             selector: 'app-redsys-pro-ec',
             template: "<div class=\"text-center\">\n    <h3>Continuar con el pago</h3>\n    <button class=\"btn btn-outline-secondary rounded-0 comprar\" (click)=\"openModal(template)\">Pagar con tarjeta</button>\n</div>\n\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"clickClose()\">\n                <span aria-hidden=\"true\">&times;</span>\n            </button>\n        </div>\n    </div>\n\n    <div class=\"modal-body\">\n        <iframe  src=\"../../../assets/redsysProBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n    \n</ng-template>\n",
             providers: [BsModalService],
             styles: [".half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:800px;width:100%;max-height:800px}"]
         }),
-        __param$a(6, Inject(DOCUMENT))
+        __param$b(6, Inject(DOCUMENT))
     ], RedSysProEcComponent);
     return RedSysProEcComponent;
 }(ComponentHelper));
@@ -13104,7 +13461,7 @@ var __extends$J = (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;
@@ -13200,22 +13557,22 @@ var RedSysRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], RedSysRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], RedSysRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Output()
     ], RedSysRedirectEcComponent.prototype, "ready", void 0);
-    __decorate$1i([
+    __decorate$1j([
         Input()
     ], RedSysRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1i([
+    __decorate$1j([
         ViewChild('template')
     ], RedSysRedirectEcComponent.prototype, "template", void 0);
-    RedSysRedirectEcComponent = __decorate$1i([
+    RedSysRedirectEcComponent = __decorate$1j([
         Component({
             selector: 'app-redsys-redirect-ec',
             template: "<div class=\"text-center\">\n    <h3>Continuar con el pago</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar con tarjeta</button>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n    </div>\n    <div class=\"modal-body\">\n        <iframe src=\"../../../assets/redsysFrameRedirectBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n    \n</ng-template>",
@@ -13239,7 +13596,7 @@ var __extends$K = (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;
@@ -13340,22 +13697,22 @@ var CecaRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: BsModalService }
     ]; };
-    __decorate$1j([
+    __decorate$1k([
         Input()
     ], CecaRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1j([
+    __decorate$1k([
         Input()
     ], CecaRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1j([
+    __decorate$1k([
         Output()
     ], CecaRedirectEcComponent.prototype, "ready", void 0);
-    __decorate$1j([
+    __decorate$1k([
         Input()
     ], CecaRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1j([
+    __decorate$1k([
         ViewChild('template')
     ], CecaRedirectEcComponent.prototype, "template", void 0);
-    CecaRedirectEcComponent = __decorate$1j([
+    CecaRedirectEcComponent = __decorate$1k([
         Component({
             selector: 'app-ceca-redirect-ec',
             template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar con cecabank</button>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n    </div>\n    <div class=\"modal-body\">\n        <iframe src=\"../../../assets/cecaFrameRedirectBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n    \n</ng-template>",
@@ -13379,7 +13736,7 @@ var __extends$L = (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;
@@ -13551,10 +13908,10 @@ var OrdersEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1k([
+    __decorate$1l([
         Input()
     ], OrdersEcComponent.prototype, "showImage", void 0);
-    OrdersEcComponent = __decorate$1k([
+    OrdersEcComponent = __decorate$1l([
         Component({
             selector: 'app-orders-ec',
             template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <ng-container *ngIf=\"!hidePrices\">\n            <div *ngIf=\"orders && orders.length; else noOrders\">\n                <div class=\"row mb-1 border-bottom\">\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 \">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('methodState')\">\n                            {{ 'shipment-state' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                    </div>\n                </div>\n                <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                        <!-- <ng-container *ngIf=\"showImage\">\n                            <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                            </ng-container>\n                            <ng-template #defaultpicture>\n                                <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                                    [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                            </ng-template>\n                        </ng-container> -->\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\" *ngIf=\"order.payments && order.payments.length > 0\">\n                            {{ order.payments[0].state | translate | titlecase }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                            seguimiento</a>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold text-nowrap\" *ngIf=\"(showPrice !== null ? showPrice : true)\">\n                            {{ (order.totals.total) | ecCurrencySymbol }}\n                        </h5>\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                            'see-order' | translate }}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #noOrders>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -13577,7 +13934,7 @@ var __extends$M = (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;
@@ -13712,10 +14069,10 @@ var OrderEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1l([
+    __decorate$1m([
         Input()
     ], OrderEcComponent.prototype, "numberOrder", void 0);
-    OrderEcComponent = __decorate$1l([
+    OrderEcComponent = __decorate$1m([
         Component({
             selector: 'app-order-ec',
             template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\n\n                <div class=\"row justify-content-between \">\n                    <div class=\"col-sm-auto col-12 font-brandon\">\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                    </div>\n                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n                                class=\"btn btn-link btn-invoice\">\n                                <i class=\"fas fa-file-download me-1\"></i>\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                            </a>\n                        </div>\n                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n                    </a>\n                </div>\n\n                <section id=\"orders\">\n                    <div class=\"row pt-2\">\n                        <div class=\"col-md-2 col-12\">\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0]?.method?.name | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].method.name }}\n                            </p>\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                                seguimiento</a>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\n                            <p class=\"\">\n                                {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals'}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\n                        {{ 'repeat-order' | translate }}\n                    </button>\n                </div>\n\n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                            {{ 'product' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                            {{ 'description' | translate | uppercase }}\n                        </div>\n                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                            <!-- {{ 'description' | translate | uppercase }} -->\n                            {{ 'lots' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"item.product.picturesdefault\"\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\n                            </div>                            \n                            <div\n                                class=\"col-md-4 col-7 d-flex flex-column justify-content-center\">\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                </p>\n                                <p *ngIf=\"enableFieldNotesInArticleFile && item.comments\" class=\"comment-truncated fst-italic small text-muted mt-1\">\n                                    \"{{ item.comments }}\"\n                                </p>\n                            </div>\n                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\n                                <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                    [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                    aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                    value=\"{{ 'see' | translate | uppercase }}\">\n                            </div>\n                            <div class=\"container d-md-none\">\n                                <div class=\"row\">\n                                    <div class=\"col-4\">\n                                        <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                    </div>\n                                    <div class=\"col-4 font-xl\"\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                        <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                            ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                                    </div>\n                                    <div class=\"col-4 font-xl\"\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                        <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                            item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                <p class=\"text-center w-100 m-0\">\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                    item.product.variants[0].price) | ecCurrencySymbol:'alwaysShowDecimals'}}\n                                </p>\n                            </div>\n                            <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                <p class=\"text-end w-100 m-0\">\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                    item.product.variants[0].price) * item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                            </div>\n                            <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                <div class=\"card card-body\">\n                                    <table class=\"table table-striped\">\n                                        <thead>\n                                            <tr>\n                                                <th scope=\"col\">#</th>\n                                                <th scope=\"col\">Estado</th>\n                                                <th scope=\"col\">Cantidad</th>\n                                                <th scope=\"col\">Fecha Solicitada</th>\n                                                <th scope=\"col\">Fecha Estimada</th>\n                                                <th scope=\"col\">Sede</th>\n                                                <th scope=\"col\">Nota</th>\n                                                <th scope=\"col\">Total Lote</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\n                                                <tr>\n                                                    <th scope=\"row\">{{lot.id}}</th>\n                                                    <td>{{lot.lot_status}}</td>\n                                                    <td>{{lot.quantity}}</td>\n                                                    <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                    <ng-template #sinFechaEstimada>\n                                                        <td>Pendiente</td>\n                                                    </ng-template>\n                                                    <td>{{lot.shipping_address_name}}</td>\n                                                    <td>{{lot.notes}}</td>\n                                                    <td>{{lot.total_lot | ecCurrencySymbol:'alwaysShowDecimals'}}</td>\n                                                </tr>\n                                            </ng-container>\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <div class=\"row py-4\">\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                    translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.subtotal) | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                </div>\n\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                    translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol:'alwaysShowDecimals' }}\n\n                                </div>\n\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                    translate }}</div>\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\n\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\n\n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                <div class=\"col-6 font-brandon font-md text-end\">\n                                    {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -13738,7 +14095,7 @@ var __extends$N = (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;
@@ -13833,13 +14190,13 @@ var AuthEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$1m([
+    __decorate$1n([
         Input()
     ], AuthEcComponent.prototype, "complete", void 0);
-    __decorate$1m([
+    __decorate$1n([
         Input()
     ], AuthEcComponent.prototype, "redirect", void 0);
-    AuthEcComponent = __decorate$1m([
+    AuthEcComponent = __decorate$1n([
         Component({
             selector: 'app-auth-ec',
             template: "<!-- banners -->\n<div class=\"row\">\n     <div class=\"col-12 p-0\" id=\"banner-slider-home\">\n          <div id=\"banner-slider\" class=\"owl-carousel h-100 w-100\">\n               <div class=\"item\">\n                    <img src=\"assets/image/login.png\" class=\"w-100 d-none d-md-block\">\n                    <img src=\"assets/image/26912-05-mobile.png\" class=\"w-100 d-block d-md-none\">\n                    <div class=\"caption\">\n                         <h1 class=\"color-white\">Ingresar</h1>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>\n\n<div class=\"row\" id=\"contacto\">\n     <div class=\"col-12 py-md-5 py-0 px-0\">\n          <div class=\"container\" style=\"background-color: #F1F1F1;\">\n               <div class=\"row\">\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\n                         <app-login-form-ec></app-login-form-ec>\n                    </div>\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\n                         <app-register-form-ec></app-register-form-ec>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>",
@@ -13873,7 +14230,7 @@ var __assign$r = (this && this.__assign) || function () {
     };
     return __assign$r.apply(this, arguments);
 };
-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;
@@ -14116,19 +14473,19 @@ var RegisterFormEcComponent = /** @class */ (function (_super) {
         { type: ChannelConfigService },
         { type: Constants }
     ]; };
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], RegisterFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], RegisterFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Input()
     ], RegisterFormEcComponent.prototype, "complete", void 0);
-    __decorate$1n([
+    __decorate$1o([
         Output()
     ], RegisterFormEcComponent.prototype, "ready", void 0);
-    RegisterFormEcComponent = __decorate$1n([
+    RegisterFormEcComponent = __decorate$1o([
         Component({
             selector: 'app-register-form-ec',
             template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\n    <div class=\"py-2\">\n        <h5>CREAR CUENTA</h5>\n    </div>\n    <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">NOMBRE</label>\n            <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">APELLIDO</label>\n            <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\n            <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\n                placeholder=\"Correo electr\u00F3nico\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\n            <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\n                placeholder=\"Contrase\u00F1a\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\n            <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\n                placeholder=\"Repetir contrase\u00F1a\">\n        </div>\n\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\n            <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\n                id=\"Color2\">\n            <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\n                le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\n                condiciones</label>\n        </div>\n\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\n            <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\n            <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\n                Suscripci\u00F3n al Newsletter</label>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <button [disabled]=\"registerForm.invalid\" type=\"submit\"\n                    class=\"btn btn-dark bg-black btn-block px-5 py-2 rounded-0 h-fit\">CREAR</button>\n            </div>\n        </div>\n    </form>\n    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\n</div>",
@@ -14151,7 +14508,7 @@ var __extends$P = (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;
@@ -14228,25 +14585,25 @@ var LoginFormEcComponent = /** @class */ (function (_super) {
         { type: FormBuilder },
         { type: Router }
     ]; };
-    __decorate$1o([
+    __decorate$1p([
         Input()
     ], LoginFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1o([
+    __decorate$1p([
         Input()
     ], LoginFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1o([
+    __decorate$1p([
         Input()
     ], LoginFormEcComponent.prototype, "redirectTo", void 0);
-    __decorate$1o([
+    __decorate$1p([
         Input()
     ], LoginFormEcComponent.prototype, "complete", void 0);
-    __decorate$1o([
+    __decorate$1p([
         Input()
     ], LoginFormEcComponent.prototype, "title", void 0);
-    __decorate$1o([
+    __decorate$1p([
         Output()
     ], LoginFormEcComponent.prototype, "ready", void 0);
-    LoginFormEcComponent = __decorate$1o([
+    LoginFormEcComponent = __decorate$1p([
         Component({
             selector: 'app-login-form-ec',
             template: "<div class=\"d-flex flex-column position-relative\">\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>{{'get-into' | translate}}</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-4\">\n        {{'auth.login_prompt' | translate}}\n    </p>\n    <div class=\"w-md-50 w-100 text-center\">\n        <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\n            [placeholder]=\"'mail-enter' | translate\">\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\n                [placeholder]=\"'password' | translate\">\n            \n            <div class=\"row d-flex flex-column\">\n                <div class=\"col-12\">\n                    <button type=\"submit\"\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">{{'get-into2' | translate}}</button>\n                </div>\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\n                        {{'auth.forgot_password' | translate}}\n                    </a>\n                </div>\n            </div>\n    </form>\n    </div>\n    <div *ngIf=\"!loading; else loadingView\"></div>\n</div>\n<ng-template #loadingView>\n    <app-loading-section-ec></app-loading-section-ec>\n</ng-template>\n\n\n<select-channel-ec></select-channel-ec>",
@@ -14269,7 +14626,7 @@ var __extends$Q = (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;
@@ -14315,7 +14672,7 @@ var ForgotPasswordEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ToastService }
     ]; };
-    ForgotPasswordEcComponent = __decorate$1p([
+    ForgotPasswordEcComponent = __decorate$1q([
         Component({
             selector: 'app-forgot-password-ec',
             template: "<div class=\"container\" id=\"passReset\">\n\n    <div *ngIf=\"!ready; else readyView\">\n        <form (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 text-center\">\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\n                <div class=\"element-container\">\n                    <input type=\"email\" [(ngModel)]=\"email\" class=\"form-control\"\n                        [ngModelOptions]=\"{standalone: true}\" />\n                </div>\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\">{{ 'recover-password' | translate\n                    }}</button>\n\n                <div *ngIf=\"loading\">\n                    <app-loading-inline-ec></app-loading-inline-ec>\n                </div>\n            </div>\n        </form>\n    </div>\n</div>\n\n<ng-template #readyView>\n    <div class=\"row\">\n        <div class=\"col-12 col-md-8\">\n            <div class=\"element-container text-center\">\n                <h3>{{ 'mail-sent' | translate }}</h3>\n            </div>\n            <div class=\"element-container text-center\">\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\n            </div>\n        </div>\n    </div>\n</ng-template>",
@@ -14338,7 +14695,7 @@ var __extends$R = (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;
@@ -14370,7 +14727,7 @@ var ConfirmAccountEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ActivatedRoute }
     ]; };
-    ConfirmAccountEcComponent = __decorate$1q([
+    ConfirmAccountEcComponent = __decorate$1r([
         Component({
             selector: 'app-confirm-account-ec',
             template: "<div class=\"mt-5 mb-5\">\n     <div class=\"row\">\n          <div class=\"col-md-12 col-12 text-center\">\n               <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\n                    {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n          </div>\n     </div>\n     \n     \n     <div class=\"row\">\n          <div class=\"col-md-12 col-12 text-center\">\n               <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n               <br>\n               <a routerLink=\"/auth/login\">\n                    <button class=\"btn bg-golden color-white radius-0\" type=\"button\">{{ 'login' | translate |\n                         uppercase }}</button>\n               </a>\n               <br>\n               <br>\n          </div>\n     </div>\n</div>",
@@ -14393,7 +14750,7 @@ var __extends$S = (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;
@@ -14482,7 +14839,7 @@ var PasswordResetEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: FormBuilder }
     ]; };
-    PasswordResetEcComponent = __decorate$1r([
+    PasswordResetEcComponent = __decorate$1s([
         Component({
             selector: 'app-password-reset-ec',
             template: "<div class=\"container\">\n    <div class=\"row justify-content-center mt-5\">\n        <div class=\"col-12 col-md-6 col-lg-4\">\n            <div *ngIf=\"!ready; else readyView\">\n                <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\n                    <div class=\"mb-4 text-center\">\n                        <h3>{{ 'set-new-password' | translate }}</h3>\n                    </div>\n                    <div class=\"mb-3\">\n                        <label class=\"form-label\">{{ 'set-password' | translate }}</label>\n                        <div class=\"input-group\">\n                            <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\n                                (click)=\"showPassword()\">\n                                <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\n                                <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"mb-3\">\n                        <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\n                        <div class=\"input-group\">\n                            <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\n                                (click)=\"showPassword2()\">\n                                <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\n                                <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"mt-4 text-center\">\n                        <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\n                    </div>\n                    <div *ngIf=\"loading\" class=\"mt-3\">\n                        <app-loading-inline-ec></app-loading-inline-ec>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #readyView>\n    <div class=\"row justify-content-center mt-5 mb-5\">\n        <div class=\"text-center\">\n            <div class=\"mb-4\">\n                <h3>{{ 'updated-password' | translate }}</h3>\n            </div>\n            <div class=\"mb-4\">\n                <h5>{{ 'updated-password-detail' | translate }}</h5>\n            </div>\n            <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\n        </div>\n    </div>\n</ng-template>",
@@ -14516,7 +14873,7 @@ var __assign$s = (this && this.__assign) || function () {
     };
     return __assign$s.apply(this, arguments);
 };
-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;
@@ -14655,19 +15012,19 @@ var RegisterWholesalerFormEcComponent = /** @class */ (function (_super) {
         { type: ParametersService },
         { type: FormBuilder }
     ]; };
-    __decorate$1s([
+    __decorate$1t([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "darkMode", void 0);
-    __decorate$1s([
+    __decorate$1t([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "redirect", void 0);
-    __decorate$1s([
+    __decorate$1t([
         Input()
     ], RegisterWholesalerFormEcComponent.prototype, "complete", void 0);
-    __decorate$1s([
+    __decorate$1t([
         Output()
     ], RegisterWholesalerFormEcComponent.prototype, "ready", void 0);
-    RegisterWholesalerFormEcComponent = __decorate$1s([
+    RegisterWholesalerFormEcComponent = __decorate$1t([
         Component({
             selector: 'app-register-wholesaler-form-ec',
             template: "\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"\">\n                <div class=\"pt-5 pb-3 border-bottom\">\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA MAYORISTA</h3>\n                </div>\n                <div class=\" py-3\">\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en Vi\u00F1als registrate ingresando estos\n                        datos:</p>\n                </div>\n                <form [formGroup]=\"registerForm\" (submit)=\"register($event)\" class=\"position-relative\">\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\n                                    formControlName=\"firstName\"\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'\">\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Apellidos</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required\n                                    name=\"lastName\" formControlName=\"lastName\"\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'\">\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Email</label>\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required\n                                    name=\"email\" formControlName=\"email\"\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'\">\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Contrase\u00F1a</label>\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required\n                                    name=\"plainPassword\" formControlName=\"plainPassword\"\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'\">\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(countries$ | async) as countries\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'country'|translate}}</label>\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required\n                                    (change)=\"onCountrySelected($event.target.value)\"\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'\">\n                                    <option value=\"null\" id=\"selectOpPais\">Seleccione un pais</option>\n                                    <option *ngFor=\"let country of countries\" [value]=\"country.code\"> {{ country.name }}</option>\n                                </select>\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(provinces$ | async) as provinces\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'state'|translate}}</label>\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required\n                                    (change)=\"onProvincesSelected($event.target.value)\"\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'\">\n                                    <option value=\"null\" id=\"selectOpProvincia\">Seleccione una provincia</option>\n                                    <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}</option>\n                                </select>\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'address'|translate}}</label>\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\n                                    formControlName=\"street\"\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'\">\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'town-city'|translate}}</label>\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\n                                    formControlName=\"city\"\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'\">\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'postal-code'|translate}}</label>\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\n                                    formControlName=\"postcode\"\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'\">\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n            \n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required\n                                    name=\"companyName\" formControlName=\"companyName\"\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'\">\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'phone'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required\n                                    name=\"phoneNumber\" formControlName=\"phoneNumber\"\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'\">\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Sexo</label>\n                                <select (change)=\"onGenderSelected($event.target.value)\" required name=\"gender\"\n                                    formControlName=\"gender\"\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'\">\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\n                                    <option value=\"u\">Desconocido</option>\n                                    <option value=\"s\">Femenino</option>\n                                    <option value=\"m\">Masculino</option>\n                                </select>\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Fecha creacion</label>\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required\n                                    name=\"birthday\" formControlName=\"birthday\"\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'\">\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Identificacion</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required\n                                    name=\"taxIdentification\" formControlName=\"taxIdentification\"\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'\">\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n            \n            \n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 order-1 order-md-2\">\n                            <!-- <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck1\" #terms=\"ngModel\"\n                                    name=\"terms\" [(ngModel)]=\"registroUsuario.terms\" type=\"checkbox\" required\n                                    [class]=\"terms.touched ? (terms.valid && terms.touched && registroUsuario.terms != false) ?  'form-check-input is-valid' :  'form-check-input is-invalid' : 'form-check-input '\" />\n                                <label class=\"form-check-label\" for=\"defaultCheck1\">\n                                    He leido y acepto las <a routerLink=\"/section/politicas-privacidad\" class=\"text\">pol\u00EDticas de\n                                        privacidad</a>\n                                    y los <a routerLink=\"/section/terminos-y-condiciones\" class=\"text\">t\u00E9rminos y condiciones</a>\n                                </label>\n                                <span class=\"invalid-feedback\">Debe aceptar los t\u00E9rminos y condiciones para continuar.</span>\n                            </div> -->\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\" type=\"checkbox\">\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\n                                    Suscripci\u00F3n al newsletter\n                                </label>\n                            </div>\n                        </div>\n            \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\">\n                            <button *ngIf=\"!register_loading\" type=\"submit\" role=\"button\"\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>\n                        </div>\n            \n                    </div>\n                    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -14690,7 +15047,7 @@ var __extends$U = (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;
@@ -14824,10 +15181,10 @@ var ShareBlockEcComponent = /** @class */ (function (_super) {
         { type: Meta },
         { type: Title }
     ]; };
-    __decorate$1t([
+    __decorate$1u([
         Input()
     ], ShareBlockEcComponent.prototype, "product", void 0);
-    ShareBlockEcComponent = __decorate$1t([
+    ShareBlockEcComponent = __decorate$1u([
         Component({
             selector: 'app-share-block-ec',
             template: "<div class=\"w-100 d-flex justify-content-around\">\n    <ng-container *ngIf=\"params && params.length > 0; else default\">\n        <a *ngIf=\"hasParams(params, 'facebook')\" target=\"_blank\" [href]=\"toShareFacebook()\"\n            class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\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\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'twitter')\" target=\"_blank\" \n            [href]=\"toShareTwitter()\"\n            class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\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\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'pinterest')\" target=\"_blank\"\n            [href]=\"toSharePinterest()\"\n            class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\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\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'whatsapp') as wsp\" target=\"_blank\" [href]=\"toShareWhatsapp(wsp)\" class=\"social-sharing__link\" title=\"Whatsapp\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-whatsapp\"\n                viewBox=\"0 0 16 16\">\n                <path\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\" />\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'email') as email\" target=\"_blank\" [href]=\"toShareEmail(email)\" class=\"social-sharing__link\"\n            title=\"Email\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-envelope-fill\"\n                viewBox=\"0 0 16 16\">\n                <path\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\" />\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\n        </a>\n    </ng-container>\n</div>\n\n<!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\n<ng-template #default>\n    <a target=\"_blank\" [href]=\"toShareFacebook()\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\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\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n    </a>\n    <a target=\"_blank\" [href]=\"toShareTwitter()\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\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\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n    </a>\n    <a target=\"_blank\" [href]=\"toSharePinterest()\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\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\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n    </a>\n</ng-template>\n<!-- FIN -->",
@@ -14850,7 +15207,7 @@ var __extends$V = (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;
@@ -14946,10 +15303,10 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ChannelConfigService }
     ]; };
-    __decorate$1u([
+    __decorate$1v([
         Input()
     ], DetailCheckoutBlockEcComponent.prototype, "asociatedData", void 0);
-    DetailCheckoutBlockEcComponent = __decorate$1u([
+    DetailCheckoutBlockEcComponent = __decorate$1v([
         Component({
             selector: 'app-detail-checkout-block-ec',
             template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"shouldShowItem(item.type) && !shouldHideSubtotal(item)\">\n            <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item)\"></i>\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">\n                    {{ getTypeLabel(item.type) | translate }}\n                </strong>\n                <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                    ecCurrencySymbol:'alwaysShowDecimals') : ('free' | translate) }}</span>\n            </div>\n        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideTaxes && this.clientTaxes != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('clienTaxe')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ 'clientTaxes' | translate }}</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.clientTaxes | ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n    </ng-container>\n</div>",
@@ -14972,7 +15329,7 @@ var __extends$W = (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;
@@ -15031,13 +15388,13 @@ var CheckoutErrorComponent = /** @class */ (function (_super) {
         { type: BsModalService },
         { type: Router }
     ]; };
-    __decorate$1v([
+    __decorate$1w([
         ViewChild('template')
     ], CheckoutErrorComponent.prototype, "template", void 0);
-    __decorate$1v([
+    __decorate$1w([
         Input()
     ], CheckoutErrorComponent.prototype, "urlRedireccion", void 0);
-    CheckoutErrorComponent = __decorate$1v([
+    CheckoutErrorComponent = __decorate$1w([
         Component({
             selector: 'ec-checkout-error',
             template: "<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <h4 class=\"modal-title pull-left\">{{ 'error-during-checkout' | translate }}</h4>\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n                <span aria-hidden=\"true\">&times;</span>\n            </button>\n        </div>\n        <div class=\"modal-body p-5\">\n            {{ error.message }}\n        </div>\n        <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-default\" (click)=\"bsModalRef.hide()\">Continuar</button>\n        </div>\n    </div>\n</ng-template>\n\n",
@@ -15061,7 +15418,7 @@ var __extends$X = (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;
@@ -15188,22 +15545,22 @@ var MpRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], MpRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], MpRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], MpRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Input()
     ], MpRedirectEcComponent.prototype, "allData", void 0);
-    __decorate$1w([
+    __decorate$1x([
         Output()
     ], MpRedirectEcComponent.prototype, "ready", void 0);
-    MpRedirectEcComponent = __decorate$1w([
+    MpRedirectEcComponent = __decorate$1x([
         Component({
             selector: 'app-mp-redirect-ec',
             template: "<div class=\"text-center\">\n    <ng-container *ngIf=\"url;else loadingUrl\">\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por mercado pago</h3>\n        <h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n            <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n            <label for=\"\">o</label>\n            </div>\n            <div class=\"col-5\">\n            <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>\n",
@@ -15226,7 +15583,7 @@ var __extends$Y = (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;
@@ -15338,25 +15695,25 @@ var RedSysRedirectOutEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "method", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "total_amount", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "user_data", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Input()
     ], RedSysRedirectOutEcComponent.prototype, "allData", void 0);
-    __decorate$1x([
+    __decorate$1y([
         Output()
     ], RedSysRedirectOutEcComponent.prototype, "ready", void 0);
-    RedSysRedirectOutEcComponent = __decorate$1x([
+    RedSysRedirectOutEcComponent = __decorate$1y([
         Component({
             selector: 'app-redsys-redirect-out-ec',
             template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"url;else loadingUrl\">\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Redsys</h3>\n        <h5>Recuerde hacer click en \"Continuar\" desde Redsys para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n            <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n            <label for=\"\">o</label>\n            </div>\n            <div class=\"col-5\">\n            <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -15379,7 +15736,7 @@ var __extends$Z = (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;
@@ -15559,25 +15916,25 @@ var PaypalExpressEcComponent = /** @class */ (function (_super) {
         { type: ToastService },
         { type: ActivatedRoute }
     ]; };
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], PaypalExpressEcComponent.prototype, "method", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], PaypalExpressEcComponent.prototype, "total_amount", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Output()
     ], PaypalExpressEcComponent.prototype, "ready", void 0);
-    __decorate$1y([
+    __decorate$1z([
         Input()
     ], PaypalExpressEcComponent.prototype, "user_data", void 0);
-    __decorate$1y([
+    __decorate$1z([
         ViewChild('template')
     ], PaypalExpressEcComponent.prototype, "template", void 0);
-    __decorate$1y([
+    __decorate$1z([
         ViewChild('paypal', { static: true })
     ], PaypalExpressEcComponent.prototype, "paypalElement", void 0);
-    PaypalExpressEcComponent = __decorate$1y([
+    PaypalExpressEcComponent = __decorate$1z([
         Component({
             selector: 'app-paypal-express-ec',
             template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading;else loadingTemp\">\n    </ng-container>\n    <div #paypal> </div>\n</div>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -15600,7 +15957,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;
@@ -15712,28 +16069,28 @@ var MobbexEcComponent = /** @class */ (function (_super) {
         { type: DomSanitizer },
         { type: BsModalService }
     ]; };
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], MobbexEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], MobbexEcComponent.prototype, "method", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], MobbexEcComponent.prototype, "total_amount", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], MobbexEcComponent.prototype, "allData", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Input()
     ], MobbexEcComponent.prototype, "user_data", void 0);
-    __decorate$1z([
+    __decorate$1A([
         Output()
     ], MobbexEcComponent.prototype, "ready", void 0);
-    __decorate$1z([
+    __decorate$1A([
         ViewChild('template')
     ], MobbexEcComponent.prototype, "template", void 0);
-    MobbexEcComponent = __decorate$1z([
+    MobbexEcComponent = __decorate$1A([
         Component({
             selector: 'app-mobbex-ec',
             template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Mobbex</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n    </div>\n    <div class=\"modal-body\">\n        <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -15757,7 +16114,7 @@ var __extends$$ = (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;
@@ -15872,28 +16229,28 @@ var BancardEcComponent = /** @class */ (function (_super) {
         { type: DomSanitizer },
         { type: BsModalService }
     ]; };
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardEcComponent.prototype, "method", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardEcComponent.prototype, "total_amount", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardEcComponent.prototype, "allData", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Input()
     ], BancardEcComponent.prototype, "user_data", void 0);
-    __decorate$1A([
+    __decorate$1B([
         Output()
     ], BancardEcComponent.prototype, "ready", void 0);
-    __decorate$1A([
+    __decorate$1B([
         ViewChild('template')
     ], BancardEcComponent.prototype, "template", void 0);
-    BancardEcComponent = __decorate$1A([
+    BancardEcComponent = __decorate$1B([
         Component({
             selector: 'app-bancard-ec',
             template: "<div class=\"h-100 text-center\">\n    <h4>Continuar con el pago con Bancard</h4>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button *ngIf=\"url\" class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n        <p *ngIf=\"!url\" class=\"px-5\">Actualmente no se encuentra disponible el m\u00E9todo de pago</p>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header border-none justify-content-end px-1\">\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\n                X \n            </button>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <iframe src=\"assets/bancardFrameBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -15917,7 +16274,7 @@ var __extends$10 = (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;
@@ -16027,25 +16384,25 @@ var BancardRedirectEcComponent = /** @class */ (function (_super) {
         { type: ActivatedRoute },
         { type: DomSanitizer }
     ]; };
-    __decorate$1B([
+    __decorate$1C([
         Input()
     ], BancardRedirectEcComponent.prototype, "method", void 0);
-    __decorate$1B([
+    __decorate$1C([
         Input()
     ], BancardRedirectEcComponent.prototype, "total_amount", void 0);
-    __decorate$1B([
+    __decorate$1C([
         Input()
     ], BancardRedirectEcComponent.prototype, "user_data", void 0);
-    __decorate$1B([
+    __decorate$1C([
         Input()
     ], BancardRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1B([
+    __decorate$1C([
         Input()
     ], BancardRedirectEcComponent.prototype, "allData", void 0);
-    __decorate$1B([
+    __decorate$1C([
         Output()
     ], BancardRedirectEcComponent.prototype, "ready", void 0);
-    BancardRedirectEcComponent = __decorate$1B([
+    BancardRedirectEcComponent = __decorate$1C([
         Component({
             selector: 'app-bancard-redirect-ec',
             template: "<div class=\"text-center\">\n    <h4>Continuar con el pago con Bancard</h4>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"url;else loadingUrl\">\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary comprar\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Bancard</h3>\n        <h5>Recuerde hacer click en \"Finalizar\" desde Bancard para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n            <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n            <label for=\"\">o</label>\n            </div>\n            <div class=\"col-5\">\n            <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -16079,7 +16436,7 @@ var __assign$t = (this && this.__assign) || function () {
     };
     return __assign$t.apply(this, arguments);
 };
-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;
@@ -16144,10 +16501,10 @@ var SelectChannelEcComponent = /** @class */ (function (_super) {
         { type: BsModalService },
         { type: Router }
     ]; };
-    __decorate$1C([
+    __decorate$1D([
         ViewChild('template')
     ], SelectChannelEcComponent.prototype, "template", void 0);
-    SelectChannelEcComponent = __decorate$1C([
+    SelectChannelEcComponent = __decorate$1D([
         Component({
             selector: 'select-channel-ec',
             template: "<ng-template #template>\n    <div class=\"modal-content\" id=\"modalChanel\">\n        <div class=\"modal-header\">\n            <h5 class=\"modal-title w-100 text-center text-uppercase\">{{ 'select-channel' | translate }}</h5>\n        </div>\n        <div class=\"modal-body px-4\">\n            <div class=\"card p-3 my-2 bg-light\" *ngFor=\"let item of channels; let i = index\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelect(item)\">\n                    <h5 class=\"form-check-label\" role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\n                </div>\n            </div>\n\n            <!-- <div class=\"row\" *ngFor=\"let item of channels; let i = index\">\n                <div class=\"col-1\">\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\"\n                        (click)=\"setSelect(item)\">\n                </div>\n                <div class=\"col-11\">\n                    <h5 role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\n                </div>\n            </div> -->\n        </div>\n        <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-primary px-3 py-2\" (click)=\"setChannel()\">{{ 'continue' | translate }}</button>\n        </div>\n    </div>\n</ng-template>",
@@ -16171,7 +16528,7 @@ var __extends$12 = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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;
@@ -16224,7 +16581,7 @@ var CartLoadEcComponent = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: CartService }
     ]; };
-    CartLoadEcComponent = __decorate$1D([
+    CartLoadEcComponent = __decorate$1E([
         Component({
             selector: 'app-cart-load-ec',
             template: "<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ 'retrieve-cart' | translate | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center mt-2\">\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -16234,7 +16591,7 @@ var CartLoadEcComponent = /** @class */ (function (_super) {
     return CartLoadEcComponent;
 }(ComponentHelper));
 
-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;
@@ -16382,28 +16739,28 @@ var MagnizoomComponent = /** @class */ (function () {
         event.preventDefault();
         event.stopPropagation();
     };
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "ImageSrc", null);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "zoomMode", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "imageStyle", void 0);
-    __decorate$1E([
+    __decorate$1F([
         Input()
     ], MagnizoomComponent.prototype, "imageClass", void 0);
-    __decorate$1E([
+    __decorate$1F([
         ViewChild('mainCanvas', { static: true })
     ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-    MagnizoomComponent = __decorate$1E([
+    MagnizoomComponent = __decorate$1F([
         Component({
             selector: '[app-magnizoom-ec]',
             template: "<canvas #mainCanvas\n  class=\"main-canvas\"\n  [ngClass]=\"imageClass\"\n  [ngStyle]=\"imageStyle\"\n  [width]=\"canvasWidth\"\n  [height]=\"canvasHeight\"\n  (mouseleave)=\"onMouseLeave($event)\"\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\n  (mousemove)=\"onMouseEnterOrMove($event)\"\n  (wheel)=\"onMouseScroll($event)\">\n</canvas>\n",
@@ -16426,7 +16783,7 @@ var __extends$13 = (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;
@@ -16490,19 +16847,19 @@ var MultipleItemsToCartEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ToastService }
     ]; };
-    __decorate$1F([
+    __decorate$1G([
         Input()
     ], MultipleItemsToCartEcComponent.prototype, "product", void 0);
-    __decorate$1F([
+    __decorate$1G([
         Input()
     ], MultipleItemsToCartEcComponent.prototype, "objectWithVariant", void 0);
-    __decorate$1F([
+    __decorate$1G([
         Output()
     ], MultipleItemsToCartEcComponent.prototype, "totalCostItems", void 0);
-    __decorate$1F([
+    __decorate$1G([
         Output()
     ], MultipleItemsToCartEcComponent.prototype, "totalItems", void 0);
-    MultipleItemsToCartEcComponent = __decorate$1F([
+    MultipleItemsToCartEcComponent = __decorate$1G([
         Component({
             selector: 'app-multiple-items-to-cart-ec',
             template: "<table class=\"table table-hover tablas tabla-curva\">\n    <thead>\n        <tr>\n            <th scope=\"col\">Curva</th>\n            <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{item.currentOption?.code}}</th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngIf=\"allWithoutTracking()\">\n            <tr>\n                <td>Stock</td>\n                <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{(item.currentOption?.stock == 9999)? 'N/A' : item.currentOption?.stock }}</th>\n            </tr>\n        </ng-container>\n        <tr>\n            <td></td>\n            <td *ngFor=\"let item of optionsProductForVariant()\">\n                <div class=\"text-center\">\n                    <input class=\"form-control form-control-sm in-curva\"\n                        (keypress)=\"consts.inputValidationByExpressions($event,'[0-9]{1,9}', condition(inputValue.value,item) )\" #inputValue \n                        (keyup)=\"setQuantity(inputValue.value,item)\" [max]=\"item.currentOption?.stock\"  min=\"0\" type=\"text\"\n                        [value]=\"item?.productToCartItem?.quantity || 0\" id=\"\">\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n<ng-template #loading>\n     <div class=\"col-12 align-items-center\">\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n               <app-loading-full-ec></app-loading-full-ec>\n          </div>\n     </div>\n</ng-template>",
@@ -16512,7 +16869,7 @@ var MultipleItemsToCartEcComponent = /** @class */ (function (_super) {
     return MultipleItemsToCartEcComponent;
 }(ComponentHelper));
 
-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;
@@ -16625,7 +16982,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$1G([
+    CaptchaService$1 = __decorate$1H([
         Injectable({
             providedIn: 'root'
         })
@@ -16633,7 +16990,7 @@ var CaptchaService = /** @class */ (function () {
     return CaptchaService$1;
 }());
 
-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;
@@ -16667,13 +17024,13 @@ var RecaptchaEcComponent = /** @class */ (function () {
     RecaptchaEcComponent.ctorParameters = function () { return [
         { type: CaptchaService }
     ]; };
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], RecaptchaEcComponent.prototype, "form", void 0);
-    __decorate$1H([
+    __decorate$1I([
         Input()
     ], RecaptchaEcComponent.prototype, "siteKey", void 0);
-    RecaptchaEcComponent = __decorate$1H([
+    RecaptchaEcComponent = __decorate$1I([
         Component({
             selector: 're-captcha-ec',
             template: "<ng-container *ngIf=\"captcha.siteKey; else loading\">\n    <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\" [formControl]=\"form.controls['captcha']\">\n    </re-captcha>\n</ng-container>\n<ng-template #loading>\n      <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
@@ -16696,7 +17053,7 @@ var __extends$14 = (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;
@@ -16831,28 +17188,28 @@ var DecidirEcComponent = /** @class */ (function (_super) {
         { type: ParametersService },
         { type: CheckoutService }
     ]; };
-    __decorate$1I([
+    __decorate$1J([
         Input()
     ], DecidirEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1I([
+    __decorate$1J([
         Input()
     ], DecidirEcComponent.prototype, "method", void 0);
-    __decorate$1I([
+    __decorate$1J([
         Input()
     ], DecidirEcComponent.prototype, "total_amount", void 0);
-    __decorate$1I([
+    __decorate$1J([
         Input()
     ], DecidirEcComponent.prototype, "allData", void 0);
-    __decorate$1I([
+    __decorate$1J([
         Input()
     ], DecidirEcComponent.prototype, "user_data", void 0);
-    __decorate$1I([
+    __decorate$1J([
         Output()
     ], DecidirEcComponent.prototype, "ready", void 0);
-    __decorate$1I([
+    __decorate$1J([
         ViewChild('template')
     ], DecidirEcComponent.prototype, "template", void 0);
-    DecidirEcComponent = __decorate$1I([
+    DecidirEcComponent = __decorate$1J([
         Component({
             selector: 'app-decidir-ec',
             template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Decidir</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header border-none justify-content-end px-1\">\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\n                X \n            </button>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <iframe #iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n",
@@ -16863,7 +17220,7 @@ var DecidirEcComponent = /** @class */ (function (_super) {
     return DecidirEcComponent;
 }(ComponentHelper));
 
-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;
@@ -17010,7 +17367,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$1J([
+    ConcatenatedAssociationsService$1 = __decorate$1K([
         Injectable({
             providedIn: 'root'
         })
@@ -17031,7 +17388,7 @@ var __extends$15 = (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;
@@ -17324,7 +17681,7 @@ var BuildYourEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: Router }
     ]; };
-    BuildYourEcComponent = __decorate$1K([
+    BuildYourEcComponent = __decorate$1L([
         Component({
             selector: 'app-build-your-ec',
             template: "<p>\n  build-your-ec works!\n</p>\n",
@@ -17358,7 +17715,7 @@ var __assign$u = (this && this.__assign) || function () {
     };
     return __assign$u.apply(this, arguments);
 };
-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;
@@ -17420,10 +17777,10 @@ var ProductFoundEcComponent = /** @class */ (function (_super) {
         { type: Router },
         { type: ToastService }
     ]; };
-    __decorate$1L([
+    __decorate$1M([
         Input()
     ], ProductFoundEcComponent.prototype, "product", void 0);
-    ProductFoundEcComponent = __decorate$1L([
+    ProductFoundEcComponent = __decorate$1M([
         Component({
             selector: 'app-product-found-ec',
             template: "<p>\n  product-found works!\n</p>\n",
@@ -17447,7 +17804,7 @@ var __extends$17 = (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;
@@ -17611,22 +17968,22 @@ var ComparedProductsEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: Router }
     ]; };
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], ComparedProductsEcComponent.prototype, "product_id", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], ComparedProductsEcComponent.prototype, "classes", void 0);
-    __decorate$1M([
+    __decorate$1N([
         Input()
     ], ComparedProductsEcComponent.prototype, "setSize", null);
-    __decorate$1M([
+    __decorate$1N([
         Output()
     ], ComparedProductsEcComponent.prototype, "error", void 0);
-    ComparedProductsEcComponent = __decorate$1M([
+    ComparedProductsEcComponent = __decorate$1N([
         Component({
             selector: 'app-compared-products-ec',
             template: "<ng-container *ngIf=\"!loading; else loadingView\">\n    <ng-container *ngIf=\"comparedProducts && comparedProducts.length\">\n        <div [class]=\"'table-responsive'+size\">\n            <table id=\"table\" [class]=\"'table '+classes\">\n                <thead id=\"thead\">\n                    <tr class=\"thead-tr\">\n                        <th class=\"thead-tr-th\" scope=\"col\"></th>\n                        <th class=\"thead-tr-th\" *ngFor=\"let product of comparedProducts\" scope=\"col\">{{product.id}}</th>\n                    </tr>\n                </thead>\n                <tbody id=\"tbody\">\n                    <tr *ngFor=\"let row of matrixComparedProducts | keyvalue\" class=\"tbody-tr\">\n                        <th class=\"tbody-tr-th\" scope=\"row\">{{attributes[row.key].name}}</th>\n                        <td class=\"tbody-tr-td\" *ngFor=\"let col of row.value\">\n                            <ul>\n                                <li *ngFor=\"let item of col.values\">\n                                    {{ item.name }}\n                                </li>\n                            </ul>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </ng-container>\n</ng-container>\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -17649,7 +18006,7 @@ var __extends$18 = (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;
@@ -17672,25 +18029,25 @@ var StepEcComponent = /** @class */ (function (_super) {
         { type: CheckoutService },
         { type: AnalyticsService }
     ]; };
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "lastStep", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "previousStep", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "step_id", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "nextStep", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "goBack", void 0);
-    __decorate$1N([
+    __decorate$1O([
         Input()
     ], StepEcComponent.prototype, "id_step", void 0);
-    StepEcComponent = __decorate$1N([
+    StepEcComponent = __decorate$1O([
         Component({
             selector: 'app-step-ec',
             template: "<ng-container [ngSwitch]=\"step_id\">\n\n    <ng-container *ngSwitchCase=\"1\">\n        <app-dataform-ec [step_id]=\"id_step\" [isLastOne]=\"lastStep\" [nextStep]=\"nextStep\">\n        </app-dataform-ec>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"2\">\n        <ng-container *ngIf=\"isStepReady('address')\">\n            <app-shipment-ec [step_id]=\"id_step\">\n            </app-shipment-ec>\n            <div class=\"checkout-btn-container mt-2\">\n                <button class=\"btn valid-btn\" (click)=\"goBack()\">{{'back'|translate}}</button>\n                <ng-container *ngIf=\"(checkoutService.order$ | async) as order\">\n                    <button  *ngIf=\"isStepReady('shipment')\" (click)=\"nextStep()\"\n                        class=\"btn valid-btn float-end\" (click)=\"metodoEnvio(order)\">{{ (lastStep ? 'finish-checkout' : 'ready-form') |translate}}\n                    </button>\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"3\">\n        <ng-container *ngIf=\"isStepReady(previousStep)\">\n            <app-payment-ec [step_id]=\"id_step\">\n            </app-payment-ec>\n            <div class=\"checkout-btn-container mt-2\">\n                <button class=\"btn valid-btn\"\n                    (click)=\"goBack()\">{{'back'|translate}}</button>\n            </div>\n        </ng-container>\n    </ng-container>\n\n</ng-container>\n",
@@ -17700,7 +18057,7 @@ var StepEcComponent = /** @class */ (function (_super) {
     return StepEcComponent;
 }(ComponentHelper));
 
-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;
@@ -17821,25 +18178,25 @@ var CulqiEcComponent = /** @class */ (function () {
         { type: ConnectionService },
         { type: ParametersService }
     ]; };
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], CulqiEcComponent.prototype, "amount", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], CulqiEcComponent.prototype, "apiKey", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], CulqiEcComponent.prototype, "method", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Input()
     ], CulqiEcComponent.prototype, "customStyle", void 0);
-    __decorate$1O([
+    __decorate$1P([
         Output()
     ], CulqiEcComponent.prototype, "ready", void 0);
-    __decorate$1O([
+    __decorate$1P([
         ViewChild('formContainer')
     ], CulqiEcComponent.prototype, "anchor", void 0);
-    CulqiEcComponent = __decorate$1O([
+    CulqiEcComponent = __decorate$1P([
         Component({
             selector: 'app-culqi-ec',
             template: "<div class=\"text-center\">\n    <h3 *ngIf=\"method && method?.name\">{{method.name}}</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <form action=\"javascript:void(0)\" #formContainer></form>\n    <button *ngIf=\"loaded; else loading\" (click)=\"open()\" class=\"comprar\">Pagar</button>\n</div>\n\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
@@ -17862,7 +18219,7 @@ var __extends$19 = (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;
@@ -17927,16 +18284,16 @@ var RatingEcComponent = /** @class */ (function (_super) {
     RatingEcComponent.prototype.ngOnInit = function () {
         this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
     };
-    __decorate$1P([
+    __decorate$1Q([
         Input()
     ], RatingEcComponent.prototype, "template", void 0);
-    __decorate$1P([
+    __decorate$1Q([
         Input()
     ], RatingEcComponent.prototype, "type", void 0);
-    __decorate$1P([
+    __decorate$1Q([
         Input()
     ], RatingEcComponent.prototype, "ratingValue", void 0);
-    RatingEcComponent = __decorate$1P([
+    RatingEcComponent = __decorate$1Q([
         Component({
             selector: 'app-rating-ec',
             template: "<ng-container [ngSwitch]=\"type\">\n        <ng-template #stars let-score=\"score\">\n           <ng-container *ngFor=\"let value of score\">\n                <ng-container [ngSwitch]=\"value\">\n                    <i *ngSwitchCase=\"1\" class=\"me-1 bi bi-star-fill text-warning star\"></i>\n                    <i *ngSwitchCase=\"0.5\" class=\"me-1 bi bi-star-half text-warning star\"></i>\n                    <i *ngSwitchCase=\"0\" class=\"me-1 bi bi-star text-muted star\"></i>\n                </ng-container>\n           </ng-container>\n        </ng-template>\n        <ng-container *ngSwitchCase=\"'stars'\"\n            [ngTemplateOutlet]=\"template  ? template : stars\"\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\n        </ng-container>\n</ng-container>\n",
@@ -17946,7 +18303,7 @@ var RatingEcComponent = /** @class */ (function (_super) {
     return RatingEcComponent;
 }(ComponentHelper));
 
-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;
@@ -18045,7 +18402,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$1Q([
+    ReviewsService$1 = __decorate$1R([
         Injectable({
             providedIn: 'root'
         })
@@ -18066,7 +18423,7 @@ var __extends$1a = (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;
@@ -18176,19 +18533,19 @@ var ReviewsFormEcComponent = /** @class */ (function (_super) {
         { type: AuthService },
         { type: ReviewsService }
     ]; };
-    __decorate$1R([
+    __decorate$1S([
         Input()
     ], ReviewsFormEcComponent.prototype, "product", void 0);
-    __decorate$1R([
+    __decorate$1S([
         Input()
     ], ReviewsFormEcComponent.prototype, "withAuthenticated", void 0);
-    __decorate$1R([
+    __decorate$1S([
         Input()
     ], ReviewsFormEcComponent.prototype, "max", void 0);
-    __decorate$1R([
+    __decorate$1S([
         Output()
     ], ReviewsFormEcComponent.prototype, "ready", void 0);
-    ReviewsFormEcComponent = __decorate$1R([
+    ReviewsFormEcComponent = __decorate$1S([
         Component({
             selector: 'app-reviews-form-ec',
             template: "<p>\n  reviews-form-ec works!\n</p>\n",
@@ -18211,7 +18568,7 @@ var __extends$1b = (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;
@@ -18265,10 +18622,10 @@ var ReviewsEcComponent = /** @class */ (function (_super) {
         { type: ReviewsService },
         { type: Constants }
     ]; };
-    __decorate$1S([
+    __decorate$1T([
         Input()
     ], ReviewsEcComponent.prototype, "product", void 0);
-    ReviewsEcComponent = __decorate$1S([
+    ReviewsEcComponent = __decorate$1T([
         Component({
             selector: 'app-reviews-ec',
             template: "<p>\n  reviews-ec works!\n</p>\n",
@@ -18291,7 +18648,7 @@ var __extends$1c = (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;
@@ -18552,28 +18909,28 @@ var BancardCatastroEcComponent = /** @class */ (function (_super) {
         { type: ChangeDetectorRef },
         { type: Renderer2 }
     ]; };
-    __decorate$1T([
+    __decorate$1U([
         Input()
     ], BancardCatastroEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Input()
     ], BancardCatastroEcComponent.prototype, "method", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Input()
     ], BancardCatastroEcComponent.prototype, "total_amount", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Input()
     ], BancardCatastroEcComponent.prototype, "allData", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Input()
     ], BancardCatastroEcComponent.prototype, "user_data", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Output()
     ], BancardCatastroEcComponent.prototype, "ready", void 0);
-    __decorate$1T([
+    __decorate$1U([
         Output()
     ], BancardCatastroEcComponent.prototype, "cardAdded", void 0);
-    BancardCatastroEcComponent = __decorate$1T([
+    BancardCatastroEcComponent = __decorate$1U([
         Component({
             selector: 'app-bancard-catastro-ec',
             template: "<div *ngIf=\"!loading; else loadingView\">\n    <div class=\"row my-3\">\n        <ng-container *ngIf=\"registered_cards && registered_cards.length > 0; else notCards\">\n            <ng-container *ngFor=\"let card of registered_cards; let x=index\">\n                <div class=\"col-12 col-md-6\">\n                    <div class=\"card my-2\">\n                        <div class=\"card-body\">\n                            <div class=\"row\">\n                                <div class=\"col-12 col-md-9\">\n                                    <h5 class=\"card-title\">Terminada en {{card.card_masked_number.slice(-4)}}</h5>\n                                    <!-- <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle</h6> -->\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>\n                                                                 -->\n                                    <p class=\"card-text text-muted\">{{card.card_brand}}</p>\n                                    <p class=\"card-text text-muted\">Vencimiento: {{card.expiration_date}}</p>\n                                </div>\n                                <div class=\"col-3 d-none d-md-flex\">\n                                    <div class=\"d-flex flex-column justify-content-between align-items-center w-100\">\n                                        <div class=\"d-flex justify-content-end w-100\">\n                                            <a class=\"cursor-pointer text-primary\" (click)=\"deleteCard(card.card_id)\">\n                                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\n                                                    viewBox=\"0 0 16 16\">\n                                                    <path\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\" />\n                                                </svg>\n                                            </a>\n                                        </div>\n                                        <img [src]=\"getCardImg(card.card_brand)\" class=\"img-card\" />\n                                        \n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"card-footer d-flex flex-row justify-content-end\">\n                            <ng-container *ngIf=\"!checkingPayment; else buttonLoading\">\n                                <button *ngIf=\"card.card_type == 'credit'; else debito\" class=\"btn comprar text-white\" data-bs-toggle=\"modal\"\n                                    data-bs-target=\"#modalCuotas\" (click)=\"setCurrentCardID(card.card_id)\">Pagar</button>\n                                <ng-template #debito>\n                                    <button class=\"btn comprar text-white\" (click)=\"toPay(card.card_id)\">Pagar</button>\n                                </ng-template>\n                            </ng-container>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n        <ng-template #notCards>\n            <div class=\"col-12 d-flex justify-content-center\">\n                <h6>Usted no posee tarjetas registrada. Para continuar con este m\u00E9todo de pago por favor registre una\n                    tarjeta presionando el bot\u00F3n de <span class=\"text-decoration-underline fs-6\"> Nueva tarjeta</span>\n                </h6>\n            </div>\n        </ng-template>\n    </div>\n    <div class=\"d-flex flex-row w-full justify-content-center\">\n        <button class=\"btn comprar text-white\" data-bs-toggle=\"modal\" data-bs-target=\"#catastro\"\n            (click)=\"getProcessId(); openModal()\">Nueva Tarjeta</button>\n    </div>\n</div>\n\n<div class=\"modal\" tabindex=\"-1\" id=\"catastro\">\n    <div class=\"modal-dialog\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <!--  <h5 class=\"modal-title\">Modal title</h5> -->\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\n                    (click)=\"closeModal()\"></button>\n            </div>\n            <div class=\"modal-body d-flex flex-column justify-content-center align-items-center\">\n                <ng-container *ngIf=\"infoPreview; else iframe\">\n                    <div class=\"alert alert-warning \" role=\"alert\">\n                        <p class=\"mb-0\">Estimado usuario,</p>\n                        <p> A continuaci\u00F3n usted pasar\u00E1 por \u00FAnica vez por un proceso de\n                            validaci\u00F3n con preguntas de seguridad. Para iniciar favor tener en\n                            cuenta las siguientes recomendaciones:</p>\n                        <ol class=\"list-group list-group-numbered\">\n                            <li class=\"list-group-item list-group-item-warning\">Verifique su n\u00FAmero de c\u00E9dula de\n                                identidad</li>\n                            <li class=\"list-group-item list-group-item-warning\">Tenga a mano sus tarjetas de cr\u00E9dito y\n                                d\u00E9bito activas</li>\n                            <li class=\"list-group-item list-group-item-warning\">Verifique el monto y lugar de sus\n                                \u00FAltimas compras en\n                                comercios o extracciones en cajeros</li>\n                        </ol>\n                    </div>\n                    <div class=\"d-flex flex-row w-full justify-content-center\">\n                        <a class=\"cursor-pointer text-dark fs-xs\" (click)=\"skipInfoPreview()\">Saltar</a>\n                    </div>\n                </ng-container>\n                <ng-template #iframe>\n                    <iframe *ngIf=\"url; else loadingView\" [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n\n\n<!-- Modal -->\n<div class=\"modal fade\" id=\"modalCuotas\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-dialog-centered modal-sm\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\">Elija el n\u00FAmero de cuotas</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <select class=\"form-select\" aria-label=\"Default select example\"\n                    (change)=\"setNumberOfPayments($event.target.value)\">\n                    <option selected disabled>Selecciones la cantidad de cuotas</option>\n                    <option value=\"1\">1 cuota</option>\n                    <option value=\"3\">3 cuotas</option>\n                    <option value=\"6\">6 cuotas</option>\n                    <option value=\"12\">12 cuotas</option>\n                </select>\n            </div>\n            <div class=\"modal-footer\" *ngIf=\"canPay()\">\n                <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"\n                    (click)=\"toPay(currentCardID)\">Pagar</button>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #loadingView>\n    <div>\n        <app-loading-inline-ec></app-loading-inline-ec>\n    </div>\n</ng-template>\n\n<ng-template #buttonLoading>\n    <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"> \n        <app-loading-inline-ec></app-loading-inline-ec>\n    </button>\n</ng-template>",
@@ -18594,7 +18951,7 @@ var __assign$v = (this && this.__assign) || function () {
     };
     return __assign$v.apply(this, arguments);
 };
-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;
@@ -18792,7 +19149,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$1U([
+    CookiesService = __decorate$1V([
         Injectable({
             providedIn: 'root'
         })
@@ -18813,7 +19170,7 @@ var __extends$1d = (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;
@@ -18908,10 +19265,10 @@ var CookiesEcComponent = /** @class */ (function (_super) {
         { type: Constants },
         { type: CookiesService }
     ]; };
-    __decorate$1V([
+    __decorate$1W([
         Input()
     ], CookiesEcComponent.prototype, "templates", void 0);
-    CookiesEcComponent = __decorate$1V([
+    CookiesEcComponent = __decorate$1W([
         Component({
             selector: 'app-cookies-ec',
             template: "<ng-container *ngIf=\"ready\">\n    <ng-container [ngSwitch]=\"cookies.format.type\">\n        <ng-container *ngSwitchCase=\"'toast'\">\n            <ng-template #toastEcTemplate>\n                <app-toast-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-toast-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.toast? templates.toast : toastEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'modal'\">\n            <ng-template #modalEcTemplate>\n                <app-modal-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-modal-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.modal? templates.modal : modalEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'sidebar'\">\n            <ng-template #sidebarEcTemplate>\n                <app-sidebar-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-sidebar-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.sidebar? templates.sidebar : sidebarEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-template #configEcTemplate>\n        <app-modal-config-ec [cookies]=\"cookies\" [cookiesToSave]=\"cookiesToSave\"\n            [cookiesFunctions]=\"cookiesFunctions\"></app-modal-config-ec>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"templates && templates.config ? templates.config : configEcTemplate\"\n        [ngTemplateOutletContext]=\"{cookies:cookies, cookiesToSave:cookiesToSave, cookiesFunctions:cookiesFunctions}\"></ng-container>\n</ng-container>",
@@ -18921,7 +19278,7 @@ var CookiesEcComponent = /** @class */ (function (_super) {
     return CookiesEcComponent;
 }(ComponentHelper));
 
-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;
@@ -18939,13 +19296,13 @@ var SidebarCookiesEcComponent = /** @class */ (function () {
             _this.show();
         }, 2000);
     };
-    __decorate$1W([
+    __decorate$1X([
         Input()
     ], SidebarCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1W([
+    __decorate$1X([
         Input()
     ], SidebarCookiesEcComponent.prototype, "acceptCookies", void 0);
-    SidebarCookiesEcComponent = __decorate$1W([
+    SidebarCookiesEcComponent = __decorate$1X([
         Component({
             selector: 'app-sidebar-cookies-ec',
             template: "<ng-container *ngIf=\"cookies.format.position == 'start' || cookies.format.position == 'end'; else startend\">\n    <div [class]=\"'offcanvas offcanvas-'+cookies.format.position\"\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\n        <div class=\"offcanvas-header\">\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"offcanvas-body d-flex align-items-start\">\n            <div class=\"row d-flex flex-row justify-content-between cookies-body\">\n                <div class=\"col-lg-12\">\n                    <p [innerHtml]=\"cookies.message | ecSanitizerHtml\"></p>\n                </div>\n                <div class=\"col-lg-12 d-flex flex-row justify-content-center align-items-center\">\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                    <button class=\"btn btn-primary mx-2\" data-bs-dismiss=\"offcanvas\" (click)=\"acceptCookies()\">{{ cookies.others.btnAccept }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #startend>\n    <div [class]=\"'offcanvas offcanvas-'+(cookies.format.position ? cookies.format.position : 'bottom')\"\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\n        <div class=\"offcanvas-header\">\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"offcanvas-body d-flex align-items-center\">\n            <div class=\"row d-flex flex-row justify-content-between cookies-body w-100\">\n                <div class=\"col-lg-9\">\n                    <p [innerHtml]=\"cookies.message\"></p>\n                </div>\n                <div class=\"col-lg-3 d-flex flex-row justify-content-center align-items-center\" *ngIf=\"cookies.others\">\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                    <button class=\"btn btn-primary mx-2\"\n                        (click)=\"acceptCookies()\" data-bs-dismiss=\"offcanvas\">{{ cookies.others.btnAccept }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
@@ -18955,7 +19312,7 @@ var SidebarCookiesEcComponent = /** @class */ (function () {
     return SidebarCookiesEcComponent;
 }());
 
-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;
@@ -18973,13 +19330,13 @@ var ModalCookiesEcComponent = /** @class */ (function () {
             _this.show();
         }, 2000);
     };
-    __decorate$1X([
+    __decorate$1Y([
         Input()
     ], ModalCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1X([
+    __decorate$1Y([
         Input()
     ], ModalCookiesEcComponent.prototype, "acceptCookies", void 0);
-    ModalCookiesEcComponent = __decorate$1X([
+    ModalCookiesEcComponent = __decorate$1Y([
         Component({
             selector: 'app-modal-cookies-ec',
             template: "<!-- Modal -->\n<div class=\"modal fade\" id=\"modal-cookies\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n    <div [class]=\"'modal-dialog modal-dialog-centered '+(cookies.format.size ? 'modal-'+cookies.format.size : '')\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"exampleModalLabel\">{{cookies.title}}</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <div class=\"row\">\n                    <div class=\"col-md-12\">\n                        <p [innerHtml]=\"cookies.message\"></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"modal-footer d-flex justify-content-between\" *ngIf=\"cookies.others\">\n                <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                    data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\n            </div>\n        </div>\n    </div>\n</div>\n",
@@ -18989,7 +19346,7 @@ var ModalCookiesEcComponent = /** @class */ (function () {
     return ModalCookiesEcComponent;
 }());
 
-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;
@@ -19008,13 +19365,13 @@ var ToastCookiesEcComponent = /** @class */ (function () {
             _this.acceptCookies();
         }, 2000);
     };
-    __decorate$1Y([
+    __decorate$1Z([
         Input()
     ], ToastCookiesEcComponent.prototype, "cookies", void 0);
-    __decorate$1Y([
+    __decorate$1Z([
         Input()
     ], ToastCookiesEcComponent.prototype, "acceptCookies", void 0);
-    ToastCookiesEcComponent = __decorate$1Y([
+    ToastCookiesEcComponent = __decorate$1Z([
         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\">\n    <div id=\"cookieToast\" class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\">\n        <div class=\"toast-header bg-primary\">\n            <!-- <img src=\"...\" class=\"rounded me-2\" alt=\"...\"> -->\n            <strong *ngIf=\"cookies.title\" class=\"me-auto\">{{cookies.title}}</strong>\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"toast-body\">\n            <p [innerHtml]=\"cookies.message\"></p>\n        </div>\n        <!--   <div class=\"toast-footer\" *ngIf=\"cookies.others\">\n            <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\n        </div> -->\n    </div>\n</div>",
@@ -19024,7 +19381,7 @@ var ToastCookiesEcComponent = /** @class */ (function () {
     return ToastCookiesEcComponent;
 }());
 
-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;
@@ -19037,16 +19394,16 @@ var ModalConfigEcComponent = /** @class */ (function () {
     }
     ModalConfigEcComponent.prototype.ngOnInit = function () {
     };
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], ModalConfigEcComponent.prototype, "cookies", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], ModalConfigEcComponent.prototype, "cookiesToSave", void 0);
-    __decorate$1Z([
+    __decorate$1_([
         Input()
     ], ModalConfigEcComponent.prototype, "cookiesFunctions", void 0);
-    ModalConfigEcComponent = __decorate$1Z([
+    ModalConfigEcComponent = __decorate$1_([
         Component({
             selector: 'app-modal-config-ec',
             template: "<!-- Modal -->\n<div class=\"modal fade\" id=\"config\" tabindex=\"-1\" aria-labelledby=\"configModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"configModalLabel\">{{cookies.title}}</h5>\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>\n                <ng-template #close>\n                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n                </ng-template>\n            </div>\n            <div class=\"modal-body px-0 d-flex justify-content-center\">\n                <!--Vertical Pill-->\n                <div class=\"row w-100\">\n                    <div class=\"col-12 col-md-4 p-0 m-0\">\n                        <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                            <button *ngFor=\"let cookie of cookies.cookies; let x = index\"\n                                [class]=\"'btn rounded-0 btn-primary   '+ (x==0 ? 'active' : '')\"\n                                [id]=\"'v-pills-'+cookie.name+'-tab'\" data-bs-toggle=\"pill\"\n                                [attr.data-bs-target]=\"'#v-pills-'+cookie.name\" type=\"button\" role=\"tab\"\n                                [attr.aria-controls]=\"'v-pills-'+cookie.name\" [attr.aria-selected]=\"x==0\">\n                                {{cookie.name.replaceAll('-',' ')}}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-8 p-0 m-0\">\n                        <div class=\"tab-content\" id=\"v-pills-tabContent\">\n                            <div *ngFor=\"let cookie of cookies.cookies; let x = index\"\n                                [class]=\"'tab-pane fade '+ (x==0 ? 'show active ' : '')\" [id]=\"'v-pills-'+cookie.name\"\n                                role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+cookie.name+'-tab'\">\n                                <div class=\"d-flex justify-content-between w-100\">\n                                    <h5 class=\"title-cookie\">{{cookie.name.replaceAll('-',' ')}}</h5>\n                                    <div class=\"form-check\" *ngIf=\"checkCookie(cookie.name) as info\">\n                                        <input class=\"form-check-input\" type=\"radio\" [name]=\"'flexRadio'+x\" [id]=\"'flexRadioDefault'+x\"\n                                            [checked]=\"info.enabled\" (click)=\"cookiesFunctions.toggle(cookie.name)\">\n                                    </div>\n                                </div>\n                                \n                                <div class=\"h-100 overflow-scroll text-content\">\n                                    <p class=\"text-cookie\">{{cookie.message}}</p>\n                                </div>\n                                \n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <!--End-->\n            </div>\n            <div class=\"modal-footer d-flex justify-content-between\">\n                <ng-container *ngIf=\"cookies.format.type == 'modal'; else default\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\">{{cookies.others.btnSave}}</button>\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\"\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\n                </ng-container>\n                <ng-template #default>\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">{{cookies.others.btnSave}}</button>\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\"\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n",
@@ -19069,7 +19426,7 @@ var __extends$1e = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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;
@@ -19237,28 +19594,28 @@ var BambooEcComponent = /** @class */ (function (_super) {
         { type: Injector },
         { type: CartService }
     ]; };
-    __decorate$1_([
+    __decorate$1$([
         Input()
     ], BambooEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$1_([
+    __decorate$1$([
         Input()
     ], BambooEcComponent.prototype, "method", void 0);
-    __decorate$1_([
+    __decorate$1$([
         Input()
     ], BambooEcComponent.prototype, "total_amount", void 0);
-    __decorate$1_([
+    __decorate$1$([
         Input()
     ], BambooEcComponent.prototype, "allData", void 0);
-    __decorate$1_([
+    __decorate$1$([
         Input()
     ], BambooEcComponent.prototype, "user_data", void 0);
-    __decorate$1_([
+    __decorate$1$([
         Output()
     ], BambooEcComponent.prototype, "ready", void 0);
-    __decorate$1_([
+    __decorate$1$([
         ViewChild('template')
     ], BambooEcComponent.prototype, "template", void 0);
-    BambooEcComponent = __decorate$1_([
+    BambooEcComponent = __decorate$1$([
         Component({
             selector: 'app-bamboo-ec',
             template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Bamboo</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"iniciar()\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <h5 class=\"modal-title\">Modal title</h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"clickClose()\"></button>\n        </div>\n        <div class=\"modal-body d-flex justify-content-center\" *ngIf=\"url\">\n            <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n        </div>\n        <!-- <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close</button>\n          <button type=\"button\" class=\"btn btn-primary\">Save changes</button>\n        </div> -->\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -19268,7 +19625,7 @@ var BambooEcComponent = /** @class */ (function (_super) {
     return BambooEcComponent;
 }(ComponentHelper));
 
-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;
@@ -19422,7 +19779,7 @@ var SidebarEcComponent = /** @class */ (function () {
         { type: ToastService },
         { type: ChannelConfigService }
     ]; };
-    SidebarEcComponent = __decorate$1$([
+    SidebarEcComponent = __decorate$20([
         Component({
             selector: 'app-sidebar-ec',
             template: "",
@@ -19445,7 +19802,7 @@ var __extends$1f = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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;
@@ -19569,22 +19926,22 @@ var PlaceToPayEcComponent = /** @class */ (function (_super) {
         { type: CartService },
         { type: ActivatedRoute }
     ]; };
-    __decorate$20([
+    __decorate$21([
         Input()
     ], PlaceToPayEcComponent.prototype, "method", void 0);
-    __decorate$20([
+    __decorate$21([
         Input()
     ], PlaceToPayEcComponent.prototype, "total_amount", void 0);
-    __decorate$20([
+    __decorate$21([
         Input()
     ], PlaceToPayEcComponent.prototype, "paymentServiceInst", void 0);
-    __decorate$20([
+    __decorate$21([
         Input()
     ], PlaceToPayEcComponent.prototype, "allData", void 0);
-    __decorate$20([
+    __decorate$21([
         Output()
     ], PlaceToPayEcComponent.prototype, "ready", void 0);
-    PlaceToPayEcComponent = __decorate$20([
+    PlaceToPayEcComponent = __decorate$21([
         Component({
             selector: 'app-place-to-pay-ec',
             template: "<div class=\"text-center\">\n    <ng-container *ngIf=\"url; else loadingUrl\">\n        <ng-container *ngIf=\"!loading; else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">\n                {{ buttonText }}\n            </button>\n\n            <!-- Mensaje de intento previo fallido -->\n            <div *ngIf=\"hasPreviousFailure\" class=\"alert alert-danger mt-3\">\n                El pago del pedido con n\u00FAmero de orden {{ cart.number }} no se pudo realizar el {{ previousFailureDate }}\n                por un monto de {{ previousFailureAmount | ecCurrencySymbol }}.\n            </div>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Place to Pay</h3>\n        <h5>Recuerde hacer click en \"Volver al sitio\" desde Place to Pay para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n                <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n                <label>o</label>\n            </div>\n            <div class=\"col-5\">\n                <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -19678,13 +20035,13 @@ var components = [
     SidebarEcComponent
 ];
 
-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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$b = (this && this.__param) || function (paramIndex, decorator) {
+var __param$c = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var ParamsContext = /** @class */ (function () {
@@ -19758,25 +20115,25 @@ var AddActionRedirectDirective = /** @class */ (function () {
         { type: BlocksService },
         { type: Router }
     ]; };
-    __decorate$21([
+    __decorate$22([
         Input()
     ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-    __decorate$21([
+    __decorate$22([
         Input()
     ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-    __decorate$21([
+    __decorate$22([
         Input()
     ], AddActionRedirectDirective.prototype, "isTransparent", null);
-    AddActionRedirectDirective = __decorate$21([
+    AddActionRedirectDirective = __decorate$22([
         Directive({
             selector: "[ecAddActionRedirect]",
         }),
-        __param$b(0, Inject(DOCUMENT))
+        __param$c(0, Inject(DOCUMENT))
     ], AddActionRedirectDirective);
     return AddActionRedirectDirective;
 }());
 
-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;
@@ -19841,13 +20198,13 @@ var ProductStockDirective = /** @class */ (function () {
         { type: TemplateRef },
         { type: ViewContainerRef }
     ]; };
-    __decorate$22([
+    __decorate$23([
         Input()
     ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-    __decorate$22([
+    __decorate$23([
         Input()
     ], ProductStockDirective.prototype, "ecProductStock", null);
-    ProductStockDirective = __decorate$22([
+    ProductStockDirective = __decorate$23([
         Directive({
             selector: "[ecProductStock]"
         })
@@ -19855,13 +20212,13 @@ var ProductStockDirective = /** @class */ (function () {
     return ProductStockDirective;
 }());
 
-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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$c = (this && this.__param) || function (paramIndex, decorator) {
+var __param$d = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var ParamsContext$1 = /** @class */ (function () {
@@ -19996,25 +20353,25 @@ var ProductOffDirective = /** @class */ (function () {
         { type: ElementRef },
         { type: Renderer2 }
     ]; };
-    __decorate$23([
+    __decorate$24([
         Input()
     ], ProductOffDirective.prototype, "ecProductOff", null);
-    __decorate$23([
+    __decorate$24([
         Input()
     ], ProductOffDirective.prototype, "classStrSpacing", null);
-    __decorate$23([
+    __decorate$24([
         Input()
     ], ProductOffDirective.prototype, "customMessage", null);
-    ProductOffDirective = __decorate$23([
+    ProductOffDirective = __decorate$24([
         Directive({
             selector: "[ecProductOff]",
         }),
-        __param$c(0, Inject(DOCUMENT))
+        __param$d(0, Inject(DOCUMENT))
     ], ProductOffDirective);
     return ProductOffDirective;
 }());
 
-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;
@@ -20072,10 +20429,10 @@ var ProductMiniStandardDirective = /** @class */ (function () {
         { type: Renderer2 },
         { type: Constants }
     ]; };
-    __decorate$24([
+    __decorate$25([
         Input()
     ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-    ProductMiniStandardDirective = __decorate$24([
+    ProductMiniStandardDirective = __decorate$25([
         Directive({
             selector: '[ecProductMiniStandard]'
         })
@@ -20083,7 +20440,7 @@ var ProductMiniStandardDirective = /** @class */ (function () {
     return ProductMiniStandardDirective;
 }());
 
-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;
@@ -20126,13 +20483,13 @@ var AuthWholesalerDirective = /** @class */ (function () {
         { type: ViewContainerRef },
         { type: AuthService }
     ]; };
-    __decorate$25([
+    __decorate$26([
         Input()
     ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-    __decorate$25([
+    __decorate$26([
         Input()
     ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-    AuthWholesalerDirective = __decorate$25([
+    AuthWholesalerDirective = __decorate$26([
         Directive({
             selector: "[ecAuthWholesaler]"
         })
@@ -20140,7 +20497,7 @@ var AuthWholesalerDirective = /** @class */ (function () {
     return AuthWholesalerDirective;
 }());
 
-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;
@@ -20162,10 +20519,10 @@ var ReloadViewDirective = /** @class */ (function () {
         { type: TemplateRef },
         { type: ViewContainerRef }
     ]; };
-    __decorate$26([
+    __decorate$27([
         Input()
     ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-    ReloadViewDirective = __decorate$26([
+    ReloadViewDirective = __decorate$27([
         Directive({
             selector: '[ecReloadView]'
         })
@@ -20188,7 +20545,7 @@ var directives = [
     ReloadViewDirective,
 ];
 
-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;
@@ -20277,7 +20634,7 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
         { type: CurrencyService },
         { type: Injector }
     ]; };
-    ecCurrencySymbolPipe = __decorate$27([
+    ecCurrencySymbolPipe = __decorate$28([
         Pipe({
             name: 'ecCurrencySymbol',
             pure: false
@@ -20286,7 +20643,7 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
     return ecCurrencySymbolPipe;
 }());
 
-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;
@@ -20302,7 +20659,7 @@ var EcSanitizerHtmlPipe = /** @class */ (function () {
     EcSanitizerHtmlPipe.ctorParameters = function () { return [
         { type: DomSanitizer }
     ]; };
-    EcSanitizerHtmlPipe = __decorate$28([
+    EcSanitizerHtmlPipe = __decorate$29([
         Pipe({
             name: 'ecSanitizerHtml'
         })
@@ -20310,7 +20667,7 @@ var EcSanitizerHtmlPipe = /** @class */ (function () {
     return EcSanitizerHtmlPipe;
 }());
 
-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;
@@ -20326,7 +20683,7 @@ var EcSanitizerUrlPipe = /** @class */ (function () {
     EcSanitizerUrlPipe.ctorParameters = function () { return [
         { type: DomSanitizer }
     ]; };
-    EcSanitizerUrlPipe = __decorate$29([
+    EcSanitizerUrlPipe = __decorate$2a([
         Pipe({
             name: 'ecSanitizerUrl'
         })
@@ -20341,7 +20698,7 @@ var pipes = [
     EcSanitizerUrlPipe
 ];
 
-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;
@@ -20428,7 +20785,7 @@ var NgEasycommerceModule = /** @class */ (function () {
         };
     };
     var NgEasycommerceModule_1;
-    NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2a([
+    NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2b([
         NgModule({
             exports: [
                 OrderByPipe,
@@ -20466,7 +20823,7 @@ var NgEasycommerceModule = /** @class */ (function () {
     return NgEasycommerceModule;
 }());
 
-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;
@@ -20514,7 +20871,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$2b([
+    GiftCardService$1 = __decorate$2c([
         Injectable({
             providedIn: 'root'
         })
@@ -20522,7 +20879,7 @@ var GiftCardService = /** @class */ (function () {
     return GiftCardService$1;
 }());
 
-var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2d = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -20578,7 +20935,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$2c([
+    WishlistService$1 = __decorate$2d([
         Injectable({
             providedIn: 'root'
         })
@@ -20586,13 +20943,13 @@ var WishlistService = /** @class */ (function () {
     return WishlistService$1;
 }());
 
-var __decorate$2d = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2e = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.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 __param$d = (this && this.__param) || function (paramIndex, decorator) {
+var __param$e = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var StandardReuseStrategy = /** @class */ (function () {
@@ -20621,9 +20978,9 @@ var StandardReuseStrategy = /** @class */ (function () {
     StandardReuseStrategy.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
     ]; };
-    StandardReuseStrategy = __decorate$2d([
+    StandardReuseStrategy = __decorate$2e([
         Injectable(),
-        __param$d(0, Inject('env'))
+        __param$e(0, Inject('env'))
     ], StandardReuseStrategy);
     return StandardReuseStrategy;
 }());
@@ -20636,5 +20993,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, pipes as ɵba, OptionsOfProductListDataReceiverService as ɵbb, PaymentUtils as ɵbc, CustomerInterceptor as ɵbd, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, PlaceToPayEcComponent as ɵj, ComponentHelper as ɵk, BlocksRepositoryService as ɵl, FacebookPixelService as ɵm, GoogleAnalyticsService as ɵn, GTMService as ɵo, MetricoolPixelService as ɵp, DopplerService as ɵq, OrderUtilityService as ɵr, StepService as ɵs, ErrorHandlerService as ɵt, IpService as ɵu, ShipmentDataTransformer as ɵv, CookiesService as ɵw, directives as ɵx, ProductOffDirective as ɵy, ReloadViewDirective 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, FooterService, 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, getSectionPages, hasSectionPages, pickFooterForDevice, toHref, toSectionPageHref, toSectionPageText, toText, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, pipes as ɵba, OptionsOfProductListDataReceiverService as ɵbb, PaymentUtils as ɵbc, CustomerInterceptor as ɵbd, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, PlaceToPayEcComponent as ɵj, ComponentHelper as ɵk, BlocksRepositoryService as ɵl, FacebookPixelService as ɵm, GoogleAnalyticsService as ɵn, GTMService as ɵo, MetricoolPixelService as ɵp, DopplerService as ɵq, OrderUtilityService as ɵr, StepService as ɵs, ErrorHandlerService as ɵt, IpService as ɵu, ShipmentDataTransformer as ɵv, CookiesService as ɵw, directives as ɵx, ProductOffDirective as ɵy, ReloadViewDirective as ɵz };
 //# sourceMappingURL=ng-easycommerce.js.map