contentoh-components-library 21.0.2 → 21.0.5

package/dist/components/atoms/InputFormatter/index.js

@@ -83,7 +83,6 @@ var InputFormatter = function InputFormatter(_ref) {
     });
   };
 
-  console.log(convertedText);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     focus: focus,
     selection: selection,

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

@@ -44,7 +44,7 @@ var InputGroup = function InputGroup(_ref) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       headerType: "retailer-name-header",
       text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -58,7 +58,6 @@ var ProductImageModal = function ProductImageModal(_ref) {
     }
   };
 
-  console.log(images === null || images === void 0 ? void 0 : images.values[activeImage]);
   (0, _react.useEffect)(function () {
     if (showValidationPanel) {
       document.addEventListener("click", closeValidationPanel, false);

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

@@ -78,26 +78,26 @@ RetailerProductEditionDefault.args = {
       descriptions: 1,
       images: 1
     },
-    orderId: 101,
-    status: "RP",
-    datasheet_status: "AP",
+    orderId: 113,
+    status: "IN_PROGRESS",
+    datasheet_status: "IN_PROGRESS",
     prio: "none",
     version: 2,
-    description_status: "RP",
-    images_status: "AP",
+    description_status: "IN_PROGRESS",
+    images_status: "IN_PROGRESS",
     article: {
-      id_article: 292,
-      id_category: "697",
-      name: "SHAMPOO ANTIFRIZ",
-      upc: "7491989462",
-      timestamp: "2022-03-09T19:35:51.000Z",
+      id_article: 324,
+      id_category: "684",
+      name: "Crema dental ",
+      upc: "154161",
+      timestamp: "2022-04-12T14:46:42.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "COMPANY DEV",
       country: "Colombia",
-      id_order: 101,
+      id_order: 113,
       id_datasheet_especialist: 36,
       id_datasheet_facilitator: 52,
       id_description_especialist: 36,
@@ -106,7 +106,7 @@ RetailerProductEditionDefault.args = {
       id_images_facilitator: 53,
       id_auditor: 30,
       id_recepcionist: null,
-      category: "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
+      category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
       missingAttributes: null,
       missingDescriptions: null,
       missingImages: null
@@ -117,12 +117,24 @@ RetailerProductEditionDefault.args = {
       country: "México",
       id_region: 1,
       active: 1
+    }, {
+      id: 5,
+      name: "Chedraui",
+      country: "México",
+      id_region: 1,
+      active: 1
     }, {
       id: 6,
       name: "HEB",
       country: "México",
       id_region: 1,
       active: 1
+    }, {
+      id: 12,
+      name: "La Comer",
+      country: "México",
+      id_region: 1,
+      active: 1
     }],
     country: "Colombia",
     modal: false,

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

@@ -123,7 +123,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _productSelected$reta, _product$services3, _product$services4, _datasheets$, _datasheets$$data, _product$services5, _product$article4, _product$services6;
+  var _productSelected$reta, _product$services5, _product$services6, _datasheets$, _datasheets$$data, _product$services7, _product$article4, _product$services8;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -378,9 +378,14 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
               setProduct(productSelected);
+              (0, _data2.getPercentage)({
+                data: [productSelected]
+              }).then(function (res) {
+                return setPercentages(res);
+              });
               setLoading(false);
 
-            case 9:
+            case 10:
             case "end":
               return _context2.stop();
           }
@@ -501,23 +506,21 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       while (1) {
         switch (_context5.prev = _context5.next) {
           case 0:
-            loadData();
-            (0, _data2.getPercentage)({
-              data: [productSelected]
-            }).then(function (res) {
-              return setPercentages(res);
-            });
+            loadData(); // getPercentage({ data: [productSelected] }).then((res) =>
+            //   setPercentages(res)
+            // );
+
             getServices();
             getComments();
             _context5.t0 = setUserGroups;
-            _context5.next = 7;
+            _context5.next = 6;
             return (0, _data2.fetchUsers)(token);
 
-          case 7:
+          case 6:
             _context5.t1 = _context5.sent;
             (0, _context5.t0)(_context5.t1);
 
-          case 9:
+          case 8:
           case "end":
             return _context5.stop();
         }
@@ -1491,19 +1494,19 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           setAssignation: setAssignation,
           isRetailer: isRetailer,
           onClickSave: function onClickSave() {
-            var _product$services2;
+            var _product$services2, _product$services3, _product$services4;
 
             switch (activeTab) {
               case "Descripción":
-                saveDescriptions();
+                (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.descriptions) === 1 && saveDescriptions();
                 break;
 
               case "Ficha técnica":
-                saveDatasheets();
+                (product === null || product === void 0 ? void 0 : (_product$services3 = product.services) === null || _product$services3 === void 0 ? void 0 : _product$services3.datasheets) === 1 && saveDatasheets();
                 break;
 
               case "Imágenes":
-                (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.images) === 1 && updateImages();
+                (product === null || product === void 0 ? void 0 : (_product$services4 = product.services) === null || _product$services4 === void 0 ? void 0 : _product$services4.images) === 1 && updateImages();
                 break;
 
               default:
@@ -1513,11 +1516,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "services-information-container " + (imageLayout && activeTab === "Imágenes" ? "image-services" : ""),
           children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services3 = product.services) === null || _product$services3 === void 0 ? void 0 : _product$services3.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
+            children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services5 = product.services) === null || _product$services5 === void 0 ? void 0 : _product$services5.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
               setSelectedImages: setSelectedImages,
               checkAll: checkAll,
               setCheckAll: setCheckAll
-            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : (_product$services4 = product.services) === null || _product$services4 === void 0 ? void 0 : _product$services4.datasheets) === 1 ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
+            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : (_product$services6 = product.services) === null || _product$services6 === void 0 ? void 0 : _product$services6.datasheets) === 1 ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                 articleId: productSelected.article.id_article,
                 version: version,
@@ -1530,7 +1533,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
-            })), activeTab === "Descripción" && ((product === null || product === void 0 ? void 0 : (_product$services5 = product.services) === null || _product$services5 === void 0 ? void 0 : _product$services5.descriptions) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+            })), activeTab === "Descripción" && ((product === null || product === void 0 ? void 0 : (_product$services7 = product.services) === null || _product$services7 === void 0 ? void 0 : _product$services7.descriptions) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
               activeSection: activeTab,
               inputGroup: descriptions[0],
               updatedDescriptions: updatedDescriptions,
@@ -1541,7 +1544,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
-            })), activeTab === "Imágenes" && ((product === null || product === void 0 ? void 0 : (_product$services6 = product.services) === null || _product$services6 === void 0 ? void 0 : _product$services6.images) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+            })), activeTab === "Imágenes" && ((product === null || product === void 0 ? void 0 : (_product$services8 = product.services) === null || _product$services8 === void 0 ? void 0 : _product$services8.images) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
               className: "container",
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps({
                 className: "dropzone"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.2",
+  "version": "21.0.5",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",

package/src/components/atoms/InputFormatter/index.js

@@ -47,7 +47,7 @@ export const InputFormatter = ({
         top: e.clientY - elementPosition.y,
       });
   };
-  console.log(convertedText);
+
   return (
     <Container
       focus={focus}

package/src/components/organisms/InputGroup/index.js

@@ -32,10 +32,12 @@ export const InputGroup = ({
           : "descriptions-layout"
       }
     >
-      <ScreenHeader
-        headerType={"retailer-name-header"}
-        text={inputGroup?.dataGroup}
-      />
+      {inputGroup?.dataGroup && (
+        <ScreenHeader
+          headerType={"retailer-name-header"}
+          text={inputGroup?.dataGroup}
+        />
+      )}
       <div className="inputs-container">
         {inputGroup?.inputs?.map((input, index) =>
           activeSection === "Ficha técnica" ? (

package/src/components/organisms/ProductImageModal/index.js

@@ -30,8 +30,6 @@ export const ProductImageModal = ({
     }
   };
 
-  console.log(images?.values[activeImage]);
-
   useEffect(() => {
     if (showValidationPanel) {
       document.addEventListener("click", closeValidationPanel, false);

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

@@ -54,26 +54,26 @@ RetailerProductEditionDefault.args = {
       descriptions: 1,
       images: 1,
     },
-    orderId: 101,
-    status: "RP",
-    datasheet_status: "AP",
+    orderId: 113,
+    status: "IN_PROGRESS",
+    datasheet_status: "IN_PROGRESS",
     prio: "none",
     version: 2,
-    description_status: "RP",
-    images_status: "AP",
+    description_status: "IN_PROGRESS",
+    images_status: "IN_PROGRESS",
     article: {
-      id_article: 292,
-      id_category: "697",
-      name: "SHAMPOO ANTIFRIZ",
-      upc: "7491989462",
-      timestamp: "2022-03-09T19:35:51.000Z",
+      id_article: 324,
+      id_category: "684",
+      name: "Crema dental ",
+      upc: "154161",
+      timestamp: "2022-04-12T14:46:42.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "COMPANY DEV",
       country: "Colombia",
-      id_order: 101,
+      id_order: 113,
       id_datasheet_especialist: 36,
       id_datasheet_facilitator: 52,
       id_description_especialist: 36,
@@ -82,8 +82,7 @@ RetailerProductEditionDefault.args = {
       id_images_facilitator: 53,
       id_auditor: 30,
       id_recepcionist: null,
-      category:
-        "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
+      category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
       missingAttributes: null,
       missingDescriptions: null,
       missingImages: null,
@@ -96,6 +95,13 @@ RetailerProductEditionDefault.args = {
         id_region: 1,
         active: 1,
       },
+      {
+        id: 5,
+        name: "Chedraui",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
       {
         id: 6,
         name: "HEB",
@@ -103,6 +109,13 @@ RetailerProductEditionDefault.args = {
         id_region: 1,
         active: 1,
       },
+      {
+        id: 12,
+        name: "La Comer",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
     ],
     country: "Colombia",
     modal: false,

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

@@ -158,6 +158,9 @@ export const RetailerProductEdition = ({
     });
     if (services[2]?.values?.length > 0) setActiveImage(0);
     setProduct(productSelected);
+    getPercentage({ data: [productSelected] }).then((res) =>
+      setPercentages(res)
+    );
     setLoading(false);
   };
 
@@ -221,9 +224,9 @@ export const RetailerProductEdition = ({
 
   useEffect(async () => {
     loadData();
-    getPercentage({ data: [productSelected] }).then((res) =>
-      setPercentages(res)
-    );
+    // getPercentage({ data: [productSelected] }).then((res) =>
+    //   setPercentages(res)
+    // );
     getServices();
     getComments();
     setUserGroups(await fetchUsers(token));
@@ -994,10 +997,10 @@ export const RetailerProductEdition = ({
             onClickSave={() => {
               switch (activeTab) {
                 case "Descripción":
-                  saveDescriptions();
+                  product?.services?.descriptions === 1 && saveDescriptions();
                   break;
                 case "Ficha técnica":
-                  saveDatasheets();
+                  product?.services?.datasheets === 1 && saveDatasheets();
                   break;
                 case "Imágenes":
                   product?.services?.images === 1 && updateImages();