ng-easycommerce 0.0.655-beta.1 → 0.0.655

package/bundles/ng-easycommerce.umd.js

@@ -9915,6 +9915,200 @@
         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 rxjs.BehaviorSubject([]);
+            this.columns$ = this.columnsSubject.asObservable();
+            this.extrasSubject = new rxjs.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(operators.catchError(function () { return rxjs.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(operators.catchError(function () { return rxjs.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(operators.catchError(function () { return rxjs.of([]); }), operators.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 = core.ɵɵdefineInjectable({ factory: function FooterService_Factory() { return new FooterService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants)); }, token: FooterService, providedIn: "root" });
+        FooterService$1 = __decorate$_([
+            core.Injectable({
+                providedIn: 'root'
+            })
+        ], FooterService$1);
+        return FooterService$1;
+    }());
+
     var __extends$s = (this && this.__extends) || (function () {
         var extendStatics = function (d, b) {
             extendStatics = Object.setPrototypeOf ||
@@ -9939,19 +10133,25 @@
         };
         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 = [];
@@ -9959,6 +10159,9 @@
             _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);
@@ -9995,6 +10198,9 @@
             _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); });
@@ -10005,19 +10211,170 @@
         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 (common.isPlatformBrowser(this.platformId)) {
+                this.deviceSub = rxjs.merge(rxjs.of(initialDevice), rxjs.fromEvent(window, 'resize').pipe(operators.debounceTime(150), operators.map(function () { return _this.getDevice(); }), operators.distinctUntilChanged())).subscribe(function (d) { return _this.footerService.setDevice(d); });
+            }
             this.ecOnInit();
         };
+        FooterEcComponent.prototype.getDevice = function () {
+            if (!common.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.Router },
+            { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
         ]; };
-        FooterEcComponent = __decorate$_([
+        FooterEcComponent = __decorate$$([
             core.Component({
                 selector: 'app-footer-ec',
                 template: "",
                 styles: [""]
-            })
+            }),
+            __param$9(5, core.Inject(core.PLATFORM_ID))
         ], FooterEcComponent);
         return FooterEcComponent;
     }(ComponentHelper));
@@ -10046,7 +10403,7 @@
         };
         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;
@@ -10256,10 +10613,10 @@
             { type: core.Renderer2 },
             { type: ChannelConfigService }
         ]; };
