ng-easycommerce 0.0.443 → 0.0.444

package/README.md

@@ -1,3 +1,8 @@
+# version 0.0.444
+- Se mejora la funcionalidad del componente build-your-ec.
+- Se agrega en el componente header la opcion de obtener las secciones en el menu.
+- Se actualiza el componente section-container-ec para obtener todos los datos de la seccion.
+
 # version 0.0.443
 - Se actualiza la funcionalidad del componente build-your-ec, se mejora el proceso paso y filtrado de opciones, se captura error en caso de que no existan mas coincidencias.
 - Se crea nuevo componente, product-found-ec, para el manejo de los productos resultantes de la busqueda por filtros.

package/bundles/ng-easycommerce.umd.js

@@ -8130,6 +8130,17 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
+    var __assign$m = (this && this.__assign) || function () {
+        __assign$m = Object.assign || function(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign$m.apply(this, arguments);
+    };
     var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -8171,12 +8182,21 @@
             _this.renderer = renderer;
             //og elden
             _this.menuItems = [];
-            _this.menuSections = [];
+            _this.menuItemsSections = [];
+            _this.sections = [];
             _this.attributes = [];
             _this.categories = [];
             _this.envetUrlTransparent = ["/home", "/"];
             _this.params = {};
             _this.toggled = false;
+            _this.updateMenuItemSection = function (elements) {
+                _this.menuItemsSections = _this.optionsService.generateMenu(elements);
+                _this.menuItemsSections = _this.ecUpdateMenuItemSection(_this.menuItemsSections);
+                _this.sections = _this.menuItemsSections;
+            };
+            _this.ecUpdateMenuItemSection = function (menuItems) {
+                return menuItems;
+            };
             _this.updateMenuItem = function (title, elements) {
                 var _a, _b;
                 var index = _this.menuItems.findIndex(function (element) { return element.title == title; });
@@ -8229,6 +8249,12 @@
             };
             _this.updateMenuItemLastCreated = function (arrayMenu) { return arrayMenu; };
             _this.changeUrlNavigation = function (url) { };
+            _this.addChildren = function (menuItems, code, item, stackPlace) {
+                if (stackPlace === void 0) { stackPlace = 'end'; }
+                var _a, _b;
+                (stackPlace == 'start')
+                    ? (_a = menuItems.find(function (item) { var _a; return (_a = item.code) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(code); })) === null || _a === void 0 ? void 0 : _a.children.unshift(__assign$m({ code: 'sd', name: 'sd', path: '/home', title: 'sd' }, item)) : (_b = menuItems.find(function (item) { var _a; return (_a = item.code) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(code); })) === null || _b === void 0 ? void 0 : _b.children.push(__assign$m({ code: 'sd', name: 'sd', path: '/home', title: 'sd' }, item));
+            };
             _this.envetUrlTransparent = _this.changeUrlTransparent(_this.envetUrlTransparent);
             _this.router.events.subscribe(function (event) {
                 if (event instanceof router.NavigationStart) {
@@ -8248,6 +8274,7 @@
                 _this.updateMenuItem('attributes', res);
                 _this.subscribeAttributes(res);
             });
+            _this.optionsService.sections.subscribe(function (res) { return (res.length > 0) && _this.updateMenuItemSection(res); });
             _this.ecOnConstruct();
             return _this;
         }
@@ -8441,8 +8468,8 @@
         return LoginEcComponent;
     }(ComponentHelper));
 
-    var __assign$m = (this && this.__assign) || function () {
-        __assign$m = Object.assign || function(t) {
+    var __assign$n = (this && this.__assign) || function () {
+        __assign$n = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
                 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -8450,7 +8477,7 @@
             }
             return t;
         };
-        return __assign$m.apply(this, arguments);
+        return __assign$n.apply(this, arguments);
     };
     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;
@@ -8782,7 +8809,7 @@
             product_selected.price = parseFloat(this.asociatedDataSubject.value.price);
             product_selected.saleprice = parseFloat(this.asociatedDataSubject.value.price);
             product_selected.options = {};
