contentoh-components-library 21.4.72 → 21.4.74

package/src/components/organisms/Chat/ContentChat/index.js

@@ -86,8 +86,7 @@ export const ContentChat = (props) => {
 
   // al cargar el componente
   useEffect(() => {
-    //if (dataChat && showPopUpChat) {
-    if (Object.keys(dataChat || {}).length) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
       if (dataChat.code) {
         setErrorChat({
@@ -101,7 +100,6 @@ export const ContentChat = (props) => {
       }
       if (chatType === "merchant_product") getInitialMerchantProduct();
       else if (chatType === "order_product") getInitialOrderProduct();
-      else if (chatType === "product_status") getInitialProductStatus();
       else getInitialTicket();
     }
     if (!showPopUpChat) {
@@ -128,8 +126,6 @@ export const ContentChat = (props) => {
     } else if (chatType === "order_product") {
       if (companies) getUpdateLatestOrderProduct(true);
       else getInitialOrderProduct();
-    } else if (chatType === "product_status") {
-      getInitialProductStatus();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);
       else getInitialTicket();
@@ -139,47 +135,6 @@ export const ContentChat = (props) => {
   /*=======================================================================
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getInitialProductStatus = async () => {
-    const paramsQuery = {
-      articleData: JSON.stringify({
-        articleId: JSON.stringify(dataChat.id),
-        version: JSON.stringify(dataChat.version),
-        retailerId: JSON.stringify(dataChat.retailerId),
-        status: dataChat.status,
-      })
-    };
-    const paramsHeaders = { Authorization: dataChat.userToken };
-    const response = await fetchGET(
-      process.env.REACT_APP_READ_MESSAGES,
-      paramsQuery,
-      paramsHeaders
-    );
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail,
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setStartUpdate((prev) => prev + 1);
-    setCurrentUser({
-      id: response.body.data.currentUserId,
-      companyId: response.body.data.currentCompanyId,
-    });
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setAllUsers(response.body.users);
-    setSingleChat({
-      items: response.body.items,
-      enabledLoadMore: response.body.items.length === 50,
-    });
-    setErrorChat({ existError: false });
-    setIsLoading(false);
-  };
-
   const getInitialMerchantProduct = async () => {
     const paramsQuery = {
       getType: "initial",
@@ -613,14 +568,14 @@ export const ContentChat = (props) => {
   };
 
   /*=======================================================================
-            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM
+            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM 
   Este metodo recibe los items que queremos agregar al chat.
   requiere:
-    => items: [ { type , value } , ... ]
+    => items: [ { type , value } , ... ] 
   NOTA: si se quiere agregar un mensaje mandar un array con un object
-  example: [ {
-    type: "message" ,
-    value: "mi mensaje"
+  example: [ { 
+    type: "message" , 
+    value: "mi mensaje" 
   } ]
   ======================================================================= */
   const createItemsChat = async (items = []) => {
@@ -656,14 +611,12 @@ export const ContentChat = (props) => {
     // enviar items a la BD
     if (chatType === "merchant_product") {
       errorCreate = await createItemsMerchantProduct(items);
-    } else if (chatType === "product_status") {
-      errorCreate = await createItemsProductStatus(items);
     } else if (chatType === "order_product") {
       errorCreate = await createItemsOrderProduct(items);
     } else errorCreate = await createItemsTicket(items);
 
     // actualizar chat para que aparezcan los items enviados
-    if (["merchant_product", "product_status"].includes(chatType)) {
+    if (chatType === "merchant_product") {
       await getUpdateLatestMerchantProduct();
     } else if (chatType === "order_product") {
       await getUpdateLatestOrderProduct();
@@ -676,10 +629,9 @@ export const ContentChat = (props) => {
   };
 
   const createItemsMerchantProduct = async (items = []) => {
-    const { id, version, orderId } = dataChat;
+    const { id, version } = dataChat;
     const { id: retailerId } = activeRetailer;
     const paramsBody = { id, version, items, retailerId };
-    if (chatType === "product_status") paramsBody["orderId"] = orderId;
     const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
@@ -693,23 +645,6 @@ export const ContentChat = (props) => {
       };
     }
   };
-  const createItemsProductStatus = async (items = []) => {
-    const { id, version, orderId, status } = dataChat;
-    const { id: retailerId } = activeRetailer;
-    const paramsBody = { id, version, items, retailerId, orderId, status };
-    const paramsHeaders = { Authorization: dataChat.userToken };
-    const response = await fetchPOST(
-      process.env.REACT_APP_CREATE_MESSAGES,
-      paramsBody,
-      paramsHeaders
-    );
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail,
-      };
-    }
-  };
 
   const createItemsOrderProduct = async (items = []) => {
     const paramsBody = {
@@ -757,11 +692,7 @@ export const ContentChat = (props) => {
                         SECCION DE FUNCIONES
   ======================================================================= */
   const isSingleChat = () => {
-    if (
-      chatType === "merchant_product" ||
-      chatType === "ticket" ||
-      chatType === "product_status"
-    ) {
+    if (chatType === "merchant_product" || chatType === "ticket") {
       return true;
     }
     if (companies && Object.keys(companies).length < 2) return true;
@@ -876,7 +807,7 @@ export const ContentChat = (props) => {
     // mostrar chat?
     let items;
     let enabledLoadMore;
-    if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
+    if (["merchant_product", "ticket"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
     }
@@ -918,9 +849,7 @@ export const ContentChat = (props) => {
             activeCompanyId={activeCompanyId}
             ticketCompany={ticketCompany}
             currentUser={
-              ["merchant_product", "order_product", "product_status"].includes(
-                chatType
-              )
+              ["merchant_product", "order_product"].includes(chatType)
                 ? currentUser
                 : dataChat.currentUser
             }
@@ -959,12 +888,6 @@ export const ContentChat = (props) => {
                 ? { id: dataChat.id, version: currentArticle.version }
                 : chatType === "ticket"
                 ? { id: dataChat.id }
-                : chatType === "product_status"
-                ? {
-                    id: dataChat.id,
-                    version: dataChat.version,
-                    retailerId: dataChat.retailerId,
-                  }
                 : undefined
             }
             chatCompany={getChatCompany()}
@@ -1007,6 +930,7 @@ export const ContentChat = (props) => {
             }}
           />
         )}
+
         {/* body */}
         {renderBodyChat()}
       </Container>

package/src/components/organisms/Chat/Footer/index.js

@@ -169,17 +169,6 @@ export const Footer = (props) => {
                 errorMessage = "El ID del ticket no es valido";
               }
               break;
-            case "product_status":
-              if (
-                isValidNaturalNumber(dataChat?.id) &&
-                isValidNaturalNumber(dataChat?.version) &&
-                isValidNaturalNumber(dataChat?.retailerId)
-              ) {
-                fileKey += `productStatus/${dataChat.id}-${dataChat?.version}-${dataChat?.retailerId}/`;
-              } else {
-                errorMessage = "El ID del ticket no es valido";
-              }
-              break;
 
             default:
               errorMessage =

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

@@ -17,14 +17,14 @@ export const Chat = (props) => {
   const {
     chatType, // "merchant_product" | "order_product" | "ticket"
     chatContainerType, // ("fixed") | ("popUp")
-    chatData = {}, // {} => aqui poner los datos requeridos segun el tipo de chat
+    chatData, // {} => aqui poner los datos requeridos segun el tipo de chat
     classNameContainerFixed, // clases CSS del envoltoria chat fixed
     size = 14, // tamaño del icono
   } = props;
   const [showPopUpChat, setShowPopUpChat] = useState(false);
   const [data, setData] = useState();
 
-  const { ticketCompany, retailerId } = chatData || {};
+  const { ticketCompany } = chatData || {};
 
   useEffect(() => {
     switch (chatType) {
@@ -37,9 +37,6 @@ export const Chat = (props) => {
       case "ticket":
         validateChatTicket();
         break;
-      case "product_status":
-        validateProductStatus();
-        break;
       default:
         setData({
           code: 404,
@@ -49,45 +46,6 @@ export const Chat = (props) => {
     }
   }, [chatType]);
 
-  const validateProductStatus = () => {
-    const {
-      userToken, // string
-      id, // number
-      version,
-      retailerId, // number
-      status,
-      orderId,
-    } = chatData;
-
-    if (!isValidGeneral(userToken, id)) return;
-
-    // validar el ID de la cadena asociada al producto en la OT
-    if (!isValidNaturalNumber(retailerId)) {
-      setDataError("La cadena relacionada al producto no es válida");
-      return;
-    }
-
-    // validar el ID de la version asociada al producto en la OT
-    if (!isValidNaturalNumber(version)) {
-      setDataError("La versión del producto no es válida");
-      return;
-    }
-
-    if (orderId && !isValidNaturalNumber(orderId)) {
-      setDataError("La orden del producto no es válida");
-      return;
-    }
-
-    setData({
-      userToken,
-      id,
-      version,
-      retailerId,
-      orderId,
-      status,
-    });
-  };
-
   const isValidGeneral = (userToken, id) => {
     // validar token del user
     if (isStringEmpty(userToken)) {
@@ -239,7 +197,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
-          activeRetailer={props.activeRetailer || { id: retailerId }}
+          activeRetailer={props.activeRetailer}
         />
       </ContainerFixed>
     );
@@ -272,7 +230,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
-              activeRetailer={props.activeRetailer || { id: retailerId }}
+              activeRetailer={props.activeRetailer}
             />
           </ContainerPopUp>
         </Slide>

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

@@ -12,10 +12,6 @@ export const ContainerFixed = styled.div`
   border: 1px solid #f0f0f0;
   z-index: 1000;
   padding: 0px;
-  @media (max-width: 1024px) {
-    width: auto;
-    max-width: 100%;
-  }
   @media (max-width: 600px) {
     width: 90%;
     min-width: 300px;

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

@@ -22,9 +22,7 @@ export const DashboardMetric = ({
 }) => {
   const labels =
     type === "doughnut"
-      ? Object.entries(dataObject).map(
-          ([key, value]) => key !== "NS" && `${getFullStatus(key)} (${value})`
-        )
+      ? Object.keys(dataObject).map((key) => key !== "NS" && getFullStatus(key))
       : Object.keys(dataObject);
   const newObject =
     type === "doughnut" ? removeOldStatus(dataObject) : dataObject;
@@ -65,11 +63,10 @@ export const DashboardMetric = ({
             }, 0);
             const { raw } = element.$context;
             const operation = 100 * (raw / sum);
-            const percent = `${
+            const percent =
               ((operation + "").includes(".")
                 ? (100 * (raw / sum)).toFixed(2)
-                : 100 * (raw / sum)) + "%"
-            } - ${raw}`;
+                : 100 * (raw / sum)) + "%";
             return showPercent ? percent : raw;
           },
         },

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

@@ -23,7 +23,7 @@ export const FullProductNameHeader = ({
   useEffect(() => {
     const rtls = headerData?.retailers || headerData?.retailersAvailable;
     servicesData &&
-      rtls?.forEach((rt) => {
+      rtls.forEach((rt) => {
         const element = [];
         servicesData.forEach((sd) => {
           if (sd.id_retailer === rt.id) {

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

@@ -21,7 +21,7 @@ export const InputGroup = ({
   compare,
   groupData = [],
   setUpdatedBoxData,
-  activeRetailer,
+  activeRetailer
 }) => {
   const inputTypeValue = (type) => {
     switch (type) {
@@ -41,11 +41,7 @@ export const InputGroup = ({
   };
 
   useEffect(() => {
-    if (
-      inputGroup.groupId === "16" &&
-      activeRetailer &&
-      activeRetailer?.retailer?.id
-    ) {
+    if (inputGroup.groupId === "16" && activeRetailer && activeRetailer?.retailer?.id) {
       if (activeRetailer?.retailer?.id === 68) {
         setShowBox(true);
       } else {
@@ -54,127 +50,127 @@ export const InputGroup = ({
     }
   }, [activeRetailer, inputGroup.groupId]);
 
+  // useEffect(() => {
+  //   if (showBox) {
+  //     // Realiza la acción que deseas cuando showBox es true
+  //     console.log("showBox es true");
+  //   } else {
+  //     // Realiza la acción que deseas cuando showBox es false
+  //     console.log("showBox es false");
+  //   }
+  // }, [showBox]);
+
   return (
     <>
       {inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 68 && (
         <Container
-          className={
-            activeSection === "Ficha técnica"
-              ? "datasheets-layout"
-              : "descriptions-layout"
-          }
-        >
-          <Box
-            inputGroup={inputGroup}
-            dataInputs={dataInputs}
-            onChange={setUpdatedBoxData}
-          />
-        </Container>
-      )}
-      {inputGroup.groupId !== "16" && (
-        <Container
-          className={
-            activeSection === "Ficha técnica"
-              ? "datasheets-layout"
-              : "descriptions-layout"
-          }
-        >
-          {inputGroup?.dataGroup && (
-            <ScreenHeader
-              headerType={"retailer-name-header"}
-              text={`${inputGroup?.dataGroup}`}
+            className={
+              activeSection === "Ficha técnica"
+                ? "datasheets-layout"
+                : "descriptions-layout"
+            }
+          >
+            <Box
+              inputGroup={inputGroup}
+              dataInputs={dataInputs}
+              onChange={setUpdatedBoxData}
             />
+          </Container>
+        )}
+      {(inputGroup.groupId !== "16") && (
+      <Container
+        className={
+          activeSection === "Ficha técnica"
+            ? "datasheets-layout"
+            : "descriptions-layout"
+        }
+      >
+        {inputGroup?.dataGroup && (
+          <ScreenHeader
+            headerType={"retailer-name-header"}
+            text={`${inputGroup?.dataGroup}`}
+          />
+        )}
+        <div className="inputs-container">
+          {inputGroup?.inputs?.map((input, index) =>
+            activeSection === "Ficha técnica" ? (
+            <>
+              <TagAndInput
+                key={
+                  index +
+                  "-" +
+                  dataInputs[input]?.value +
+                  "-" +
+                  dataInputs[input]?.id +
+                  "-" +
+                  compare
+                }
+                //disabled={input === 40001}
+                disabled={false}
+                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"
+                    : ""
+                }
+              />
+            </>
+            ) : (
+              <TagAndInput
+                key={index + "-" + input?.value + "-" + compare}
+                inputId={input.id}
+                index={index}
+                inputType={"textarea"}
+                label={input?.name + (input.required ? "*" : "")}
+                value={
+                  compare ? auditInputGroup?.inputs[index]?.value : input?.value
+                }
+                isRequired={input.required}
+                maxChar={input.max_chars}
+                inputPlaceHolder={input?.placeholder}
+                updatedDescriptions={updatedDescriptions}
+                setUpdatedDescriptions={setUpdatedDescriptions}
+                articleId={articleId}
+                version={version}
+                dinamicHeight={dinamicHeight}
+                description={input?.description}
+                showTooltip={true}
+                auditClass={
+                  compare &&
+                  !isEquals(input?.value, auditInputGroup?.inputs[index]?.value)
+                    ? "audit-class"
+                    : ""
+                }
+              />            
+            )
           )}
-          <div className="inputs-container">
-            {inputGroup?.inputs?.map((input, index) =>
-              activeSection === "Ficha técnica" ? (
-                <>
-                  <TagAndInput
-                    key={
-                      index +
-                      "-" +
-                      dataInputs[input]?.value +
-                      "-" +
-                      dataInputs[input]?.id +
-                      "-" +
-                      compare
-                    }
-                    //disabled={input === 40001}
-                    disabled={false}
-                    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"
-                        : ""
-                    }
-                  />
-                </>
-              ) : (
-                <TagAndInput
-                  key={index + "-" + input?.value + "-" + compare}
-                  inputId={input.id}
-                  index={index}
-                  inputType={"textarea"}
-                  label={input?.name + (input.required ? "*" : "")}
-                  value={
-                    compare
-                      ? auditInputGroup?.inputs[index]?.value
-                      : input?.value
-                  }
-                  isRequired={input.required}
-                  maxChar={input.max_chars}
-                  inputPlaceHolder={input?.placeholder}
-                  updatedDescriptions={updatedDescriptions}
-                  setUpdatedDescriptions={setUpdatedDescriptions}
-                  articleId={articleId}
-                  version={version}
-                  dinamicHeight={dinamicHeight}
-                  description={input?.description}
-                  showTooltip={true}
-                  auditClass={
-                    compare &&
-                    !isEquals(
-                      input?.value,
-                      auditInputGroup?.inputs[index]?.value
-                    )
-                      ? "audit-class"
-                      : ""
-                  }
-                />
-              )
-            )}
-          </div>
-        </Container>
+        </div>
+      </Container>
       )}
-      {inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 74 && (
+       {(inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 74) && (
         <Container
           className={
             activeSection === "Ficha técnica"
@@ -234,10 +230,7 @@ export const InputGroup = ({
                     onChange={setUpdatedBoxData}
                     auditClass={
                       compare &&
-                      !isEquals(
-                        dataInputs[input].value,
-                        auditInputs[input].value
-                      )
+                      !isEquals(dataInputs[input].value, auditInputs[input].value)
                         ? "audit-class"
                         : ""
                     }
@@ -251,9 +244,7 @@ export const InputGroup = ({
                   inputType={"textarea"}
                   label={input?.name + (input.required ? "*" : "")}
                   value={
-                    compare
-                      ? auditInputGroup?.inputs[index]?.value
-                      : input?.value
+                    compare ? auditInputGroup?.inputs[index]?.value : input?.value
                   }
                   isRequired={input.required}
                   maxChar={input.max_chars}
@@ -267,10 +258,7 @@ export const InputGroup = ({
                   showTooltip={true}
                   auditClass={
                     compare &&
-                    !isEquals(
-                      input?.value,
-                      auditInputGroup?.inputs[index]?.value
-                    )
+                    !isEquals(input?.value, auditInputGroup?.inputs[index]?.value)
                       ? "audit-class"
                       : ""
                   }

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

@@ -31,6 +31,7 @@ export const ContainerModal = styled.div`
       align-items: center;
       justify-content: flex-start;
       gap: 6px;
+      margin-bottom: 20px;
 
       .label-title {
         width: 100%;
@@ -41,10 +42,6 @@ export const ContainerModal = styled.div`
         color: #262626;
         white-space: pre-wrap;
       }
-
-      & + * {
-        margin-top: 20px;
-      }
     }
 
     .iconModal {