ng-easycommerce 0.0.412 → 0.0.413

package/README.md

@@ -1,4 +1,12 @@
-# Ultimas Modificaciones
+# version: 0.0.413
+
+- Actualización de la interfaz de Store y StoreEcComponent para manejar tiendas exclusivas y con retiro local.
+
+- Actualización de la vista de Seller, se agrega la columna para pedidos nuevos y se acomodan los estilos.
+
+- Atualización de redirección AbleBuyerGuardService.
+
+- Actualización de los diccionarios ec-i18n.
 
 ### version: 0.0.412
 
@@ -32,7 +40,7 @@
 
 ### version: 0.0.408
 
-- Ajuste en componente SellerDashboardContainer (UI y backend redirect)
+- Ajuste en componente SellerDashboardContainer (UI y backend redirect).
 
 ### version: 0.0.407
 

package/assets/ec-i18n/en.json

@@ -225,7 +225,7 @@
 	"product-details": "Product details",
 	"product-name": "Article name",
 	"product-removed": "Cart product removed",
-	"product-updated": "The product quantity was updated",
+	"product-updated": "The product quantity was updated to {{quantity}}",
 	"products": "Products",
 	"profile": "Profile",
 	"purchase-code": "Your purchase code is: ",
@@ -355,5 +355,7 @@
     "exit": "Exit",
     "start-impersonating": "Operating as: {{ customer }}",
     "stop-impersonating": "You are not operating as none of your customers",
-    "must-select-customer": "You must select a customer to perform this action."
+    "must-select-customer": "You must select a customer to perform this action.",
+	"new-orders": "New orders",
+	"operate-as": "Operate as"
 }

package/assets/ec-i18n/es.json

@@ -226,7 +226,7 @@
     "product-details": "Detalles del producto",
     "product-name": "Nombre de artículo",
     "product-removed": "Se eliminó el producto en tu carrito",
-    "product-updated": "Se actualizó la cantidad del producto",
+    "product-updated": "Se actualizó la cantidad del producto quedando en {{quantity}}",
     "products": "Productos",
     "profile": "Perfil",
     "purchase-code": "Su código de compra es: ",
@@ -356,5 +356,7 @@
     "exit": "Salir",
     "start-impersonating": "Operando como: {{ customer }}",
     "stop-impersonating": "No se encuentra operando por ninguno de sus clientes",
-    "must-select-customer": "Debe seleccionar un cliente para ejecutar esta acción."
+    "must-select-customer": "Debe seleccionar un cliente para ejecutar esta acción.",
+    "new-orders": "Pedidos nuevos",
+    "operate-as": "Operar como"
 }

package/assets/recaptcha/recaptcha-sites.json

@@ -47,5 +47,39 @@
     "estacioncentral.easycommercetech.com": "tanda_1",
     "www.estacioncentral.com.ar": "tanda_1",
     "cuidex.easycommercetech.com": "tanda_1",
-    "sherman.easycommercetech.com": "tanda_1"
+    "sherman.easycommercetech.com": "tanda_1",
+    "backend.almacendelmolino.com.ar": "tanda_1",
+    "bonjourlulu.com.ar": "tanda_1",
+    "shop.bonjourlulu.com.ar": "tanda_1",
+    "bonjourlulu.easycommercetech.com": "tanda_1",
+    "chispa.com.py": "tanda_1",
+    "deporcenter.easycommercetech.com": "tanda_1",
+    "backend.tienda.dos-hermanos.com": "tanda_1",
+    "easycommercetech.com": "tanda_1",
+    "test.easycommercetech.com": "tanda_1",
+    "www.elden.com": "tanda_1",
+    "www.elden.com.ar": "tanda_1",
+    "www.subzero.com.ar": "tanda_1",
+    "www.subzero-wolf.com.ar": "tanda_1",
+    "www.solac.com.ar": "tanda_1",
+    "www.smeg.com.ar": "tanda_1",
+    "subzero.easycommercetech.com": "tanda_1",
+    "smegv2.easycommercetech.com": "tanda_1",
+    "equipajes.easycommercetech.com": "tanda_1",
+    "delseychile.easycommercetech.com": "tanda_1",
+    "delseyargentina.easycommercetech.com": "tanda_1",
+    "equipajeurbano.easycommercetech.com": "tanda_1",
+    "gezatek.easycommercetech.com": "tanda_1",
+    "www.guolis.com.ar": "tanda_1",
+    "ibashop.com.ar": "tanda_1",
+    "iba.easycommercetech.com": "tanda_1",
+    "b2b.idargentina.com": "tanda_1",
+    "backend.lapequeteria.com": "tanda_1",
+    "maxifarma.com.py": "tanda_1",
+    "rheem.easycommercetech.com": "tanda_1",
+    "saiar.easycommercetech.com": "tanda_1",
+    "servicompras.easycommercetech.com": "tanda_1",
+    "thecouples.com.ar": "tanda_1",
+    "thecouples.easycommercetech.com": "tanda_1",
+    "iberspa.easycommercetech.tienda": "tanda_1"
 }