-        __decorate$$([
+        __decorate$10([
             core.ViewChild("menu")
         ], HeaderEcComponent.prototype, "menu_button", void 0);
-        HeaderEcComponent = __decorate$$([
+        HeaderEcComponent = __decorate$10([
             core.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> -->",
@@ -10282,7 +10639,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$11 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10307,7 +10664,7 @@
             { type: BlocksService },
             { type: Constants }
         ]; };
-        HomeEcComponent = __decorate$10([
+        HomeEcComponent = __decorate$11([
             core.Component({
                 selector: 'app-home-ec',
                 template: "<app-blocks-ec [section]=\"'home'\"></app-blocks-ec>",
@@ -10330,7 +10687,7 @@
             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;
@@ -10400,25 +10757,25 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$11([
+        __decorate$12([
             core.Input()
         ], LoginEcComponent.prototype, "redirect", void 0);
-        __decorate$11([
+        __decorate$12([
             core.Input()
         ], LoginEcComponent.prototype, "title", void 0);
-        __decorate$11([
+        __decorate$12([
             core.Input()
         ], LoginEcComponent.prototype, "buyButton", void 0);
-        __decorate$11([
+        __decorate$12([
             core.Input()
         ], LoginEcComponent.prototype, "withRoles", void 0);
-        __decorate$11([
+        __decorate$12([
             core.Output()
         ], LoginEcComponent.prototype, "ready", void 0);
-        __decorate$11([
+        __decorate$12([
             core.Output()
         ], LoginEcComponent.prototype, "loggedIn", void 0);
-        LoginEcComponent = __decorate$11([
+        LoginEcComponent = __decorate$12([
             core.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>",
@@ -10428,7 +10785,7 @@
         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;
@@ -10652,7 +11009,7 @@
             { type: core.Injector }
         ]; };
         CurrencyService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService), core.ɵɵinject(ToastService), core.ɵɵinject(core.INJECTOR)); }, token: CurrencyService, providedIn: "root" });
-        CurrencyService$1 = __decorate$12([
+        CurrencyService$1 = __decorate$13([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -10671,7 +11028,7 @@
         };
         return __assign$o.apply(this, arguments);
     };
-    var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$14 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11172,7 +11529,7 @@
             { type: AnalyticsService },
             { type: CurrencyService }
         ]; };
-        ProductDetailService = __decorate$13([
+        ProductDetailService = __decorate$14([
             core.Injectable()
         ], ProductDetailService);
         return ProductDetailService;
@@ -11202,7 +11559,7 @@
         };
         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;
@@ -11420,10 +11777,10 @@
             { type: platformBrowser.Meta },
             { type: core.Injector }
         ]; };
-        __decorate$14([
+        __decorate$15([
             core.ViewChild('contact')
         ], ProductDetailEcComponent.prototype, "contact", void 0);
-        ProductDetailEcComponent = __decorate$14([
+        ProductDetailEcComponent = __decorate$15([
             core.Component({
                 selector: 'app-product-detail-ec',
                 template: "",
@@ -11447,7 +11804,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$15 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11562,13 +11919,13 @@
             { type: core.Injector },
             { type: CartService }
         ]; };
-        __decorate$15([
+        __decorate$16([
             core.Input()
         ], ProductEcComponent.prototype, "isProductBox", void 0);
-        __decorate$15([
+        __decorate$16([
             core.Input()
         ], ProductEcComponent.prototype, "product", void 0);
-        ProductEcComponent = __decorate$15([
+        ProductEcComponent = __decorate$16([
             core.Component({
                 selector: 'app-product-ec',
                 template: "",
@@ -11592,7 +11949,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11669,10 +12026,10 @@
             { type: Constants },
             { type: router.Router }
         ]; };
-        __decorate$16([
+        __decorate$17([
             core.Input()
         ], RelatedProductsEcComponent.prototype, "product_id", void 0);
-        RelatedProductsEcComponent = __decorate$16([
+        RelatedProductsEcComponent = __decorate$17([
             core.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> -->",
@@ -11695,7 +12052,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11762,13 +12119,13 @@
             { type: ngxToastr.ToastrService },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$17([
+        __decorate$18([
             core.Input()
         ], SectionContainerEcComponent.prototype, "sanitizeHtml", void 0);
-        __decorate$17([
+        __decorate$18([
             core.Input()
         ], SectionContainerEcComponent.prototype, "name", void 0);
-        SectionContainerEcComponent = __decorate$17([
+        SectionContainerEcComponent = __decorate$18([
             core.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>",
@@ -11791,7 +12148,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11974,7 +12331,7 @@
             { type: Constants },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        StoresEcComponent = __decorate$18([
+        StoresEcComponent = __decorate$19([
             core.Component({
                 selector: 'app-store-ec',
                 template: "<div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\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>",
@@ -11997,7 +12354,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1a = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12032,16 +12389,16 @@
             { type: Constants },
             { type: ProductDetailService }
         ]; };
-        __decorate$19([
+        __decorate$1a([
             core.Input()
         ], VariantsEcComponent.prototype, "product", void 0);
-        __decorate$19([
+        __decorate$1a([
             core.Input('options')
         ], VariantsEcComponent.prototype, "options$", void 0);
-        __decorate$19([
+        __decorate$1a([
             core.Input()
         ], VariantsEcComponent.prototype, "setOption", void 0);
-        VariantsEcComponent = __decorate$19([
+        VariantsEcComponent = __decorate$1a([
             core.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>",
@@ -12064,13 +12421,13 @@
             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) {
@@ -12178,16 +12535,16 @@
             { type: Constants },
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        __decorate$1a([
+        __decorate$1b([
             core.Input()
         ], SellerDashboardContainerEcComponent.prototype, "UIComponents", void 0);
-        SellerDashboardContainerEcComponent = __decorate$1a([
+        SellerDashboardContainerEcComponent = __decorate$1b([
             core.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, core.Inject('env'))
+            __param$a(3, core.Inject('env'))
         ], SellerDashboardContainerEcComponent);
         return SellerDashboardContainerEcComponent;
     }(ComponentHelper));
@@ -12205,7 +12562,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12222,10 +12579,10 @@
         LoadingFullEcComponent.prototype.ngOnInit = function () {
             this.ecOnInit();
         };
-        __decorate$1b([
+        __decorate$1c([
             core.Input()
         ], LoadingFullEcComponent.prototype, "hole_height", void 0);
-        LoadingFullEcComponent = __decorate$1b([
+        LoadingFullEcComponent = __decorate$1c([
             core.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>",
@@ -12248,7 +12605,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1d = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12264,7 +12621,7 @@
         LoadingInlineEcComponent.prototype.ngOnInit = function () {
             this.ecOnInit();
         };
-        LoadingInlineEcComponent = __decorate$1c([
+        LoadingInlineEcComponent = __decorate$1d([
             core.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>",
@@ -12274,7 +12631,7 @@
         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;
@@ -12285,7 +12642,7 @@
         }
         LoadingSectionEcComponent.prototype.ngOnInit = function () {
         };
-        LoadingSectionEcComponent = __decorate$1d([
+        LoadingSectionEcComponent = __decorate$1e([
             core.Component({
                 selector: 'app-loading-section-ec',
                 template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\n",
@@ -12319,7 +12676,7 @@
         };
         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;
@@ -12662,19 +13019,19 @@
             { type: CartService },
             { type: ToastService }
         ]; };
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], MPCreditEcComponent.prototype, "public_key", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], MPCreditEcComponent.prototype, "total_amount", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Output()
         ], MPCreditEcComponent.prototype, "ready", void 0);
-        __decorate$1e([
+        __decorate$1f([
             core.Input()
         ], MPCreditEcComponent.prototype, "user_data", void 0);
-        MPCreditEcComponent = __decorate$1e([
+        MPCreditEcComponent = __decorate$1f([
             core.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>",
@@ -12697,7 +13054,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1f = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1g = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12743,59 +13100,59 @@
             { type: ProductsService },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "price", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "saleprice", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "priceWithoutTaxes", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "priceSize", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "classStrSpacing", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "basePrice", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "taxeAmount", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "taxes", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "showTaxLegendOnly", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "disableTaxInfo", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customPriceTemplate", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customSalePriceTemplate", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customSimplePriceTemplate", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customSimpleSalePriceTemplate", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customTaxTemplate", void 0);
-        __decorate$1f([
+        __decorate$1g([
             core.Input()
         ], PriceEcComponent.prototype, "customOnlyTaxLabelTemplate", void 0);
-        PriceEcComponent = __decorate$1f([
+        PriceEcComponent = __decorate$1g([
             core.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;
@@ -12814,7 +13171,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1g = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1h = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -12918,7 +13275,7 @@
             { type: router.Router },
             { type: CheckoutService }
         ]; };
-        RedsysCatchEcComponent = __decorate$1g([
+        RedsysCatchEcComponent = __decorate$1h([
             core.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>",
@@ -12941,13 +13298,13 @@
             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 */
@@ -13047,32 +13404,32 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysProEcComponent.prototype, "method", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysProEcComponent.prototype, "total_amount", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Output()
         ], RedSysProEcComponent.prototype, "ready", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.Input()
         ], RedSysProEcComponent.prototype, "user_data", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.ViewChild('formDobleAuthContainer')
         ], RedSysProEcComponent.prototype, "formDobleAuth", void 0);
-        __decorate$1h([
+        __decorate$1i([
             core.ViewChild('template')
         ], RedSysProEcComponent.prototype, "template", void 0);
-        RedSysProEcComponent = __decorate$1h([
+        RedSysProEcComponent = __decorate$1i([
             core.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: [modal.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, core.Inject(common.DOCUMENT))
+            __param$b(6, core.Inject(common.DOCUMENT))
         ], RedSysProEcComponent);
         return RedSysProEcComponent;
     }(ComponentHelper));
@@ -13090,7 +13447,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1i = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1j = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13186,22 +13543,22 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Output()
         ], RedSysRedirectEcComponent.prototype, "ready", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.Input()
         ], RedSysRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1i([
+        __decorate$1j([
             core.ViewChild('template')
         ], RedSysRedirectEcComponent.prototype, "template", void 0);
-        RedSysRedirectEcComponent = __decorate$1i([
+        RedSysRedirectEcComponent = __decorate$1j([
             core.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>",
@@ -13225,7 +13582,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1j = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1k = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13326,22 +13683,22 @@
             { type: router.ActivatedRoute },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1j([
+        __decorate$1k([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1j([
+        __decorate$1k([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1j([
+        __decorate$1k([
             core.Output()
         ], CecaRedirectEcComponent.prototype, "ready", void 0);
-        __decorate$1j([
+        __decorate$1k([
             core.Input()
         ], CecaRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1j([
+        __decorate$1k([
             core.ViewChild('template')
         ], CecaRedirectEcComponent.prototype, "template", void 0);
-        CecaRedirectEcComponent = __decorate$1j([
+        CecaRedirectEcComponent = __decorate$1k([
             core.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>",
@@ -13365,7 +13722,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1k = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1l = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13537,10 +13894,10 @@
             { type: CartService },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1k([
+        __decorate$1l([
             core.Input()
         ], OrdersEcComponent.prototype, "showImage", void 0);
-        OrdersEcComponent = __decorate$1k([
+        OrdersEcComponent = __decorate$1l([
             core.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>",
@@ -13563,7 +13920,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1l = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1m = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13698,10 +14055,10 @@
             { type: CartService },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1l([
+        __decorate$1m([
             core.Input()
         ], OrderEcComponent.prototype, "numberOrder", void 0);
-        OrderEcComponent = __decorate$1l([
+        OrderEcComponent = __decorate$1m([
             core.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>",
@@ -13724,7 +14081,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1m = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1n = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -13819,13 +14176,13 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$1m([
+        __decorate$1n([
             core.Input()
         ], AuthEcComponent.prototype, "complete", void 0);
-        __decorate$1m([
+        __decorate$1n([
             core.Input()
         ], AuthEcComponent.prototype, "redirect", void 0);
-        AuthEcComponent = __decorate$1m([
+        AuthEcComponent = __decorate$1n([
             core.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>",
@@ -13859,7 +14216,7 @@
         };
         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;
@@ -14102,19 +14459,19 @@
             { type: ChannelConfigService },
             { type: Constants }
         ]; };
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], RegisterFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], RegisterFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Input()
         ], RegisterFormEcComponent.prototype, "complete", void 0);
-        __decorate$1n([
+        __decorate$1o([
             core.Output()
         ], RegisterFormEcComponent.prototype, "ready", void 0);
-        RegisterFormEcComponent = __decorate$1n([
+        RegisterFormEcComponent = __decorate$1o([
             core.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>",
@@ -14137,7 +14494,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1o = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1p = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14214,25 +14571,25 @@
             { type: forms.FormBuilder },
             { type: router.Router }
         ]; };
-        __decorate$1o([
+        __decorate$1p([
             core.Input()
         ], LoginFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1o([
+        __decorate$1p([
             core.Input()
         ], LoginFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1o([
+        __decorate$1p([
             core.Input()
         ], LoginFormEcComponent.prototype, "redirectTo", void 0);
-        __decorate$1o([
+        __decorate$1p([
             core.Input()
         ], LoginFormEcComponent.prototype, "complete", void 0);
-        __decorate$1o([
+        __decorate$1p([
             core.Input()
         ], LoginFormEcComponent.prototype, "title", void 0);
-        __decorate$1o([
+        __decorate$1p([
             core.Output()
         ], LoginFormEcComponent.prototype, "ready", void 0);
-        LoginFormEcComponent = __decorate$1o([
+        LoginFormEcComponent = __decorate$1p([
             core.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>",
@@ -14255,7 +14612,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1p = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1q = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14301,7 +14658,7 @@
             { type: AuthService },
             { type: ToastService }
         ]; };
-        ForgotPasswordEcComponent = __decorate$1p([
+        ForgotPasswordEcComponent = __decorate$1q([
             core.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>",
@@ -14324,7 +14681,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1q = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1r = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14356,7 +14713,7 @@
             { type: AuthService },
             { type: router.ActivatedRoute }
         ]; };
-        ConfirmAccountEcComponent = __decorate$1q([
+        ConfirmAccountEcComponent = __decorate$1r([
             core.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>",
@@ -14379,7 +14736,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1r = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1s = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14468,7 +14825,7 @@
             { type: router.Router },
             { type: forms.FormBuilder }
         ]; };
-        PasswordResetEcComponent = __decorate$1r([
+        PasswordResetEcComponent = __decorate$1s([
             core.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>",
@@ -14502,7 +14859,7 @@
         };
         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;
@@ -14641,19 +14998,19 @@
             { type: ParametersService },
             { type: forms.FormBuilder }
         ]; };
-        __decorate$1s([
+        __decorate$1t([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "darkMode", void 0);
-        __decorate$1s([
+        __decorate$1t([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "redirect", void 0);
-        __decorate$1s([
+        __decorate$1t([
             core.Input()
         ], RegisterWholesalerFormEcComponent.prototype, "complete", void 0);
-        __decorate$1s([
+        __decorate$1t([
             core.Output()
         ], RegisterWholesalerFormEcComponent.prototype, "ready", void 0);
-        RegisterWholesalerFormEcComponent = __decorate$1s([
+        RegisterWholesalerFormEcComponent = __decorate$1t([
             core.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>",
@@ -14676,7 +15033,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1t = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14810,10 +15167,10 @@
             { type: platformBrowser.Meta },
             { type: platformBrowser.Title }
         ]; };
-        __decorate$1t([
+        __decorate$1u([
             core.Input()
         ], ShareBlockEcComponent.prototype, "product", void 0);
-        ShareBlockEcComponent = __decorate$1t([
+        ShareBlockEcComponent = __decorate$1u([
             core.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 -->",
@@ -14836,7 +15193,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -14932,10 +15289,10 @@
             { type: CartService },
             { type: ChannelConfigService }
         ]; };
-        __decorate$1u([
+        __decorate$1v([
             core.Input()
         ], DetailCheckoutBlockEcComponent.prototype, "asociatedData", void 0);
-        DetailCheckoutBlockEcComponent = __decorate$1u([
+        DetailCheckoutBlockEcComponent = __decorate$1v([
             core.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>",
@@ -14958,7 +15315,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15017,13 +15374,13 @@
             { type: modal.BsModalService },
             { type: router.Router }
         ]; };
-        __decorate$1v([
+        __decorate$1w([
             core.ViewChild('template')
         ], CheckoutErrorComponent.prototype, "template", void 0);
-        __decorate$1v([
+        __decorate$1w([
             core.Input()
         ], CheckoutErrorComponent.prototype, "urlRedireccion", void 0);
-        CheckoutErrorComponent = __decorate$1v([
+        CheckoutErrorComponent = __decorate$1w([
             core.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",
@@ -15047,7 +15404,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15174,22 +15531,22 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], MpRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], MpRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], MpRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Input()
         ], MpRedirectEcComponent.prototype, "allData", void 0);
-        __decorate$1w([
+        __decorate$1x([
             core.Output()
         ], MpRedirectEcComponent.prototype, "ready", void 0);
-        MpRedirectEcComponent = __decorate$1w([
+        MpRedirectEcComponent = __decorate$1x([
             core.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",
@@ -15212,7 +15569,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15324,25 +15681,25 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "method", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "total_amount", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "user_data", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Input()
         ], RedSysRedirectOutEcComponent.prototype, "allData", void 0);
-        __decorate$1x([
+        __decorate$1y([
             core.Output()
         ], RedSysRedirectOutEcComponent.prototype, "ready", void 0);
-        RedSysRedirectOutEcComponent = __decorate$1x([
+        RedSysRedirectOutEcComponent = __decorate$1y([
             core.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>",
@@ -15365,7 +15722,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15545,25 +15902,25 @@
             { type: ToastService },
             { type: router.ActivatedRoute }
         ]; };
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "method", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "total_amount", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Output()
         ], PaypalExpressEcComponent.prototype, "ready", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.Input()
         ], PaypalExpressEcComponent.prototype, "user_data", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.ViewChild('template')
         ], PaypalExpressEcComponent.prototype, "template", void 0);
-        __decorate$1y([
+        __decorate$1z([
             core.ViewChild('paypal', { static: true })
         ], PaypalExpressEcComponent.prototype, "paypalElement", void 0);
-        PaypalExpressEcComponent = __decorate$1y([
+        PaypalExpressEcComponent = __decorate$1z([
             core.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>",
@@ -15586,7 +15943,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15698,28 +16055,28 @@
             { type: platformBrowser.DomSanitizer },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], MobbexEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], MobbexEcComponent.prototype, "method", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], MobbexEcComponent.prototype, "total_amount", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], MobbexEcComponent.prototype, "allData", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Input()
         ], MobbexEcComponent.prototype, "user_data", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.Output()
         ], MobbexEcComponent.prototype, "ready", void 0);
-        __decorate$1z([
+        __decorate$1A([
             core.ViewChild('template')
         ], MobbexEcComponent.prototype, "template", void 0);
-        MobbexEcComponent = __decorate$1z([
+        MobbexEcComponent = __decorate$1A([
             core.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>",
@@ -15743,7 +16100,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -15858,28 +16215,28 @@
             { type: platformBrowser.DomSanitizer },
             { type: modal.BsModalService }
         ]; };
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardEcComponent.prototype, "method", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardEcComponent.prototype, "total_amount", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardEcComponent.prototype, "allData", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Input()
         ], BancardEcComponent.prototype, "user_data", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.Output()
         ], BancardEcComponent.prototype, "ready", void 0);
-        __decorate$1A([
+        __decorate$1B([
             core.ViewChild('template')
         ], BancardEcComponent.prototype, "template", void 0);
-        BancardEcComponent = __decorate$1A([
+        BancardEcComponent = __decorate$1B([
             core.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>",
@@ -15903,7 +16260,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1C = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -16013,25 +16370,25 @@
             { type: router.ActivatedRoute },
             { type: platformBrowser.DomSanitizer }
         ]; };
-        __decorate$1B([
+        __decorate$1C([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "method", void 0);
-        __decorate$1B([
+        __decorate$1C([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "total_amount", void 0);
-        __decorate$1B([
+        __decorate$1C([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "user_data", void 0);
-        __decorate$1B([
+        __decorate$1C([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1B([
+        __decorate$1C([
             core.Input()
         ], BancardRedirectEcComponent.prototype, "allData", void 0);
-        __decorate$1B([
+        __decorate$1C([
             core.Output()
         ], BancardRedirectEcComponent.prototype, "ready", void 0);
-        BancardRedirectEcComponent = __decorate$1B([
+        BancardRedirectEcComponent = __decorate$1C([
             core.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>",
@@ -16065,7 +16422,7 @@
         };
         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;
@@ -16130,10 +16487,10 @@
             { type: modal.BsModalService },
             { type: router.Router }
         ]; };
-        __decorate$1C([
+        __decorate$1D([
             core.ViewChild('template')
         ], SelectChannelEcComponent.prototype, "template", void 0);
-        SelectChannelEcComponent = __decorate$1C([
+        SelectChannelEcComponent = __decorate$1D([
             core.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>",
@@ -16157,7 +16514,7 @@
             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;
@@ -16210,7 +16567,7 @@
             { type: CheckoutService },
             { type: CartService }
         ]; };
-        CartLoadEcComponent = __decorate$1D([
+        CartLoadEcComponent = __decorate$1E([
             core.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>",
@@ -16220,7 +16577,7 @@
         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;
@@ -16368,28 +16725,28 @@
             event.preventDefault();
             event.stopPropagation();
         };
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "ImageSrc", null);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "zoomMode", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "imageStyle", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.Input()
         ], MagnizoomComponent.prototype, "imageClass", void 0);
-        __decorate$1E([
+        __decorate$1F([
             core.ViewChild('mainCanvas', { static: true })
         ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-        MagnizoomComponent = __decorate$1E([
+        MagnizoomComponent = __decorate$1F([
             core.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",
@@ -16412,7 +16769,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1G = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -16476,19 +16833,19 @@
             { type: CartService },
             { type: ToastService }
         ]; };
-        __decorate$1F([
+        __decorate$1G([
             core.Input()
         ], MultipleItemsToCartEcComponent.prototype, "product", void 0);
-        __decorate$1F([
+        __decorate$1G([
             core.Input()
         ], MultipleItemsToCartEcComponent.prototype, "objectWithVariant", void 0);
-        __decorate$1F([
+        __decorate$1G([
             core.Output()
         ], MultipleItemsToCartEcComponent.prototype, "totalCostItems", void 0);
-        __decorate$1F([
+        __decorate$1G([
             core.Output()
         ], MultipleItemsToCartEcComponent.prototype, "totalItems", void 0);
-        MultipleItemsToCartEcComponent = __decorate$1F([
+        MultipleItemsToCartEcComponent = __decorate$1G([
             core.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>",
@@ -16498,7 +16855,7 @@
         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;
@@ -16611,7 +16968,7 @@
             { type: ParametersService }
         ]; };
         CaptchaService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function CaptchaService_Factory() { return new CaptchaService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService), core.ɵɵinject(http.HttpClient), core.ɵɵinject(ParametersService)); }, token: CaptchaService, providedIn: "root" });
-        CaptchaService$1 = __decorate$1G([
+        CaptchaService$1 = __decorate$1H([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -16619,7 +16976,7 @@
         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;
@@ -16653,13 +17010,13 @@
         RecaptchaEcComponent.ctorParameters = function () { return [
             { type: CaptchaService }
         ]; };
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], RecaptchaEcComponent.prototype, "form", void 0);
-        __decorate$1H([
+        __decorate$1I([
             core.Input()
         ], RecaptchaEcComponent.prototype, "siteKey", void 0);
-        RecaptchaEcComponent = __decorate$1H([
+        RecaptchaEcComponent = __decorate$1I([
             core.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>",
@@ -16682,7 +17039,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1I = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1J = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -16817,28 +17174,28 @@
             { type: ParametersService },
             { type: CheckoutService }
         ]; };
-        __decorate$1I([
+        __decorate$1J([
             core.Input()
         ], DecidirEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.Input()
         ], DecidirEcComponent.prototype, "method", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.Input()
         ], DecidirEcComponent.prototype, "total_amount", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.Input()
         ], DecidirEcComponent.prototype, "allData", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.Input()
         ], DecidirEcComponent.prototype, "user_data", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.Output()
         ], DecidirEcComponent.prototype, "ready", void 0);
-        __decorate$1I([
+        __decorate$1J([
             core.ViewChild('template')
         ], DecidirEcComponent.prototype, "template", void 0);
-        DecidirEcComponent = __decorate$1I([
+        DecidirEcComponent = __decorate$1J([
             core.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",
@@ -16849,7 +17206,7 @@
         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;
@@ -16996,7 +17353,7 @@
             { type: ConnectionService }
         ]; };
         ConcatenatedAssociationsService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ConcatenatedAssociationsService_Factory() { return new ConcatenatedAssociationsService(core.ɵɵinject(Constants), core.ɵɵinject(ConnectionService)); }, token: ConcatenatedAssociationsService, providedIn: "root" });
-        ConcatenatedAssociationsService$1 = __decorate$1J([
+        ConcatenatedAssociationsService$1 = __decorate$1K([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -17017,7 +17374,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1K = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1L = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17310,7 +17667,7 @@
             { type: CartService },
             { type: router.Router }
         ]; };
-        BuildYourEcComponent = __decorate$1K([
+        BuildYourEcComponent = __decorate$1L([
             core.Component({
                 selector: 'app-build-your-ec',
                 template: "<p>\n  build-your-ec works!\n</p>\n",
@@ -17344,7 +17701,7 @@
         };
         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;
@@ -17406,10 +17763,10 @@
             { type: router.Router },
             { type: ToastService }
         ]; };
-        __decorate$1L([
+        __decorate$1M([
             core.Input()
         ], ProductFoundEcComponent.prototype, "product", void 0);
-        ProductFoundEcComponent = __decorate$1L([
+        ProductFoundEcComponent = __decorate$1M([
             core.Component({
                 selector: 'app-product-found-ec',
                 template: "<p>\n  product-found works!\n</p>\n",
@@ -17433,7 +17790,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1M = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17597,22 +17954,22 @@
             { type: Constants },
             { type: router.Router }
         ]; };
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "product_id", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "classes", void 0);
-        __decorate$1M([
+        __decorate$1N([
             core.Input()
         ], ComparedProductsEcComponent.prototype, "setSize", null);
-        __decorate$1M([
+        __decorate$1N([
             core.Output()
         ], ComparedProductsEcComponent.prototype, "error", void 0);
-        ComparedProductsEcComponent = __decorate$1M([
+        ComparedProductsEcComponent = __decorate$1N([
             core.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>",
@@ -17635,7 +17992,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1O = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17658,25 +18015,25 @@
             { type: CheckoutService },
             { type: AnalyticsService }
         ]; };
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "lastStep", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "previousStep", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "step_id", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "nextStep", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "goBack", void 0);
-        __decorate$1N([
+        __decorate$1O([
             core.Input()
         ], StepEcComponent.prototype, "id_step", void 0);
-        StepEcComponent = __decorate$1N([
+        StepEcComponent = __decorate$1O([
             core.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",
@@ -17686,7 +18043,7 @@
         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;
@@ -17807,25 +18164,25 @@
             { type: ConnectionService },
             { type: ParametersService }
         ]; };
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], CulqiEcComponent.prototype, "amount", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], CulqiEcComponent.prototype, "apiKey", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], CulqiEcComponent.prototype, "method", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Input()
         ], CulqiEcComponent.prototype, "customStyle", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.Output()
         ], CulqiEcComponent.prototype, "ready", void 0);
-        __decorate$1O([
+        __decorate$1P([
             core.ViewChild('formContainer')
         ], CulqiEcComponent.prototype, "anchor", void 0);
-        CulqiEcComponent = __decorate$1O([
+        CulqiEcComponent = __decorate$1P([
             core.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>",
@@ -17848,7 +18205,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1P = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1Q = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -17913,16 +18270,16 @@
         RatingEcComponent.prototype.ngOnInit = function () {
             this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
         };
-        __decorate$1P([
+        __decorate$1Q([
             core.Input()
         ], RatingEcComponent.prototype, "template", void 0);
-        __decorate$1P([
+        __decorate$1Q([
             core.Input()
         ], RatingEcComponent.prototype, "type", void 0);
-        __decorate$1P([
+        __decorate$1Q([
             core.Input()
         ], RatingEcComponent.prototype, "ratingValue", void 0);
-        RatingEcComponent = __decorate$1P([
+        RatingEcComponent = __decorate$1Q([
             core.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",
@@ -17932,7 +18289,7 @@
         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;
@@ -18031,7 +18388,7 @@
             { type: PaginationService }
         ]; };
         ReviewsService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function ReviewsService_Factory() { return new ReviewsService(core.ɵɵinject(ConnectionService), core.ɵɵinject(Constants), core.ɵɵinject(PaginationService)); }, token: ReviewsService, providedIn: "root" });
-        ReviewsService$1 = __decorate$1Q([
+        ReviewsService$1 = __decorate$1R([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -18052,7 +18409,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1R = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18162,19 +18519,19 @@
             { type: AuthService },
             { type: ReviewsService }
         ]; };
-        __decorate$1R([
+        __decorate$1S([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "product", void 0);
-        __decorate$1R([
+        __decorate$1S([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "withAuthenticated", void 0);
-        __decorate$1R([
+        __decorate$1S([
             core.Input()
         ], ReviewsFormEcComponent.prototype, "max", void 0);
-        __decorate$1R([
+        __decorate$1S([
             core.Output()
         ], ReviewsFormEcComponent.prototype, "ready", void 0);
-        ReviewsFormEcComponent = __decorate$1R([
+        ReviewsFormEcComponent = __decorate$1S([
             core.Component({
                 selector: 'app-reviews-form-ec',
                 template: "<p>\n  reviews-form-ec works!\n</p>\n",
@@ -18197,7 +18554,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18251,10 +18608,10 @@
             { type: ReviewsService },
             { type: Constants }
         ]; };
-        __decorate$1S([
+        __decorate$1T([
             core.Input()
         ], ReviewsEcComponent.prototype, "product", void 0);
-        ReviewsEcComponent = __decorate$1S([
+        ReviewsEcComponent = __decorate$1T([
             core.Component({
                 selector: 'app-reviews-ec',
                 template: "<p>\n  reviews-ec works!\n</p>\n",
@@ -18277,7 +18634,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1U = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18538,28 +18895,28 @@
             { type: core.ChangeDetectorRef },
             { type: core.Renderer2 }
         ]; };
-        __decorate$1T([
+        __decorate$1U([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "method", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "total_amount", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "allData", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Input()
         ], BancardCatastroEcComponent.prototype, "user_data", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Output()
         ], BancardCatastroEcComponent.prototype, "ready", void 0);
-        __decorate$1T([
+        __decorate$1U([
             core.Output()
         ], BancardCatastroEcComponent.prototype, "cardAdded", void 0);
-        BancardCatastroEcComponent = __decorate$1T([
+        BancardCatastroEcComponent = __decorate$1U([
             core.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>",
@@ -18580,7 +18937,7 @@
         };
         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;
@@ -18778,7 +19135,7 @@
             { type: core.Injector }
         ]; };
         CookiesService.ɵprov = core.ɵɵdefineInjectable({ factory: function CookiesService_Factory() { return new CookiesService(core.ɵɵinject(core.INJECTOR)); }, token: CookiesService, providedIn: "root" });
-        CookiesService = __decorate$1U([
+        CookiesService = __decorate$1V([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -18799,7 +19156,7 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __decorate$1V = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$1W = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18894,10 +19251,10 @@
             { type: Constants },
             { type: CookiesService }
         ]; };
-        __decorate$1V([
+        __decorate$1W([
             core.Input()
         ], CookiesEcComponent.prototype, "templates", void 0);
-        CookiesEcComponent = __decorate$1V([
+        CookiesEcComponent = __decorate$1W([
             core.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>",
@@ -18907,7 +19264,7 @@
         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;
@@ -18925,13 +19282,13 @@
                 _this.show();
             }, 2000);
         };
-        __decorate$1W([
+        __decorate$1X([
             core.Input()
         ], SidebarCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1W([
+        __decorate$1X([
             core.Input()
         ], SidebarCookiesEcComponent.prototype, "acceptCookies", void 0);
-        SidebarCookiesEcComponent = __decorate$1W([
+        SidebarCookiesEcComponent = __decorate$1X([
             core.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",
@@ -18941,7 +19298,7 @@
         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;
@@ -18959,13 +19316,13 @@
                 _this.show();
             }, 2000);
         };
-        __decorate$1X([
+        __decorate$1Y([
             core.Input()
         ], ModalCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1X([
+        __decorate$1Y([
             core.Input()
         ], ModalCookiesEcComponent.prototype, "acceptCookies", void 0);
-        ModalCookiesEcComponent = __decorate$1X([
+        ModalCookiesEcComponent = __decorate$1Y([
             core.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",
@@ -18975,7 +19332,7 @@
         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;
@@ -18994,13 +19351,13 @@
                 _this.acceptCookies();
             }, 2000);
         };
-        __decorate$1Y([
+        __decorate$1Z([
             core.Input()
         ], ToastCookiesEcComponent.prototype, "cookies", void 0);
-        __decorate$1Y([
+        __decorate$1Z([
             core.Input()
         ], ToastCookiesEcComponent.prototype, "acceptCookies", void 0);
-        ToastCookiesEcComponent = __decorate$1Y([
+        ToastCookiesEcComponent = __decorate$1Z([
             core.Component({
                 selector: 'app-toast-cookies-ec',
                 template: "<div [class]=\"'position-fixed p-3 '+(cookies.format?.positionY ? cookies.format.positionY : 'top-0')+' '+(cookies.format?.positionX ? cookies.format.positionX : 'start-0')\" style=\"z-index: 9999\">\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>",
@@ -19010,7 +19367,7 @@
         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;
@@ -19023,16 +19380,16 @@
         }
         ModalConfigEcComponent.prototype.ngOnInit = function () {
         };
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookies", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookiesToSave", void 0);
-        __decorate$1Z([
+        __decorate$1_([
             core.Input()
         ], ModalConfigEcComponent.prototype, "cookiesFunctions", void 0);
-        ModalConfigEcComponent = __decorate$1Z([
+        ModalConfigEcComponent = __decorate$1_([
             core.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",
@@ -19055,7 +19412,7 @@
             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;
@@ -19223,28 +19580,28 @@
             { type: core.Injector },
             { type: CartService }
         ]; };
-        __decorate$1_([
+        __decorate$1$([
             core.Input()
         ], BambooEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.Input()
         ], BambooEcComponent.prototype, "method", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.Input()
         ], BambooEcComponent.prototype, "total_amount", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.Input()
         ], BambooEcComponent.prototype, "allData", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.Input()
         ], BambooEcComponent.prototype, "user_data", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.Output()
         ], BambooEcComponent.prototype, "ready", void 0);
-        __decorate$1_([
+        __decorate$1$([
             core.ViewChild('template')
         ], BambooEcComponent.prototype, "template", void 0);
-        BambooEcComponent = __decorate$1_([
+        BambooEcComponent = __decorate$1$([
             core.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>",
@@ -19254,7 +19611,7 @@
         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;
@@ -19408,7 +19765,7 @@
             { type: ToastService },
             { type: ChannelConfigService }
         ]; };
-        SidebarEcComponent = __decorate$1$([
+        SidebarEcComponent = __decorate$20([
             core.Component({
                 selector: 'app-sidebar-ec',
                 template: "",
@@ -19431,7 +19788,7 @@
             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;
@@ -19555,22 +19912,22 @@
             { type: CartService },
             { type: router.ActivatedRoute }
         ]; };
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], PlaceToPayEcComponent.prototype, "method", void 0);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], PlaceToPayEcComponent.prototype, "total_amount", void 0);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], PlaceToPayEcComponent.prototype, "paymentServiceInst", void 0);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], PlaceToPayEcComponent.prototype, "allData", void 0);
-        __decorate$20([
+        __decorate$21([
             core.Output()
         ], PlaceToPayEcComponent.prototype, "ready", void 0);
-        PlaceToPayEcComponent = __decorate$20([
+        PlaceToPayEcComponent = __decorate$21([
             core.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>",
@@ -19664,13 +20021,13 @@
         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 () {
@@ -19744,25 +20101,25 @@
             { type: BlocksService },
             { type: router.Router }
         ]; };
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], AddActionRedirectDirective.prototype, "isTransparent", null);
-        AddActionRedirectDirective = __decorate$21([
+        AddActionRedirectDirective = __decorate$22([
             core.Directive({
                 selector: "[ecAddActionRedirect]",
             }),
-            __param$b(0, core.Inject(common.DOCUMENT))
+            __param$c(0, core.Inject(common.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;
@@ -19827,13 +20184,13 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStock", null);
-        ProductStockDirective = __decorate$22([
+        ProductStockDirective = __decorate$23([
             core.Directive({
                 selector: "[ecProductStock]"
             })
@@ -19841,13 +20198,13 @@
         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 () {
@@ -19982,25 +20339,25 @@
             { type: core.ElementRef },
             { type: core.Renderer2 }
         ]; };
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], ProductOffDirective.prototype, "ecProductOff", null);
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], ProductOffDirective.prototype, "classStrSpacing", null);
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], ProductOffDirective.prototype, "customMessage", null);
-        ProductOffDirective = __decorate$23([
+        ProductOffDirective = __decorate$24([
             core.Directive({
                 selector: "[ecProductOff]",
             }),
-            __param$c(0, core.Inject(common.DOCUMENT))
+            __param$d(0, core.Inject(common.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;
@@ -20058,10 +20415,10 @@
             { type: core.Renderer2 },
             { type: Constants }
         ]; };
-        __decorate$24([
+        __decorate$25([
             core.Input()
         ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-        ProductMiniStandardDirective = __decorate$24([
+        ProductMiniStandardDirective = __decorate$25([
             core.Directive({
                 selector: '[ecProductMiniStandard]'
             })
@@ -20069,7 +20426,7 @@
         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;
@@ -20112,13 +20469,13 @@
             { type: core.ViewContainerRef },
             { type: AuthService }
         ]; };
-        __decorate$25([
+        __decorate$26([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-        __decorate$25([
+        __decorate$26([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-        AuthWholesalerDirective = __decorate$25([
+        AuthWholesalerDirective = __decorate$26([
             core.Directive({
                 selector: "[ecAuthWholesaler]"
             })
@@ -20126,7 +20483,7 @@
         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;
@@ -20148,10 +20505,10 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$26([
+        __decorate$27([
             core.Input()
         ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-        ReloadViewDirective = __decorate$26([
+        ReloadViewDirective = __decorate$27([
             core.Directive({
                 selector: '[ecReloadView]'
             })
@@ -20174,7 +20531,7 @@
         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;
@@ -20263,7 +20620,7 @@
             { type: CurrencyService },
             { type: core.Injector }
         ]; };
-        ecCurrencySymbolPipe = __decorate$27([
+        ecCurrencySymbolPipe = __decorate$28([
             core.Pipe({
                 name: 'ecCurrencySymbol',
                 pure: false
@@ -20272,7 +20629,7 @@
         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;
@@ -20288,7 +20645,7 @@
         EcSanitizerHtmlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerHtmlPipe = __decorate$28([
+        EcSanitizerHtmlPipe = __decorate$29([
             core.Pipe({
                 name: 'ecSanitizerHtml'
             })
@@ -20296,7 +20653,7 @@
         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;
@@ -20312,7 +20669,7 @@
         EcSanitizerUrlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerUrlPipe = __decorate$29([
+        EcSanitizerUrlPipe = __decorate$2a([
             core.Pipe({
                 name: 'ecSanitizerUrl'
             })
@@ -20327,7 +20684,7 @@
         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;
@@ -20414,7 +20771,7 @@
             };
         };
         var NgEasycommerceModule_1;
-        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2a([
+        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2b([
             core.NgModule({
                 exports: [
                     OrderByPipe,
@@ -20452,7 +20809,7 @@
         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;
@@ -20500,7 +20857,7 @@
             { type: ConnectionService }
         ]; };
         GiftCardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(core.ɵɵinject(Constants), core.ɵɵinject(CartService), core.ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-        GiftCardService$1 = __decorate$2b([
+        GiftCardService$1 = __decorate$2c([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -20508,7 +20865,7 @@
         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;
@@ -20564,7 +20921,7 @@
             { type: ngxToastr.ToastrService }
         ]; };
         WishlistService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(core.ɵɵinject(ngxToastr.ToastrService)); }, token: WishlistService, providedIn: "root" });
-        WishlistService$1 = __decorate$2c([
+        WishlistService$1 = __decorate$2d([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -20572,13 +20929,13 @@
         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 () {
@@ -20607,9 +20964,9 @@
         StandardReuseStrategy.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        StandardReuseStrategy = __decorate$2d([
+        StandardReuseStrategy = __decorate$2e([
             core.Injectable(),
-            __param$d(0, core.Inject('env'))
+            __param$e(0, core.Inject('env'))
         ], StandardReuseStrategy);
         return StandardReuseStrategy;
     }());
@@ -20671,6 +21028,7 @@
     exports.FiltersService = FiltersService;
     exports.FiltersTopEcComponent = FiltersTopEcComponent;
     exports.FooterEcComponent = FooterEcComponent;
+    exports.FooterService = FooterService;
     exports.ForgotPasswordEcComponent = ForgotPasswordEcComponent;
     exports.GiftCardService = GiftCardService;
     exports.HeaderEcComponent = HeaderEcComponent;
@@ -20743,6 +21101,13 @@
     exports.WishlistService = WishlistService;
     exports.browserWindowProvider = browserWindowProvider;
     exports.ecCurrencySymbolPipe = ecCurrencySymbolPipe;
+    exports.getSectionPages = getSectionPages;
+    exports.hasSectionPages = hasSectionPages;
+    exports.pickFooterForDevice = pickFooterForDevice;
+    exports.toHref = toHref;
+    exports.toSectionPageHref = toSectionPageHref;
+    exports.toSectionPageText = toSectionPageText;
+    exports.toText = toText;
     exports.windowFactory = windowFactory;
     exports.windowProvider = windowProvider;
     exports.ɵa = OrderByPipe;