-            this.variants[0].options.forEach(function (option) { return product_selected.options = __assign$m(__assign$m({}, product_selected.options), option); });
+            this.variants[0].options.forEach(function (option) { return product_selected.options = __assign$n(__assign$n({}, product_selected.options), option); });
             return product_selected;
         };
         /**
@@ -8824,7 +8851,7 @@
                 }
                 variantsAvailable.push(aux);
             });
-            return variantsAvailable.filter(function (va) { return _this.constants.containsAll(__assign$m({}, variantsSelected), va); });
+            return variantsAvailable.filter(function (va) { return _this.constants.containsAll(__assign$n({}, variantsSelected), va); });
         };
         /**
          *
@@ -8867,8 +8894,8 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __assign$n = (this && this.__assign) || function () {
-        __assign$n = Object.assign || function(t) {
+    var __assign$o = (this && this.__assign) || function () {
+        __assign$o = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
                 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -8876,7 +8903,7 @@
             }
             return t;
         };
-        return __assign$n.apply(this, arguments);
+        return __assign$o.apply(this, arguments);
     };
     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;
@@ -8942,7 +8969,7 @@
                 _this.breadcrumb = _this.optionsService.getBreadcrumb(_this.product.category);
             });
             _this.productService.product$.pipe(operators.filter(function (data) { return data && data.id && data.id != 0; })).subscribe(function (productParam) {
-                _this.analyticsService.callEvent('view_item', __assign$n(__assign$n({}, productParam), { currency: _this.consts.currency.code }));
+                _this.analyticsService.callEvent('view_item', __assign$o(__assign$o({}, productParam), { currency: _this.consts.currency.code }));
                 _this.changeImgFocus(productParam.picturesdefault[0]);
             });
             _this.ecOnConstruct();
@@ -9222,6 +9249,10 @@
                     _this.loadSection = true;
                 });
             };
+            _this.getDataSection = function (code) {
+                _this.dataSection = _this.sections.find(function (section) { return section.code == code; });
+            };
+            _this.optionsService.sections.subscribe(function (res) { return _this.sections = res; });
             _this.ecOnConstruct();
             return _this;
         }
@@ -9229,11 +9260,15 @@
             var _this = this;
             if (this.name) {
                 this.getSection(this.name);
+                this.getDataSection(this.name);
+                console.log('con parametro');
             }
             else {
                 this.activatedRoute.params.subscribe(function (params) {
                     _this.name = params.name;
                     _this.getSection(_this.name);
+                    _this.getDataSection(_this.name);
+                    console.log('sin parametro', _this.name);
                 });
             }
             this.ecOnInit();
@@ -9680,8 +9715,8 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __assign$o = (this && this.__assign) || function () {
-        __assign$o = Object.assign || function(t) {
+    var __assign$p = (this && this.__assign) || function () {
+        __assign$p = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
                 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -9689,7 +9724,7 @@
             }
             return t;
         };
-        return __assign$o.apply(this, arguments);
+        return __assign$p.apply(this, arguments);
     };
     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;
@@ -9782,7 +9817,7 @@
                         _this.payment_method = payment_data.id;
                         _this.issuer_id = payment_data.issuer.id;
                         payment_data.payer_costs.forEach(function (payerCost) {
-                            _this.installments.push(__assign$o(__assign$o({}, payerCost), { name: ('Cuotas: ' + payerCost.installments + ' - Total: ' + _this.calculateTotal(payerCost)), value: payerCost.installments }));
+                            _this.installments.push(__assign$p(__assign$p({}, payerCost), { name: ('Cuotas: ' + payerCost.installments + ' - Total: ' + _this.calculateTotal(payerCost)), value: payerCost.installments }));
                         });
                         _this.installment_data = payment_data;
                     }
@@ -9869,7 +9904,7 @@
                 if (status == 200 && response.length) {
                     _this.installments = [];
                     response[0].payer_costs.forEach(function (payerCost) {
-                        _this.installments.push(__assign$o(__assign$o({}, payerCost), { name: payerCost.recommended_message, value: payerCost.installments }));
+                        _this.installments.push(__assign$p(__assign$p({}, payerCost), { name: payerCost.recommended_message, value: payerCost.installments }));
                     });
                     _this.installment_data = response[0];
                 }
@@ -12960,8 +12995,8 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __assign$p = (this && this.__assign) || function () {
-        __assign$p = Object.assign || function(t) {
+    var __assign$q = (this && this.__assign) || function () {
+        __assign$q = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
                 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -12969,7 +13004,7 @@
             }
             return t;
         };
-        return __assign$p.apply(this, arguments);
+        return __assign$q.apply(this, arguments);
     };
     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;
@@ -13016,7 +13051,7 @@
             var _this = this;
             this.subs = this.authService.channelsUser.pipe(operators.filter(function (res) { return res != null && res.length > 0; })).subscribe(function (res) {
                 _this.channels = res.map(function (item) {
-                    return __assign$p(__assign$p({}, item), { selected: false });
+                    return __assign$q(__assign$q({}, item), { selected: false });
                 });
                 _this.initializeTemplate();
             });
@@ -13794,13 +13829,28 @@
             this.currentStepSubject = new rxjs.BehaviorSubject({});
             this.stepList$ = this.stepListSubject.asObservable();
             this.currentStep$ = this.currentStepSubject.asObservable();
+            /**
+             * @description sujeto para observar los errores.
+             */
+            this.errorSubject = new rxjs.BehaviorSubject({});
+            /**
+             * @description observable para el manejo de errores.
+             */
+            this.error$ = this.errorSubject.asObservable();
             //Lista de endpoints
             this.stepListApi = function (sectionName) { return 'shop-api/' + _this.consts.getChannel() + '/concatenated_associations/' + sectionName; };
             this.applyFilterApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/concatenated_associations/step_by_step/'; };
