contentoh-components-library 21.4.57 → 21.4.59

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/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

@@ -1,9 +1,6 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { TagAndInput } from "../../molecules/TagAndInput";
-import { BoxOnboarding } from "../BoxOnboarding";
-import { Box } from "../Box";
-import { useEffect, useState } from "react";
 
 export const InputGroup = ({
   inputGroup = {},
@@ -19,9 +16,6 @@ export const InputGroup = ({
   version,
   dinamicHeight,
   compare,
-  groupData = [],
-  setUpdatedBoxData,
-  activeRetailer
 }) => {
   const inputTypeValue = (type) => {
     switch (type) {
@@ -33,245 +27,101 @@ export const InputGroup = ({
         return "text";
     }
   };
-  const [showBox, setShowBox] = useState(false);
 
   const isEquals = (dataInputsVal, auditInputsVal) => {
     const result = dataInputsVal === auditInputsVal;
     return result;
   };
 
-  
-  useEffect(() => {
-    if (inputGroup.groupId === "16" && activeRetailer && activeRetailer?.retailer?.id) {
-      if (activeRetailer?.retailer?.id === 68) {
-        setShowBox(true);
-      } else {
-        setShowBox(false);
-      }
-    }
-  }, [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]);
-  console.log("dataInputs",dataInputs);
-
   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}`}
-            />
-          )}
-          <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>
+    <Container
+      className={
+        activeSection === "Ficha técnica"
+          ? "datasheets-layout"
+          : "descriptions-layout"
+      }
+    >
+      {inputGroup?.dataGroup && (
+        <ScreenHeader
+          headerType={"retailer-name-header"}
+          text={inputGroup?.dataGroup}
+        />
       )}
-       {(inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 74) && (
-        <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"
+                  : ""
+              }
             />
-          )}
-          <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}
-                    inputGroup={inputGroup}
-                    dataInputs={dataInputs}
-                    onChange={setUpdatedBoxData}
-                    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>
-      )}
-    </>
+          ) : (
+            <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>
   );
-}  
+};

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 {

package/src/components/organisms/OrderDetail/utils/Table/utils.js

@@ -1,31 +1,41 @@
 export const servicesCodeIcon = {
   datasheet: (
     <div key="datasheet" className="tooltip">
-      <span className="material-icons small">&#xf8ee;</span>
+      <span className="material-icons small">
+        &#xf8ee;
+      </span>
       <span className="tooltiptext">Ficha Técnica</span>
     </div>
   ),
   description: (
     <div key="description" className="tooltip">
-      <span className="material-icons small">&#xe873;</span>
+      <span className="material-icons small">
+          &#xe873;
+        </span>
       <span className="tooltiptext">Descripción</span>
     </div>
   ),
   image: (
     <div key="image" className="tooltip">
-      <span className="material-icons small">&#xe3f4;</span>
+      <span className="material-icons small">
+        &#xe3f4;
+      </span>
       <span className="tooltiptext">Imagen</span>
     </div>
   ),
   translate: (
     <div key="translate" className="tooltip">
-      <span className="material-icons small">&#xe8e2;</span>
+      <span className="material-icons small">
+        &#xe8e2;
+      </span>
       <span className="tooltiptext">Traducción</span>
     </div>
   ),
   build: (
-    <div key="build" className="tooltip">
-      <span className="material-icons small">&#xe1bd;</span>
+    <div key="build"  className="tooltip">
+      <span className="material-icons small">
+        &#xe1bd;
+      </span>
       <span className="tooltiptext">Construcción</span>
     </div>
   ),

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

@@ -84,7 +84,7 @@ export const Dashboard = ({ jwt, user, company }) => {
     const isRetailer = user.is_retailer && company.retailers;
     const isProvider = !user.is_retailer && user.id_role === 0;
     const isCollaborator = user.id_role > 0;
-    const { ordersBydate, ordersByStatus, ordersByActive } =
+    const { ordersBydate, ordersByStatus } =
       (await loadProductVersions(orderByStatus)) || {};
 
     const { total = 0, R = 0, PA = 0, Ex = 0, ACA = 0 } = ordersByStatus;
@@ -100,18 +100,13 @@ export const Dashboard = ({ jwt, user, company }) => {
           : prev,
       0
     );
-
-    const registeredProducts = ordersByActive.registered;
     let metricsArray = [
       metricsData[0]
         ? metricsData[0]
         : { label: "Productos totales", value: total },
     ];
 
-    console.log(registeredProducts);
-
     metricsArray.push(
-      { label: "Productos activos", value: registeredProducts },
       { label: "Productos filtrados", value: total },
       { label: "Productos sin asignar", value: PA + R },
       { label: "Productos en proceso", value: inProcess },