contentoh-components-library 21.5.19 → 21.5.21

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

@@ -16,7 +16,7 @@ export const GridProducts = ({
 }) => {
   return (
     <Container>
-      {!gridView ? (
+      {gridView ? (
         products?.map(({ gridElement, product, id }, i) => (
           <GridItem
             key={i}
@@ -25,7 +25,7 @@ export const GridProducts = ({
             product={product}
             gridElement={gridElement}
             chkOnChange={chkOnChange}
-            onGridClick={onGridClick}
+            onGridClick={gridView ? null : onGridClick}
             selected={selected}
             chkChecked={chkChecked}
           />

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

@@ -175,57 +175,53 @@ export const InputGroup = ({
             {inputGroup?.inputs?.map((input, index) =>
               activeSection === "Ficha técnica" ? (
                 <>
-                {((dataInputs[input]?.id!=6700 && dataInputs[input]?.id!=6701) 
-                  || dataInputs[input]?.isApproved!=undefined) && (
                   <TagAndInput
-                  key={
-                    index +
-                    "-" +
-                    dataInputs[input]?.value +
-                    "-" +
-                    dataInputs[input]?.id +
-                    "-" +
-                    compare
-                  }
-                  //disabled={input === 40001}
-                  disabled={dataInputs[input]?.isApproved}
-                  inputId={dataInputs[input]?.id}
-                  version={version}
-                  inputType={inputTypeValue(dataInputs[input]?.type)}
-                  label={
-                    dataInputs[input]?.name +
-                    (dataInputs[input]?.required ? "*" : "")
-                  }
-                  value={
-                    compare
-                      ? auditInputs[input]?.value
-                      : dataInputs[input]?.value
-                  }
-                  inputPlaceHolder={input?.placeholder}
-                  articleId={articleId}
-                  isRequired={dataInputs[input]?.required}
-                  updatedDatasheets={updatedDatasheets}
-                  setUpdatedDatasheets={setUpdatedDatasheets}
-                  maxChar={
-                    dataInputs[input]?.max_chars
-                      ? dataInputs[input]?.max_chars
-                      : 999
-                  }
-                  optionList={dataInputs[input]?.option_list}
-                  description={dataInputs[input]?.description}
-                  showTooltip={true}
-                  auditClass={
-                    compare &&
-                    !isEquals(
-                      dataInputs[input].value,
-                      auditInputs[input].value
-                    )
-                      ? "audit-class"
-                      : ""
-                  }
-                />
-                )}
-                  
+                    key={
+                      index +
+                      "-" +
+                      dataInputs[input]?.value +
+                      "-" +
+                      dataInputs[input]?.id +
+                      "-" +
+                      compare
+                    }
+                    //disabled={input === 40001}
+                    disabled={dataInputs[input]?.isApproved}
+                    inputId={dataInputs[input]?.id}
+                    version={version}
+                    inputType={inputTypeValue(dataInputs[input]?.type)}
+                    label={
+                      dataInputs[input]?.name +
+                      (dataInputs[input]?.required ? "*" : "")
+                    }
+                    value={
+                      compare
+                        ? auditInputs[input]?.value
+                        : dataInputs[input]?.value
+                    }
+                    inputPlaceHolder={input?.placeholder}
+                    articleId={articleId}
+                    isRequired={dataInputs[input]?.required}
+                    updatedDatasheets={updatedDatasheets}
+                    setUpdatedDatasheets={setUpdatedDatasheets}
+                    maxChar={
+                      dataInputs[input]?.max_chars
+                        ? dataInputs[input]?.max_chars
+                        : 999
+                    }
+                    optionList={dataInputs[input]?.option_list}
+                    description={dataInputs[input]?.description}
+                    showTooltip={true}
+                    auditClass={
+                      compare &&
+                      !isEquals(
+                        dataInputs[input].value,
+                        auditInputs[input].value
+                      )
+                        ? "audit-class"
+                        : ""
+                    }
+                  />
                   {dataInputs[input]?.isApproved === false && (
                     <InputReviewSection
                       inputId={dataInputs[input]?.id}
@@ -251,17 +247,6 @@ export const InputGroup = ({
                       imageStates={imageStates}
                     />
                   )}
-                  {/*(input.id===44186||input.id===44187) && (
-                    <InputReviewSection
-                      inputId={input?.id}
-                      isApproved={input?.isApproved}
-                      comment={input?.comment}
-                      handleImgClick={handleImgClick}
-                      changeImageBtn={changeImageBtn}
-                      showDivState={showDivStates}
-                      imageStates={imageStates}
-                    />
-                  )*/}
                   <TagAndInput
                     key={index + "-" + input?.value + "-" + compare}
                     inputId={input.id}
@@ -274,7 +259,7 @@ export const InputGroup = ({
                         : input?.value
                     }
                     isRequired={input.required}
-                    disabled={input.id===44186||input.id===44187?false:input?.isApproved}
+                    disabled={input?.isApproved}
                     maxChar={input.max_chars}
                     inputPlaceHolder={input?.placeholder}
                     updatedDescriptions={updatedDescriptions}

package/src/components/organisms/Table/styles.js

@@ -21,13 +21,17 @@ export const Container = styled.div`
       top: 0;
       height: 45px;
       position: sticky;
-      z-index: 2;
+      z-index: 6;
       & > tr {
         background-color: #f7f7fc;
         border-radius: 5px 5px 0px 0px;
         height: 45px;
       }
     }
+    & > tbody {
+      position:absolute;
+      z-index:7;
+    }
     & > tbody > tr {
       height: 70px;
       &:last-child {

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

@@ -12,6 +12,6 @@ MultipleEditionDefault.args = {
   articles: [121219],//[216, 238, 239],
   versions: [1],
   //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwRnw"
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI2ZTY5MTNjZS01MTc1LTRhOWItYjhlYS1iMGNhMDk4Yjc0M2EiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjZlNjkxM2NlLTUxNzUtNGE5Yi1iOGVhLWIwY2EwOThiNzQzYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwN2JjM2E5Mi02ZmY4LTQ5NDctYWU3ZS0yZjkxNWE4OWE0N2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxMzE5NzkyMiwibmFtZSI6IkplZmUgQ29tZXJjaWFsIiwicGhvbmVfbnVtYmVyIjoiKzUyMzMzMzIzMjIzMzMiLCJleHAiOjE3MTMyMDE1MjIsImlhdCI6MTcxMzE5NzkyMiwiZW1haWwiOiJqZWZlY29tZXJjaWFsQGFsbGZyZWVtYWlsLm5ldCJ9.pRmu4LHck97IR2lvsZNa7ehSMs7bDFrxJqqKn-FgiAeLhZPCJA7SMyWDQKvKH9QFNwQOXI4cNm653CPTvK1jOMFDa7RCaliT4mRlfgrU44EGb-GCr5sfg-97Wqd-kO4hNkJH7x7WvagjHNRL8uD_iMwfUIrZUcUIPRF1b1zl-bHc6WOJDqtyRcdh8NpQ4y63V11USlPvZrcimo4_iJ6re9ductEOwuTPPE30kj88N9J70nWk4dvKKHrC-BTFnt5PSped7nK55FVjg8uIfqpRtTVBtMfVq6zQp0CMjnpiD2yR93YUpSzeNZJ1Sz-pOij5K1RpVXrLHrghWY4ny9QFTg"
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlNGJhOGFmOC1kNDU4LTRhOWUtYTVjMC0xZGYyM2YyMjUxNDkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxNzc3MjA3NCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzE3Nzc1Njc0LCJpYXQiOjE3MTc3NzIwNzQsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.TheujvtiS5PYSfomzIX6XH-Bd0N37ST8GsLhuC2QWQA_A_Ti70EK9Hk5l4LRgkqcg2V1gWYMJnRyaLFEHYy8U9LAmJ4uoXcsxG5th-2gqFDdoTfg77Q0RXb1EdXYwX4CW64SaBgyQYC_SXrsLxKrD38b7-w7QvDA1x-BbAssbFvSk7NGoo5q0iLIG-5I9rZ_Ym0QF6Wz01xFWv-BO_P6K91oJgjBKBZDRsVtzjhgTSx7R-fEOVp9_6kKH0lfUgeV7-QB9wl9LktMoAnVCCvImqMZnDrPHhoQOvTjnWz1mZ7kbbL5ad2CDqDzx1EP4vbRAoxehS0xYZMrtYFhOSVGVQ"
   //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
 };

package/src/components/pages/MultipleEdition/saveData.js

@@ -15,27 +15,26 @@ const myBucket = new AWS.S3({
   region: REGION,
 });
 
-export async function saveData(params) {
-  const { section, data, token } = params;
+export default async function saveData(params) {
+  const { section, data, token, callbackToInitData, setModal } = params;
   if (section === "images") {
     if (await saveImagesData(data, token)) {
-      //callbackToInitData();
-      /**setModal({
+      callbackToInitData();
+      setModal({
         type: "saved successfully",
         functions: { setModal },
         payload: { service: "imágenes" },
-      });**/
+      });
       // aquí va modal de que todo salío bien y actualiza la data
     }
   }
-  return true;
+  return false;
 }
 
 async function saveImagesData(articles, token) {
   const imagesToUpdate = [];
   articles.data.forEach((article) => {
     const { images, version } = article;
-    console.log(images);
     const imagesToAdd = Object.values(images).filter(
       (f) => f.value && !f.value.src.startsWith("id-")
     );

package/src/components/pages/MultipleEdition/styles.js

@@ -106,12 +106,6 @@ export const Container = styled.div`
 
   td{
     margin:0;
-    background: #ffffff !important;
-  }
-
-  th{
-    border-radius: 0 0 0 0 !important;
-    padding: 15px !important;
   }
   
   textarea {
@@ -175,7 +169,7 @@ export const Container = styled.div`
     text-align: center;
     border-radius: 6px;
     position: absolute;
-    z-index: 6 important!;
+    z-index: 6!important;
     bottom: 100%;
     left: 20%;
     margin-left: -80px;

package/src/components/pages/MultipleEdition/utils.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { ImageVisor } from "../../organisms/ImageVisor";
 import { ButtonV2 } from "../../atoms/ButtonV2";
-import { deleteImage, saveData} from "./saveData";
+import { deleteImage } from "./saveData";
 import { Container, Input, InputBase, TextField } from "@mui/material";
 import { ValidationPanel } from "../../atoms/ValidationPanel";
 import { TagAndInput } from "../../molecules/TagAndInput";
@@ -96,7 +96,7 @@ export function dataReducer(state, action) {
     return action.payload;
   }
   if (action.type === "updateImage") {
-    const { articleId, imageId ,token } = action.payload;
+    const { articleId, imageId } = action.payload;
     const newImageData = state.images.data.slice();
     const articleIndex = newImageData.findIndex((f) => f.id === articleId);
     const id = newImageData[articleIndex]?.images[imageId]?.value?.id;
@@ -104,8 +104,6 @@ export function dataReducer(state, action) {
       ...action.payload,
       id,
     };
-    const data = newImageData;
-    saveData({section:"images", data: {data}, token: token});
     return {
       ...state,
       images: {
@@ -120,6 +118,7 @@ export function dataReducer(state, action) {
     const articleIndex = newImageData.findIndex((f) => f.id === articleId);
     const id = newImageData[articleIndex]?.images[imageId]?.value?.id;
     delete newImageData[articleIndex]?.images[imageId]?.value;
+    console.log(newImageData[articleIndex]);
     const data = {
       articleId,
       deleteImages: [
@@ -212,14 +211,6 @@ export function setDataColumns(
     justifyContent: "center",
   };
 
-  const styleApprovalAttributes = {
-    textAlign: "center",
-    display: "flex",
-    justifyContent: "center",
-    border: "1px solid #ECDD1D",
-    background: "#ECDD1D"
-  };
-
   const retailersAdded = {
     id: [],
     attr: [],
@@ -264,15 +255,14 @@ export function setDataColumns(
             });
           }
         });
-        var saveAvailable=true;
-        /**var saveAvailable = imagesReviewed
+        var saveAvailable = imagesReviewed
         .filter((e) => e.articleId === item.id)
         .every((e) => e.isReviewed === true);
       if (
         imagesReviewed.filter((e) => e.articleId === item.id).length == 0
       ) {
         saveAvailable = false;
-      }**/
+      }
         currentData[`retailer${ret.id}-save`] = (
           <button
             onClick={() => {
@@ -343,7 +333,7 @@ export function setDataColumns(
             );
           currentData[`img${imageId}`] = 
           <>
-            {/**<button
+            <button
                 onClick={() => {
                   setShowValidationPanel(true);
                   setAttributeSelected({
@@ -428,7 +418,7 @@ export function setDataColumns(
                       <p> Rechazar </p>{" "}
                     </button>{" "}
                   </div>
-                    )}{" "**/}
+                )}{" "}
           {comment && <div class="tooltip">
             <ImageVisor {...props}/>
             <span class="tooltiptext"><p><b>Comentarios del rechazo</b></p><p>{des.comment}</p></span>
@@ -472,31 +462,19 @@ export function setDataColumns(
               var articleAttributes = attributesReviewed.filter(
                 (e) => e.articleId === item.id && e.versionId === item.version
               );
-              var value;
               articleAttributes.forEach((articleAttribute) => {
-                if(articleAttribute.attributeId==6700 || articleAttribute.attributeId==6701){
-                  value= document.getElementById(
-                    articleAttribute.articleId +
-                      "_" +
-                      articleAttribute.attributeId +
-                      "_" +
-                      articleAttribute.versionId
-                  ).checked;
-                }
-                else{
-                  value = document.getElementById(
-                    articleAttribute.articleId +
-                      "_" +
-                      articleAttribute.attributeId +
-                      "_" +
-                      articleAttribute.versionId
-                  ).value;
-                }
+                const value = document.getElementById(
+                  articleAttribute.articleId +
+                    "_" +
+                    articleAttribute.attributeId +
+                    "_" +
+                    articleAttribute.versionId
+                ).value;
                 articlesAtributesUpdateBody.push({
                   articleId: articleAttribute.articleId,
                   versionId: articleAttribute.versionId,
                   attributeId: articleAttribute.attributeId,
-                  value: value!=undefined ? value : "",
+                  value: value ? value : "",
                   isApproved: articleAttribute.isApproved,
                   comment: articleAttribute.comment,
                 });
@@ -524,7 +502,7 @@ export function setDataColumns(
               Header: rules[attributeId].name,
               accessor: `${attributeId + "-" + ret.id}`,
               width: "200px",
-              style: (attributeId==6700 || attributeId==6701) ? styleApprovalAttributes : styleData,
+              style: styleData,
               description: rules[attributeId].description,
             });
           }
@@ -662,7 +640,7 @@ export function setDataColumns(
                   )}
                 {attributesReviewed[index].isReviewed &&
                   !attributesReviewed[index].isApproved && (
-                  /**<Tooltip position="topCenter" componentTooltip={<span>Debes aprobar o rechazar para continuar</span>}>**/
+                  <Tooltip position="topCenter" componentTooltip={<span>Debes aprobar o rechazar para continuar</span>}>
                     <div>
                       <img
                         id={
@@ -673,11 +651,11 @@ export function setDataColumns(
                           "_" +
                           item.version
                         }
-                        src={rejectIcon}
-                        alt="reject icon"
+                        src={nullIcon}
+                        alt="null button"
                       />
                     </div>
-                  /*</Tooltip>*/
+                  </Tooltip>
                   )}
                 {typeof des.isApproved === "undefined" &&
                   !attributesReviewed[index].isReviewed && (
@@ -757,15 +735,14 @@ export function setDataColumns(
             style: styleSaveButtonCol,
           });
         }
-        var saveAvailable=true;
-        /**var saveAvailable = descriptionsReviewed
+        var saveAvailable = descriptionsReviewed
         .filter((e) => e.articleId === item.id)
         .every((e) => e.isReviewed === true);
       if (
         descriptionsReviewed.filter((e) => e.articleId === item.id).length == 0
       ) {
         saveAvailable = false;
-      }**/
+      }
         currentData[`retailer${ret.id}`] = <p> {ret.name} </p>;
         ret.descriptions.forEach((descriptionId) => {
           if (!retailersAdded.attr.includes(`${descriptionId}`)) {
@@ -852,7 +829,7 @@ export function setDataColumns(
           );
           currentData[`${des.attributeId}`] = (
             <>
-            {/**<button
+            <button
                 onClick={() => {
                   setShowValidationPanel(true);
                   setAttributeSelected({
@@ -936,7 +913,7 @@ export function setDataColumns(
                       <p> Rechazar </p>{" "}
                     </button>{" "}
                   </div>
-                    )}{" "}**/}
+                )}{" "}
                 {des.comment && <div class="tooltip">
                   <textarea {...props}></textarea>
                   <span class="tooltiptext"><p><b>Comentarios del rechazo</b></p><p>{des.comment}</p></span>

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

@@ -16,97 +16,104 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxMGZiNTE4Mi1jMGI5LTQyZGUtYTAyZC1lOTJlZWI2NWFlN2QiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMTkwMjA4NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMTkwNTY4NywiaWF0IjoxNzAxOTAyMDg3LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.JpoKZHuzPZG2ttaT7Oz3CAPR7xZU19txSDyjGHIwya2zV9uOHxauS0-orNRry8lfpZHQt_ISF2W-XSARUvCG1SqTXi41-o53DsWfZhqe9dQk6DGDnvFzXFsaEbaxAPjTfYc491sHCpOjf4W98quBuzDZCRtdCsr9u3A0AnX8Lh1Jquvn83nrHN2ZeefpLyKc-xGGp50Oy6EnJgSK4PcAAV631nwYV9DfVaLb3SIWDrJIIuBjFjBBCXBcnGJBieErlnF-4gumHzsro_QqF-s7aq_3EJChAhfslFvczNSyDc-LXJVkpDuZW3TaYKlHwhoFxz1aMuYRFQ8xy5Pz8FDNKQ",
+   "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIyMTlmNjg1OS0zOGRkLTQwYzEtYmNhMC00OWQ1YjMwMTQxMTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxODIxMzQyOCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcxODIxNzAyNywiaWF0IjoxNzE4MjEzNDI4LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.TQfkHTvvjC0VUfoQexjuvlVixeb_J3ZP8uzGFgdDur8m3v0Wad32fUM3eOsTzrsXp_c0HJHHuT_7x9h27pCyLoeTmi5j_y9Rfyu4RXj9xEejE3_Ge7LXupdvYuo3-kI577vcQjrHjYShjLZ0RFNDQVxbrBLS19qRXYj7DJXM0tenLG4v5wLNZyhdmW5OdnIYjA8VfDCxV_fO2v9pFie0DUbmgGGnpzqHBVJfhbBVOrjq2PGmx4HvTy5Ne8b4pyio3Gs5LSYA7ZMTvVMaZWKTFfgNM69tY4NNCZVAfe56EL5DzOBhCtLGXljVqTrEIkd1bPHX_CmM2nGkzhbTwYtstg",
   productSelected: {
-    orderId: 15190,
-    status: "RA",
-    datasheet_status: "NS",
-    prio: "none",
-    version: 3,
-    description_status: "NS",
-    images_status: "RA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null,
-    },
     services: {
-      datasheets: 0,
-      descriptions: 0,
+      datasheets: 1,
+      descriptions: 1,
       images: 1,
     },
+    orderId: 7961,
+    status: "RP",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "RP",
+    images_status: "AA",
+    statusByRetailer: {
+      "58": {
+        datasheet: "AA",
+        description: "RP",
+        images: "AA",
+      },
+    },
     article: {
-      category:
-        "Abarrotes Básicos|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
-      company_name: "GRUPO BRAHMA",
+      id_article: 126855,
+      id_category: "3066",
+      name: "ORGANIZADOR 3 CUBOS ITALIA 92 X 33 X 30 CM",
+      upc: "217141",
+      timestamp: "2024-05-17T18:52:34.000Z",
+      id_user: 1636,
+      status: null,
+      active: 1,
+      company_id: 315,
+      company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
       country: "México",
-      id_category: "4004",
-      id_datasheet_especialist: null,
+      id_order: 7961,
+      id_datasheet_especialist: 2757,
       id_datasheet_facilitator: null,
-      id_description_especialist: null,
+      id_description_especialist: 2757,
       id_description_facilitator: null,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_order: 15190,
-      id_article: 39364,
-      id_auditor: 37,
-      name: "test 2 img ba",
-      timestamp: "2023-05-05T02:56:16.000Z",
-      upc: "4353242",
+      id_images_especialist: 1251,
+      id_images_facilitator: null,
+      id_auditor: 514,
+      id_recepcionist: null,
+      category: "Muebles|Muebles para Oficina y Gamer|Libreros",
+      missingAttributes: 0,
+      missingDescriptions: 0,
+      missingImages: 0,
     },
     retailers: [
       {
-        id: 70,
-        name: "Bodega Aurrera",
+        id: 58,
+        name: "The Home Depot Golden",
       },
     ],
-    statusByRetailer: {
-      70: {
-        images: "RA/AC",
-      },
-    },
-  },
-  location: {
-    product: { articleId: 39364, versionId: 3 },
-    state: {
-      withChat: true,
-      chatType: "product_status",
-    },
-  },
-  user: {
-    id_user: 37,
-    name: "José",
-    last_name: "Castañeda",
-    email: "ismael97lopez@gmail.com",
-    position: "Auditor",
-    telephone: "",
     country: "México",
+    upc: "217141",
+  }
+  ,
+  // location: {
+  //   product: { articleId: 126855, versionId: 3 },
+  //   state: {
+  //     withChat: true,
+  //     chatType: "product_status",
+  //   },
+  // },
+  user: {
+    id_user: 1973,
+    name: "Estefany",
+    last_name: "Montaño",
+    email: "emontano@contentoh.com",
+    position: "Front-End Developer",
+    telephone: null,
+    country: null,
     id_company: 254,
-    id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
-    birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "",
-    id_role: 6,
+    id_cognito: "f4db8263-cb05-4312-9e45-e3deca669e72",
+    birth_Date: "1999-10-06T00:00:00.000Z",
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "ADMIN-AS",
+    is_onboarding: 0,
     membership: {
-      id: 137,
-      start_date: "2023-10-04T15:46:14.000Z",
-      end_date: "2024-10-04T08:46:09.000Z",
-      planID: 8,
-      plan: "prod_KtlhECVSFG2iro",
-      name: "Plan Pro",
-      user_limit: "50",
-      products_limit: "5000",
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1701902088068",
-  },
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?1718213428633",
+  }
+  ,
 };