+            /**
+             * @description Obtiene la lista de pasos completa, dato que se recibe cuando inicia la carga de datos.
+             * @param section Este parametro recibe la seccion de donde se obtendran la lista de pasos
+             * @param fatherCode Este parametro recibe el codigo padre de esa seccion, es decir de donde empieza el filtrado de pasos.
+             * @returns
+             */
             this.getStepList = function (section, fatherCode) { return __awaiter$e(_this, void 0, void 0, function () {
                 var _this = this;
                 return __generator$e(this, function (_a) {
-                    return [2 /*return*/, this.connection.post(this.stepListApi(section)).subscribe(function (res) {
+                    return [2 /*return*/, section && this.connection.post(this.stepListApi(section)).subscribe(function (res) {
+                            _this.errorSubject.next({ state: false });
                             //Si existe el codigo del padre
                             if (fatherCode) {
                                 var values = res.filter(function (e) { return e[0].code == fatherCode; });
@@ -13809,6 +13859,7 @@
                                     _this.initializeStepList(values[0]); //inicializa 
                                 }
                                 else {
+                                    _this.errorSubject.next({ state: true, error: 'error no hay nada con ese codigo' });
                                     console.log('error no hay nada con ese codigo');
                                     _this.initializeStepList([]); //inicializa con un arreglo vacio
                                 }
@@ -13817,7 +13868,7 @@
                                 //Si no hay codigo del padre, inicializa con el primer valor del arreglo
                                 _this.initializeStepList(res[0]);
                             }
-                        }, function (e) { return console.log(e); })
+                        }, function (e) { return _this.errorSubject.next({ state: true, error: e }); })
                         /**
                          * @description Inicializa la carga de datos al subjeto del observable.
                          * @param response Respuesta recibida desde el backend
@@ -13850,6 +13901,10 @@
                 //console.log('entre update')
                 _this.stepListSubject.next(value);
             };
+            /**
+             * @decription actualiza el paso actual en donde se encuentra.
+             * @param value
+             */
             this.updateCurrentStep = function (value) {
                 _this.currentStepSubject.next(value);
             };
@@ -13907,13 +13962,18 @@
             _this.formBuilder = formBuilder;
             _this.toastrService = toastrService;
             _this.consts = consts;
-            _this.currentPosition = 0;
-            _this.selectedValues = {};
-            _this.itemCurrentSelected = '';
-            _this.loadingStep = false;
-            _this.finished = false;
-            _this.noMoreCoincidences = false;
-            _this.products = [];
+            _this.currentPosition = 0; //Guarda la posicion del paso activo
+            _this.selectedValues = {}; //Guarda los valores que se van seleccionando.
+            _this.itemCurrentSelected = ''; //Para guarda el item selecciondo
+            _this.loadingStep = false; //Marca si se esta cargando el paso
+            _this.finished = false; //Marca si finalizo la secuencia de pasos 
+            _this.noMoreCoincidences = false; //Marca si no hay mas coincidencias de productos
+            _this.products = []; //Recibe el/los producto/s resultantes
+            /**
+             * @description inserta atributos adicionales a los pasos recibidos.
+             * current => para indicar cuando el paso esta activo.
+             * touched => para indicar cuando el paso fue activado.
+             */
             _this.insertAttributes = function () {
                 //console.log('attributes', this.stepList)
                 _this.stepList.map(function (step, index) {
@@ -13921,6 +13981,10 @@
                     step.touched = false;
                 });
             };
+            /**
+             * @description retorna las opciones del paso segun el tipo de paso que esta recibiendo.
+             * @param item step para obtener los datos.
+             */
             _this.itemValuesFactory = function (item) {
                 switch (item.type) {
                     case 'optionProduct':
@@ -13937,42 +14001,51 @@
                         break;
                 }
             };
+            /**
+             * @description Carga el componente para obtener sus datos iniciales.
+             * @param section Seccion asociada con la asociaciones creadas
+             * @param fatherCode Codigo del paso de donde se quiere arrancar el filtrado.
+             */
             _this.load = function (section, fatherCode) {
                 if (section === void 0) { section = ''; }
-                _this.concatenated.load(section || 'configurador', fatherCode);
+                _this.concatenated.load(section, fatherCode);
             };
+            /**
+             * @description carga con el valor seleccionado. Reinicia la condicion de "no más coincidencias"
+             * @param value
+             */
             _this.setItemCurrentSelected = function (value) {
                 _this.noMoreCoincidences = false;
                 _this.itemCurrentSelected = value;
             };
+            /**
+             * @description funcion para ser utilizada como captura del envio de un formulario.
+             * @param event
+             */
             _this.submitNext = function (event) {
                 event.preventDefault();
                 if (!_this.stepList[_this.currentPosition].skippeable) {
-                    /*  console.log(this.itemCurrentSelected,'-',this.itemCurrentSelected.length) */
                     if (_this.itemCurrentSelected && _this.itemCurrentSelected.length) {
-                        /*  console.log(!this.stepList[this.currentPosition].skippeable,' ', this.itemCurrentSelected.length-1) */
                         _this.next(_this.itemCurrentSelected);
                     }
                     else {
-                        //mensaje toast
                         _this.toastrService.show('Escoja una opción');
-                        /* console.log('elegí algo papu') */
                     }
                 }
                 else {
                     _this.itemCurrentSelected ? _this.next(_this.itemCurrentSelected) : _this.next();
                 }
             };
+            /**
+             * @description evalua el valor que recibe por parametro, realiza la consulta para el filtrado y carga los datos recibidos.
+             * @param selectValue valor asociado al codigo de la opcion elegida.
+             */
             _this.next = function (selectValue) {
                 if (selectValue === void 0) { selectValue = ''; }
                 _this.loadingStep = true;
-                //this.noMoreCoincidences = false
-                /*  console.log(' current next', this.currentStep)
-                 console.log(selectValue) */
                 if (selectValue) {
                     //se envia la peticion con el valor elegido
                     _this.selectedValues[_this.currentPosition] = [selectValue];
-                    /* console.log(this.selectedValues) */
                     _this.concatenated.applyFilter({
                         "code": _this.code,
                         "values": _this.selectedValues
@@ -13980,22 +14053,28 @@
                 }
                 else {
                     //se envia la peticion con valor skipped=false.. etc
+                    _this.selectedValues[_this.currentPosition] = [""];
+                    _this.concatenated.applyFilter({
+                        "code": _this.code,
+                        "values": _this.selectedValues
+                    }).then(function (e) { return _this.setNextStep(selectValue); }).catch(function (e) { e.status == 500 ? _this.noMoreCoincidences = true : null; });
                     console.log('vacio pa');
                 }
                 _this.loadingStep = false;
             };
+            /**
+             * @description realiza el transpaso de datos desde el paso actual al siguiente paso de filtrado.
+             * @param selectValue valor asociado al codigo de la opcion elegida.
+             */
             _this.setNextStep = function (selectValue) {
                 _this.stepList[_this.currentPosition].valueSelected = _this.getAssociatedData(selectValue, _this.stepList[_this.currentPosition]);
-                /*  console.log(this.getAssociatedData(selectValue,this.stepList[this.currentPosition]))
-                 console.log(this.currentStep) */
                 _this.stepList[_this.currentPosition].current = false;
                 _this.stepList[_this.currentPosition].touched = true;
                 _this.currentPosition++;
+                // Si es el final de la lista de pasos.
                 if (_this.currentPosition == _this.stepList.length) {
-                    /*  console.log(this.currentStep) */
                     _this.products = _this.currentStep;
                     _this.finished = true;
-                    /*   console.log('final', this.finished) */
                 }
                 else {
                     _this.stepList[_this.currentPosition].current = true;
@@ -14004,6 +14083,10 @@
                     _this.itemCurrentSelected = '';
                 }
             };
+            /**
+             * @description realiza las configuraciones necesarias para el retroceso de un paso.
+             * @param index cantidad de pasos que se quiere retroceder, 1 por defecto.
+             */
             _this.prev = function (index) {
                 if (index === void 0) { index = -1; }
                 _this.stepList[_this.currentPosition].current = false;
@@ -14021,6 +14104,11 @@
                     : '';
                 /* console.log(this.stepList) */
             };
+            /**
+             * @description limpia los pasos, volviendo sus valores a los iniciales.
+             * Elimina los valores del arreglo de valores seleccionados.
+             * @param index
+             */
             _this.clearItems = function (index) {
                 _this.stepList.map(function (step, i) {
                     if (i > index) {
@@ -14028,11 +14116,20 @@
                         step.touched = false;
                         step.valueSelected = '';
                         delete _this.selectedValues[i];
-                        /*   console.log(this.selectedValues) */
                     }
                 });
             };
+            /**
+             * @description retorna los datos de los valores de las opciones
+             * @param code codigo de la opcion elegida
+             * @param item filtro/paso
+             * @returns los valores asociados a la opcion elegida
+             */
             _this.getAssociatedData = function (code, item) { return item.productOption.values.find(function (elem) { return elem.code == code; }); };
+            /**
+             * @description actualiza la lista de pasos.
+             * @param list
+             */
             _this.updateList = function (list) {
                 _this.concatenated.updateStepList(list);
             };
@@ -14046,6 +14143,7 @@
                 }
             });
             _this.concatenated.currentStep$.subscribe(function (res) { return _this.currentStep = res; });
+            _this.concatenated.error$.subscribe(function (res) { return _this.error = res; });
             _this.ecOnConstruct();
             return _this;
         }
@@ -14084,8 +14182,8 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __assign$q = (this && this.__assign) || function () {
-        __assign$q = Object.assign || function(t) {
+    var __assign$r = (this && this.__assign) || function () {
+        __assign$r = Object.assign || function(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
                 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -14093,7 +14191,7 @@
             }
             return t;
         };
-        return __assign$q.apply(this, arguments);
+        return __assign$r.apply(this, arguments);
     };
     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;
@@ -14115,17 +14213,29 @@
             _this.router = router;
             _this.toastrService = toastrService;
             _this.quantity = 1;
+            /**
+             * @description agrega el producto al carrito de compras
+             */
             _this.addToCart = function () {
                 _this.quantity > 0 && _this.productService.addToCart(_this.quantity);
             };
+            /**
+             * @description suma 1 a la cantidad del producto para agregar al carrito, si es que hay stock disponible
+             * @param stock stock del producto que se quiere agregar al carrito
+             * @returns
+             */
             _this.plus = function (stock) { return _this.quantity < stock ? _this.quantity = _this.quantity + 1 : _this.toastrService.show('out-of-stock-actually'); };
+            /**
+             * @description resta 1 la cantidad del producto para agregar al carrito.
+             * @returns
+             */
             _this.less = function () { return _this.quantity > 1 ? _this.quantity = _this.quantity - 1 : null; };
             _this.productService.product$.subscribe(function (res) {
                 _this.associatedData = res;
                 window.scroll(0, 0);
             });
             _this.productService.product$.pipe(operators.filter(function (data) { return data && data.id && data.id != 0; })).subscribe(function (productParam) {
-                _this.analyticsService.callEvent('view_item', __assign$q(__assign$q({}, productParam), { currency: _this.consts.currency.code }));
+                _this.analyticsService.callEvent('view_item', __assign$r(__assign$r({}, productParam), { currency: _this.consts.currency.code }));
             });
             _this.ecOnConstruct();
             return _this;