contentoh-components-library 21.4.4 → 21.4.5

package/dist/components/organisms/GridProducts/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridProducts = void 0;
+
+var _styles = require("./styles");
+
+var _GridItem = require("../../molecules/GridItem");
+
+var _HeaderItem = require("../../molecules/HeaderItem");
+
+var _RowItem = require("../../molecules/RowItem");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var GridProducts = function GridProducts(_ref) {
+  var _ref$products = _ref.products,
+      products = _ref$products === void 0 ? [] : _ref$products,
+      _ref$columnsArray = _ref.columnsArray,
+      columnsArray = _ref$columnsArray === void 0 ? [] : _ref$columnsArray,
+      _ref$gridView = _ref.gridView,
+      gridView = _ref$gridView === void 0 ? true : _ref$gridView,
+      chkOnChange = _ref.chkOnChange,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? [] : _ref$selected,
+      chkChecked = _ref.chkChecked,
+      checkAll = _ref.checkAll,
+      chkCheckedAll = _ref.chkCheckedAll,
+      onGridClick = _ref.onGridClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: !gridView ? products === null || products === void 0 ? void 0 : products.map(function (_ref2, i) {
+      var gridElement = _ref2.gridElement,
+          product = _ref2.product,
+          id = _ref2.id;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridItem.GridItem, {
+        id: id,
+        index: i,
+        product: product,
+        gridElement: gridElement,
+        chkOnChange: chkOnChange,
+        onGridClick: onGridClick,
+        selected: selected,
+        chkChecked: chkChecked
+      }, i);
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "table-view",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderItem.HeaderItem, {
+        columnsArray: columnsArray,
+        checkAll: checkAll,
+        chkCheckedAll: chkCheckedAll
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowItem.RowItem, {
+        productsArray: products,
+        chkOnChange: chkOnChange,
+        onGridClick: onGridClick,
+        chkChecked: chkChecked
+      })]
+    })
+  });
+};
+
+exports.GridProducts = GridProducts;