package/bundles/ng-easycommerce.umd.js

@@ -3961,11 +3961,11 @@
                 _this.requestInProcess.next(false);
             };
             this.updateCartItemQuantity = function (variant_id, quantity) {
-                _this.items.find(function (item) { return item.variant_id == variant_id; }).quantity = quantity;
+                var newQuantity = _this.items.find(function (item) { return item.variant_id == variant_id; }).quantity = quantity;
                 _this.cartItemsSubject.next(_this.items);
                 _this.requestInProcess.next(false);
                 _this.updateLocalCart();
-                _this.toastrService.show('product-updated');
+                _this.toastrService.show('product-updated', { quantity: newQuantity });
             };
             this.appendToCart = function (cart) {
                 _this.updateCartObj(cart);
@@ -5140,7 +5140,7 @@
             this.router = router;
         }
         AbleBuyerGuardService$1.prototype.canActivate = function (routeSnapshot) {
-            var redirectTo = routeSnapshot.data.redirectTo || '/';
+            var redirectTo = routeSnapshot.data.redirectSellerTo || '/';
             if (!this.auth.isAbleToBuy())
                 this.router.navigateByUrl(redirectTo);
             return this.auth.isAbleToBuy();
@@ -8900,9 +8900,15 @@
             _this.sanitizer = sanitizer;
             _this.filterStores = null;
             _this.storesAll = null;
+            _this.exclusiveStores = null;
             _this.imageMap = true;
             _this.stores = [];
             _this.provinces = [];
+            /**
+             * @description Obtiene todas la provincias que figuren en el arreglo
+             * @param stores Arreglo de tiendas
+             * @returns {Array} Arreglo de provincias
+             */
             _this.getProvices = function (stores) {
                 var provincesOpt = [];
                 stores.forEach(function (store) {
@@ -8912,6 +8918,42 @@
                 });
                 return provincesOpt;
             };
+            /**
+             * @description Retorna un arreglo de objetos formado por las claves
+             *      "province"(contiene un objeto provincia) y
+             *      "stores" (contiene un arreglo de tiendas pertenecientes a la provincia)
+             * @param stores Opcional, arreglo de tiendas a la que se le quiere aplicar la division por provincia
+             * @returns {Array<{"province", "stores"}>}
+             */
+            _this.getStoresByProvinces = function (stores) {
+                if (stores === void 0) { stores = _this.stores; }
+                var storesByProvinces = [];
+                if (stores) {
+                    var provinces = _this.getProvices(stores);
+                    provinces.forEach(function (elem) {
+                        var _a;
+                        var aux = (_a = stores) === null || _a === void 0 ? void 0 : _a.filter(function (store) { return store.province.code == elem.code; });
+                        storesByProvinces.push({ province: elem, stores: aux });
+                    });
+                }
+                return storesByProvinces;
+            };
+            /**
+             * @description Retorna las tiendas con/sin retiro en el local
+             * @param stores Opcional, arreglo de tiendas
+             * @param cond Opcional, Si es "true" obtiene las tiendas con retiro local caso contrario "false"
+             * @returns {Array<Store>} Arreglo de Store
+             */
+            _this.getPickupStores = function (stores, cond) {
+                if (stores === void 0) { stores = _this.stores; }
+                if (cond === void 0) { cond = true; }
+                return stores && stores.filter(function (store) { return cond == store.pickupStore; });
+            };
+            /**
+             * @description Metodo que devuelve las tiendas que NO son exclusivas.
+             * @returns {Array<Store>} Arreglo de Store
+             */
+            _this.getNonExclusiveStores = function () { return _this.stores.filter(function (store) { return !store.exclusive; }); };
             _this.selectChange = function (select) {
                 _this.filterStores = select != '' && _this.storesAll.filter(function (store) { return store.province.code == select; }) || _this.storesAll;
                 return true;
@@ -8920,6 +8962,7 @@
             _this.storesService.stores.pipe(operators.filter(function (store) { return store && store.length > 0; })).subscribe(function (stores) {
                 _this.storesAll = stores;
                 _this.stores = stores;
+                _this.exclusiveStores = stores.filter(function (store) { return store.exclusive; });
                 _this.selectChange('');
             });
             _this.ecOnConstruct();
@@ -9130,8 +9173,8 @@
         SellerDashboardContainerEcComponent = __decorate$17([
             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\" aria-current=\"page\">\n                                {{ 'my-clients' | translate }}\n                            </a>\n                        </li>\n                        <div\n                            class=\"d-flex justify-content-end justify-content-lg-start justify-content-xl-end col-12 col-md-12 col-lg-6\">\n                            <a *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN')\" [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 }}</a>\n                            <a *ngIf=\"hasUIComponent('MANAGE_ORDERS_BTN')\" (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 ms-auto camposVendedores col-12 col-md-12 col-lg-4 justify-content-end\">\n                            <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\n                                (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores\">\n                                <option selected hidden disabled>{{ 'order-by' | translate }}</option>\n                                <option value='asc'>{{ 'client' | translate }} (A-Z)</option>\n                                <option value='desc'>{{ 'client' | translate }} (Z-A)</option>\n                            </select>\n                            <form *ngIf=\"hasUIComponent('SEARCH_FORM')\" 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                    </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-7 col-md-3 mb-md-0\">\n                                    <small>{{ 'client' | translate | uppercase }}</small>\n                                </div>\n\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <small>{{ 'user' | translate | uppercase }}</small>\n                                </div>\n\n                                <div class=\"col-3 col-md-2 text-left\">\n                                    <small>{{ 'code' | translate | uppercase }}</small>\n                                </div>\n\n                                <div class=\"col-2 col-md-4 text-left\">\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\">\n                            <div class=\"row d-flex align-items-center\">\n                                <div class=\"col-7 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-2 col-md-2 text-left ps-2 pl-2\">\n                                    <div class=\"price h6 pb-0 mb-0 ps-1 pl-1\">{{ customer.id }}</div>\n                                </div>\n                                <div class=\"col-3 col-md-4 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-in-right me-2 mr-2\"></i>\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\n                                                {{ 'exit' | translate | uppercase }}\n                                            </small>\n                                            <div *ngIf=\"hasUIComponent('ORDER_COUNTER')\" class=\"contNumero\">\n                                                {{ customer.ordersNotApproved }}\n                                            </div>\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                                                {{ 'access' | translate | uppercase }}\n                                            </small>\n                                            <div *ngIf=\"hasUIComponent('ORDER_COUNTER')\" class=\"contNumero\">\n                                                {{ customer.ordersNotApproved }}\n                                            </div>\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:152px!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}"]
+                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                        <div\n                            class=\"d-flex justify-content-end justify-content-lg-start justify-content-xl-end col-12 col-md-12 col-lg-6\">\n                            <a *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN')\" [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 }}</a>\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 ms-auto camposVendedores col-12 col-md-12 col-lg-4 justify-content-end\">\n                            <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\n                                (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores\">\n                                <option selected hidden disabled>{{ 'order-by' | translate }}</option>\n                                <option value='asc'>{{ 'client' | translate }} (A-Z)</option>\n                                <option value='desc'>{{ 'client' | translate }} (Z-A)</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                    </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-5 col-md-3 mb-md-0\">\n                                    <small>{{ 'client' | translate | uppercase }}</small>\n                                </div>\n\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <small>{{ 'user' | translate | uppercase }}</small>\n                                </div>\n\n                                <div class=\"col-3 col-md-2 text-left\">\n                                    <small>{{ 'code' | 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\">\n                            <div class=\"row d-flex align-items-center\">\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-3 col-md-2 text-left ps-2 pl-2\">\n                                    <div class=\"price h6 pb-0 mb-0 ps-1 pl-1\">{{ customer.id }}</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}"]
             }),
             __param$9(3, core.Inject('env'))
         ], SellerDashboardContainerEcComponent);