package/dist/components/organisms/GridProducts/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  height: 100%;\n  overflow: auto;\n  padding: 20px;\n\n  .table-view {\n    height: 100%;\n    width: 100%;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/GridProducts/utils.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProductsToTable = void 0;
+
+var _RetailerCatalog = require("../../atoms/RetailerCatalog");
+
+var _UserCatalog = require("../../atoms/UserCatalog");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var getProductsToTable = function getProductsToTable() {
+  var products = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var textSpecialists = arguments.length > 1 ? arguments[1] : undefined;
+  var imagesSpecialists = arguments.length > 2 ? arguments[2] : undefined;
+  var auditors = arguments.length > 3 ? arguments[3] : undefined;
+  var images = arguments.length > 4 ? arguments[4] : undefined;
+  var onAssign = arguments.length > 5 ? arguments[5] : undefined;
+  var productsTableArray = [];
+  products.forEach(function (product) {
+    var article = product.article,
+        orderId = product.orderId,
+        upc = product.upc,
+        status = product.status,
+        version = product.version;
+    var id = (article === null || article === void 0 ? void 0 : article.id_article) + "-" + orderId;
+    var imgArray = images[(article === null || article === void 0 ? void 0 : article.id_article) + "-" + version];
+    var element = {
+      id: id,
+      cols: [{
+        name: (article === null || article === void 0 ? void 0 : article.country) || "-",
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: orderId || "-",
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: upc || "-",
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: (article === null || article === void 0 ? void 0 : article.name) || "-",
+        flex: 1,
+        minWidth: 200
+      }, {
+        name: "S/M" || "-",
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: status || "-",
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerCatalog.RetailerCatalog, {
+          id: "retailers-" + id,
+          article: product,
+          retailers: product.retailers
+        }),
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: product.prio,
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCatalog.UserCatalog, {
+          datasheet: article.id_datasheet_especialist,
+          description: article.id_description_especialist,
+          images: article.id_images_especialist,
+          auditor: article.id_auditor,
+          textSpecialists: textSpecialists,
+          imagesSpecialists: imagesSpecialists,
+          auditors: auditors,
+          id: "users-" + id,
+          product: product,
+          onAssign: onAssign
+        }),
+        flex: 1,
+        minWidth: 100
+      }, {
+        name: "Cont.",
+        flex: 1,
+        minWidth: 100
+      }],
+      gridElement: {
+        images: imgArray,
+        info: [{
+          title: "name",
+          value: (article === null || article === void 0 ? void 0 : article.name) || "-"
+        }, {
+          title: "order",
+          value: orderId || "-"
+        }, {
+          title: "category",
+          value: (article === null || article === void 0 ? void 0 : article.category) || "-"
+        }, {
+          title: "company",
+          value: (article === null || article === void 0 ? void 0 : article.company_name) || "-"
+        }, {
+          title: "price",
+          value: (article === null || article === void 0 ? void 0 : article.price) || "-"
+        }],
+        status: [{
+          title: "datasheet",
+          value: product === null || product === void 0 ? void 0 : product.datasheet_status,
+          percent: 80
+        }, {
+          title: "description",
+          value: product === null || product === void 0 ? void 0 : product.description_status,
+          percent: 80
+        }, {
+          title: "images",
+          value: product === null || product === void 0 ? void 0 : product.images_status,
+          percent: 80
+        }],
+        catalogs: {
+          leftSide: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerCatalog.RetailerCatalog, {
+            id: "retailers-" + id,
+            limit: 2,
+            article: product,
+            retailers: product.retailers
+          }),
+          rightSide: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCatalog.UserCatalog, {
+            datasheet: article.id_datasheet_especialist,
+            description: article.id_description_especialist,
+            images: article.id_images_especialist,
+            auditor: article.id_auditor,
+            textSpecialists: textSpecialists,
+            imagesSpecialists: imagesSpecialists,
+            auditors: auditors,
+            id: "users-" + id,
+            product: product,
+            onAssign: onAssign
+          })
+        }
+      },
+      showBottom: true,
+      product: product,
+      article: article
+    };
+    productsTableArray.push(element);
+  });
+  return productsTableArray;
+};
+
+exports.getProductsToTable = getProductsToTable;

package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RetailerProductEditionDefault = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _productSelected;
+
 var _default = {
   title: "Components/pages/RetailerProductEdition",
   component: _index.RetailerProductEdition
@@ -32,7 +36,7 @@ RetailerProductEditionDefault.args = {
     Imágenes: false
   },
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5OGE0NzYxMy04ZGIyLTRlZjUtYjA0Mi01ZDU3MWRkZjIwMWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4Mzg3NTIyNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4Mzg3ODgyNiwiaWF0IjoxNjgzODc1MjI2LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.EtgmT_THMx-Zy_zB5yZK4gz6TXNTVVJEKFt5X0JK2UkGVrp_q_92YCEuejS4n976fyTez0jkwOee6IkVHLV71uZWRBDFt-3Yw4ZxfsZYPNJWhoHXGNxhMU8MCkSntfu597esBTk-VsUpstT5R7L-WJfN8viE7R-qVo-42RlPTG0TFrWA9q0oTcqjv8vbxLpOBUjiEpjmqRhg4blJZwgkGNta6MOlw1vfmisOVbo9wMvqwnCZ9xx9KMKoH9U4uNObK_JomjbvPmTmkcUXsE-wGSD7XcoSwtuhBngLC7-jiu1u8MvL_ff5Z0Qp70sSpLdUglcSS8d1Xf7j_fcZuJ5jKA",
-  productSelected: {
+  productSelected: (_productSelected = {
     orderId: 14606,
     status: "RA",
     datasheet_status: "RA",
@@ -66,33 +70,42 @@ RetailerProductEditionDefault.args = {
         description: "RA/AC",
         images: "RA/AC"
       }
-    },
-    article: {
-      category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
-      company_name: "Demo",
-      country: "México",
-      id_category: "2366",
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: null,
-      id_images_facilitator: null,
-      id_order: 15160,
-      id_article: 39290,
-      id_auditor: 37,
-      name: "MOLDURA MARCO MODER 11X4X244 CM",
-      timestamp: "2023-04-19T21:36:02.000Z",
-      upc: "100030"
-    },
-    retailers: [{
-      id: 58,
-      name: "The Home Depot Golden"
-    }, {
-      id: 68,
-      name: "The Home Depot Merchants"
-    }]
-  },
+    }
+  }, (0, _defineProperty2.default)(_productSelected, "orderId", 15209), (0, _defineProperty2.default)(_productSelected, "status", "ACA"), (0, _defineProperty2.default)(_productSelected, "datasheet_status", "ACA"), (0, _defineProperty2.default)(_productSelected, "prio", "none"), (0, _defineProperty2.default)(_productSelected, "version", 3), (0, _defineProperty2.default)(_productSelected, "description_status", "ACA"), (0, _defineProperty2.default)(_productSelected, "images_status", "ACA"), (0, _defineProperty2.default)(_productSelected, "statusByRetailer", {
+    70: {
+      datasheet: "ACA",
+      description: "ACA",
+      images: "ACA"
+    }
+  }), (0, _defineProperty2.default)(_productSelected, "article", {
+    id_article: 39390,
+    id_category: "4311",
+    name: "test demo 1",
+    upc: "2312312313",
+    timestamp: "2023-05-12T20:07:42.000Z",
+    id_user: 133,
+    status: "NULL",
+    active: 1,
+    company_id: 912,
+    company_name: "GRUPO BRAHMA",
+    country: "México",
+    id_order: 15209,
+    id_datasheet_especialist: 232,
+    id_datasheet_facilitator: 52,
+    id_description_especialist: 232,
+    id_description_facilitator: 52,
+    id_images_especialist: 196,
+    id_images_facilitator: 53,
+    id_auditor: 195,
+    id_recepcionist: null,
+    category: "Ropa Interior Dama|Ropa Interior|Ropa Interior",
+    missingAttributes: 0,
+    missingDescriptions: 0,
+    missingImages: 0
+  }), (0, _defineProperty2.default)(_productSelected, "retailers", [{
+    id: 70,
+    name: "Bodega Aurrera"
+  }]), _productSelected),
   location: {
     product: {
       articleId: 354,

package/dist/components/pages/RetailerProductEdition/index.js

@@ -487,6 +487,21 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       valRejAll = _useState84[0],
       setValRejAll = _useState84[1];
 
+  var _useState85 = (0, _react.useState)([]),
+      _useState86 = (0, _slicedToArray2.default)(_useState85, 2),
+      desc = _useState86[0],
+      setDesc = _useState86[1];
+
+  var _useState87 = (0, _react.useState)([]),
+      _useState88 = (0, _slicedToArray2.default)(_useState87, 2),
+      fich = _useState88[0],
+      setFich = _useState88[1];
+
+  var _useState89 = (0, _react.useState)([]),
+      _useState90 = (0, _slicedToArray2.default)(_useState89, 2),
+      imag = _useState90[0],
+      setImag = _useState90[1];
+
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var _ref3, id_article;
 
@@ -1023,6 +1038,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       };
     });
     setSocketType(imageInputs);
+    console.log(images);
   }, [images]);
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
     var _images$values3, _images$attrForImgs, _product$article14, _data$articleData, _data$articleData2, _data$updateImages;
@@ -1786,6 +1802,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   };
 
   (0, _react.useEffect)(function () {
+    console.log(servicesData, "servicesData");
     var status = getRetailerStatus(servicesData, activeTab);
     setRetailerStatus(status);
   }, [activeTab, servicesData, activeRetailer]);
@@ -1972,6 +1989,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           isRetailer: isRetailer,
           showSaveButton: auditorAssigned() || userAssigned(),
           version: version,
+          desc: desc,
+          setDesc: setDesc,
+          fich: fich,
+          setFich: setFich,
+          imag: imag,
+          setImag: setImag,
           updatedDescriptions: updatedDescriptions,
           setUpdatedDescriptions: setUpdatedDescriptions,
           updatedDatasheets: updatedDatasheets,