contentoh-components-library 21.3.78 → 21.3.80

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

@@ -464,35 +464,14 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }),
       _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
       origin = _useState64[0],
-      setOrigin = _useState64[1]; //! ==========================================Daniel===========================================
+      setOrigin = _useState64[1];
 
-  /*  ====================================== Cambios =================================*/
-
-
-  var _useState65 = (0, _react.useState)([]),
+  var _useState65 = (0, _react.useState)(false),
       _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      desc = _useState66[0],
-      setDesc = _useState66[1];
-
-  var _useState67 = (0, _react.useState)([]),
-      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      fich = _useState68[0],
-      setFich = _useState68[1];
-
-  var _useState69 = (0, _react.useState)([]),
-      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      imag = _useState70[0],
-      setImag = _useState70[1];
-  /*  ------------------------------------- Cambios ----------------------------------*/
-  //! ==========================================Daniel===========================================
-
-
-  var _useState71 = (0, _react.useState)(false),
-      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      inCart = _useState72[0],
-      setInCart = _useState72[1];
+      inCart = _useState66[0],
+      setInCart = _useState66[1];
 
-  var _useState73 = (0, _react.useState)({
+  var _useState67 = (0, _react.useState)({
     message: "¿Estás seguro de continuar?",
     detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
     button1: {
@@ -507,34 +486,34 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      dataGenericModal = _useState74[0],
-      setDataGenericModal = _useState74[1];
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      dataGenericModal = _useState68[0],
+      setDataGenericModal = _useState68[1];
 
-  var _useState75 = (0, _react.useState)(null),
-      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
-      socketType = _useState76[0],
-      setSocketType = _useState76[1];
+  var _useState69 = (0, _react.useState)(null),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      socketType = _useState70[0],
+      setSocketType = _useState70[1];
 
-  var _useState77 = (0, _react.useState)(loading),
-      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
-      saving = _useState78[0],
-      setSaving = _useState78[1];
+  var _useState71 = (0, _react.useState)(loading),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      saving = _useState72[0],
+      setSaving = _useState72[1];
 
-  var _useState79 = (0, _react.useState)(product.statusByRetailer),
-      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
-      retailerStatus = _useState80[0],
-      setRetailerStatus = _useState80[1];
+  var _useState73 = (0, _react.useState)(product.statusByRetailer),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      retailerStatus = _useState74[0],
+      setRetailerStatus = _useState74[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
-  var _useState81 = (0, _react.useState)(),
-      _useState82 = (0, _slicedToArray2.default)(_useState81, 2),
-      globalModal = _useState82[0],
-      setGlobalModal = _useState82[1];
+  var _useState75 = (0, _react.useState)(),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      globalModal = _useState76[0],
+      setGlobalModal = _useState76[1];
 
   var updateAuditStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
@@ -2019,6 +1998,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }];
 
   var sendToEvaluation = function sendToEvaluation(result) {
+    console.log({
+      result: result
+    });
+
     if (result === "A") {
       if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
         setDataGenericModal(function (prev) {
@@ -2052,7 +2035,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         sendEvaluation("A");
       }
     } else {
-      if (originProp === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
+      if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
         return;
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
@@ -2122,7 +2105,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           servicesData: servicesData ? servicesData : null,
           showApproveRejectAll: isRevision() && getSectionStatus(),
           approveAll: function approveAll() {
-            if (originProp === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
+            if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
               setDataGenericModal(function (prev) {
                 return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
                   button2: {
@@ -2155,7 +2138,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             }
           },
           rejectAll: function rejectAll() {
-            if (originProp === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
+            if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
               return;
             } else if (user.is_retailer) {
               if (product.id_order || product.orderId) {
@@ -2198,14 +2181,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           isRetailer: isRetailer,
           showSaveButton: enableActions(product.version_status),
           version: version,
-          desc: desc,
-          setDesc: setDesc,
-          fich: fich,
-          setFich: setFich,
-          imag: imag,
-          setImag: setImag,
           updatedDescriptions: updatedDescriptions,
           updatedDatasheets: updatedDatasheets,
+          images: images,
           selectedImages: selectedImages,
           setUpdatedDescriptions: setUpdatedDescriptions,
           setUpdatedDatasheets: setUpdatedDatasheets,

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

@@ -485,28 +485,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   var _useState83 = (0, _react.useState)(false),
       _useState84 = (0, _slicedToArray2.default)(_useState83, 2),
       valRejAll = _useState84[0],
-      setValRejAll = _useState84[1]; //! ==========================================Daniel===========================================
-
-  /*  ====================================== Cambios =================================*/
-
-
-  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];
-  /*  ------------------------------------- Cambios ----------------------------------*/
-  //! ==========================================Daniel===========================================
-
+      setValRejAll = _useState84[1];
 
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var _ref3, id_article;
@@ -1993,14 +1972,9 @@ 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,
           updatedDatasheets: updatedDatasheets,
+          images: images,
           selectedImages: selectedImages,
           setUpdatedDescriptions: setUpdatedDescriptions,
           setUpdatedDatasheets: setUpdatedDatasheets,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.78",
+  "version": "21.3.80",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -13,8 +13,7 @@ export const Card = ({
 
   const handleOnChange = (e, cardId) => {
     if (e.target.checked) {
-      card.isNew = 0;
-      setCard && setCard(card);
+      setCard && setCard({ ...card, isNew: 0 });
       setStripe && setStripe(stripe);
       setSelectedCard && setSelectedCard(cardId);
     } else {

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

@@ -7,7 +7,7 @@ export const GeneralInput = ({
   inputType,
   inputId,
   inputName,
-  inputValue,
+  inputValue = "",
   inputPlaceholder,
   validateInput,
   position,
@@ -43,7 +43,6 @@ export const GeneralInput = ({
     ) {
       let generalValue;
       if (optionList?.length > 0) {
-        let index = evt.target.selectedIndex;
         let valueSelected = evt.target.value;
         generalValue = valueSelected;
         setTextValue({ value: generalValue });
@@ -56,26 +55,26 @@ export const GeneralInput = ({
       }
       let dataSave = updatedDatasheets?.slice();
 
-      if (dataSave.length === 0)
-        dataSave.push({
-          articleId: articleId,
-          versionId: version,
-          attributeId: inputId,
-          value: generalValue,
-        });
-      else if (dataSave.some((e) => e.attributeId === inputId)) {
-        dataSave.forEach((e) => {
-          if (e.attributeId === inputId) {
-            e.value = generalValue;
-          }
-        });
+      if (dataSave?.length > 0) {
+        const index = dataSave.findIndex((e) => e.attributeId === inputId);
+        if (index !== -1) {
+          if (generalValue !== inputValue) dataSave[index].value = generalValue;
+          else dataSave.splice(index, 1);
+        } else {
+          dataSave.push({
+            articleId: articleId,
+            attributeId: inputId,
+            value: generalValue,
+          });
+        }
       } else {
-        dataSave.push({
-          articleId: articleId,
-          versionId: version,
-          attributeId: inputId,
-          value: generalValue,
-        });
+        if (generalValue !== inputValue) {
+          dataSave.push({
+            articleId: articleId,
+            attributeId: inputId,
+            value: generalValue,
+          });
+        }
       }
       setUpdatedDatasheets(dataSave);
     } else {

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

@@ -1,6 +1,6 @@
 import ReactQuill from "react-quill";
 import "react-quill/dist/quill.snow.css";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Container } from "./styles";
 
 export const InputFormatter = ({
@@ -9,8 +9,6 @@ export const InputFormatter = ({
   articleId,
   updatedDescriptions,
   setUpdatedDescriptions,
-  addTextAreaToArray,
-  name,
   isRequired,
   maxChar,
 }) => {
@@ -44,7 +42,7 @@ export const InputFormatter = ({
       .replace(/\&/gm, "&");
   };
 
-  const onChange = (valueInput, delta, user, h) => {
+  const onChange = (valueInput, h) => {
     let value = "";
     try {
       if (h.getLength() - 1 <= maxLength) {
@@ -72,12 +70,10 @@ export const InputFormatter = ({
       let idInput = inputId;
       let dataSave = updatedDescriptions?.slice();
       if (dataSave?.length > 0) {
-        if (dataSave.filter((e) => e.attributeId === idInput).length > 0) {
-          dataSave.forEach((e) => {
-            if (e.attributeId === idInput) {
-              e.value = value;
-            }
-          });
+        const index = dataSave.findIndex((e) => e.attributeId === idInput);
+        if (index !== -1) {
+          if (value !== mainValue) dataSave[index].value = value;
+          else dataSave.splice(index, 1);
         } else {
           dataSave.push({
             articleId: articleId,
@@ -86,11 +82,13 @@ export const InputFormatter = ({
           });
         }
       } else {
-        dataSave.push({
-          articleId: articleId,
-          attributeId: idInput,
-          value: value,
-        });
+        if (value !== mainValue) {
+          dataSave.push({
+            articleId: articleId,
+            attributeId: idInput,
+            value: value,
+          });
+        }
       }
       setUpdatedDescriptions(dataSave);
     }
@@ -142,9 +140,7 @@ export const InputFormatter = ({
             e.preventDefault();
           }
         }}
-        onChange={(valueInput, user, range, h) => {
-          onChange(valueInput, user, range, h);
-        }}
+        onChange={(valueInput, user, range, h) => onChange(valueInput, h)}
         onChangeSelection={getSelection}
       />
       <p className="description-limit">

package/src/components/molecules/AvatarAndValidation/index.js

@@ -72,4 +72,4 @@ export const AvatarAndValidation = ({
       )}
     </Container>
   );
-};
+};

package/src/components/molecules/TabsMenu/index.js

@@ -2,156 +2,103 @@ import { Container } from "./styles";
 import { TabSection } from "../../atoms/TabSection";
 import { useEffect, useState } from "react";
 
-
 import { Modal } from "../../organisms/Modal";
 import { ButtonV2 } from "../../atoms/ButtonV2";
 
-
 export const TabsMenu = ({
   tabsSections = {},
   setImagesSection,
   setActiveTab,
   activeTab,
-
-  desc,
-  setDesc,
-  fich,
-  setFich,
-  imag,
-  setImag,
   updatedDescriptions,
   updatedDatasheets,
-  selectedImages,
-  setUpdatedDescriptions,
-  setUpdatedDatasheets,
-  setSelectedImages
+  images,
 }) => {
   const [sections, setSections] = useState(tabsSections);
 
-
-  const [modal, setModal] = useState(false)
-  const [isFirstExecution, setIsFirstExecution] = useState(true)
-  const [detectaTab, setDetectaTab] = useState('')
-  const [cancelAccept, setCancelAccept] = useState('')
-  const [llave, setLlave] = useState('')
-  const [objeto, setObjeto] = useState()
-
-
-
+  const [modal, setModal] = useState(false);
+  const [cancelAccept, setCancelAccept] = useState("");
+  const [llave, setLlave] = useState("");
+  const [objeto, setObjeto] = useState();
 
   const activeSection = (key, array = {}) => {
     let tempArray = {};
     setImagesSection(key === "Imágenes");
     Object.keys(array).forEach((section) => {
       tempArray[section] = section === key;
-      if (section === key) {
-        
-        setUpdatedDatasheets([])
-        setUpdatedDescriptions([])
-        setSelectedImages([])
-        setDesc([])
-        setFich([])
-        setImag([])
-        return setActiveTab(key)
-      };
+      if (section === key) return setActiveTab(key);
     });
     setSections(tempArray);
   };
 
+  useEffect(() => {
+    if ((cancelAccept === "Aceptar") & (llave !== "")) {
+      setCancelAccept("");
+      setModal(false);
+      activeSection(llave, objeto);
+    } else if ((cancelAccept === "Cancelar") & (llave !== "")) {
+      setModal(false);
+      setCancelAccept("");
+    }
+  }, [cancelAccept]);
 
-
-
-    //! ==========================================Daniel===========================================
-  {/*=============================================================================
-    UseEffect para poder recolectar la info
-  ==============================================================================*/}
-
-useEffect(() => {
-    if (cancelAccept==='Aceptar' & llave!==''){
-      setCancelAccept('')
-      setModal(false)
-      activeSection(llave, objeto)
-    } else if (cancelAccept==='Cancelar' & llave!=='') {
-       setModal(false)
-       setCancelAccept('')
-    }  
-  },[cancelAccept])
-
- 
-
-  function detectClickFunction  (e,key,sections) {
-
-
+  const detectClickFunction = (e, key, sections) => {
     const targetIsTheCurrentTab = e.target.innerHTML === activeTab;
     const descriptionsWereUpdated = updatedDescriptions.length > 0;
     const datasheetWereUpdated = updatedDatasheets.length > 0;
-    const imagesWereUpdated = selectedImages.length > 0;
-    const dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
-
-    if (!targetIsTheCurrentTab && !dataWereUpdated ){ 
-      setLlave(key)
-      setObjeto(sections)
-      activeSection(key, sections)
-      }
-    else if(!targetIsTheCurrentTab &&  dataWereUpdated ){
-      setModal(true)
-      setLlave(key)
-      setObjeto(sections)
-
-
+    const imagesWereUpdated = images?.values?.filter((f) => !f.id)?.length > 0;
+    const dataWereUpdated =
+      descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
+    if (!targetIsTheCurrentTab && !dataWereUpdated) {
+      setLlave(key);
+      setObjeto(sections);
+      activeSection(key, sections);
+    } else if (!targetIsTheCurrentTab && dataWereUpdated) {
+      setModal(true);
+      setLlave(key);
+      setObjeto(sections);
     }
-  } 
-
-
-
-
-  //! ==========================================Daniel===========================================
-
+  };
 
   return (
     <>
-    {/* //! ==========================================Daniel=========================================== */ }
-                  {/*=============================================================================
-                          Llamado al componente para poder renderizar la alerta
-                  ==============================================================================*/}
-                {activeTab && <Modal
-                  show={modal}
-                  title='Cambios sin Guardar'
-                  message= 'Estás cambiando de vista y aun no guardas cambios ¿Estás seguro?'
-                  buttons={ [
-                    <ButtonV2
-                      key={"btn-Cancelar"}
-                      type={"white"}
-                      label={"Cancelar"}
-                      size={12}
-                      onClick={(event) => setCancelAccept(event.target.textContent)}
-                    />,
-                    <ButtonV2
-                      key={"btn-Aceptar"}
-                      type={"pink"}
-                      label={"Aceptar"}
-                      size={12}
-                      onClick={(event) =>  setCancelAccept(event.target.textContent)}
-                    />,
-                  ]}
-                /> 
-                }
-                {/*=============================================================================
-                          Llamado al componente para poder renderizar la alerta
-                  ==============================================================================*/}
-{/*  //! ==========================================Daniel=========================================== */ }
-    <Container>
-      {Object.keys(sections).map((key, index) => (
-        <TabSection
-          key={index}
-          label={key}
-          active={sections[key]}
-          onClick={(e)=>{
-           detectClickFunction (e, key, sections)
-          }}
+      {activeTab && (
+        <Modal
+          show={modal}
+          title="Cambios sin Guardar"
+          message="Estás cambiando de vista y aun no guardas cambios ¿Estás seguro?"
+          buttons={[
+            <ButtonV2
+              key={"btn-Cancelar"}
+              type={"white"}
+              label={"Cancelar"}
+              size={12}
+              onClick={(event) => setCancelAccept(event.target.textContent)}
+            />,
+            <ButtonV2
+              key={"btn-Aceptar"}
+              type={"pink"}
+              label={"Aceptar"}
+              size={12}
+              onClick={(event) => setCancelAccept(event.target.textContent)}
+            />,
+          ]}
         />
-      ))}
-    </Container>
+      )}
+
+      <Container>
+        {Object.keys(sections).map((key, index) => (
+          <TabSection
+            key={index}
+            label={key}
+            active={sections[key]}
+            onClick={(e) => {
+              detectClickFunction(e, key, sections);
+            }}
+          />
+        ))}
+      </Container>
     </>
   );
-};
+};

package/src/components/molecules/TagAndInput/index.js

@@ -1,8 +1,6 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { GeneralInput } from "../../atoms/GeneralInput/index";
-import { useEffect } from "react";
-import { useState } from "react";
 
 export const TagAndInput = ({
   inputType,
@@ -32,7 +30,6 @@ export const TagAndInput = ({
   showTooltip,
   auditClass,
 }) => {
-  
   return (
     <Container
       inputType={inputType}
@@ -76,5 +73,4 @@ export const TagAndInput = ({
       />
     </Container>
   );
-  
 };

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

@@ -19,19 +19,13 @@ export const FullTabsMenu = ({
   canAssign,
   version,
   setShowVersionSelector,
-
-  desc,
-  setDesc,
-  fich,
-  setFich,
-  imag,
-  setImag,
+  images,
   updatedDescriptions,
   updatedDatasheets,
   selectedImages,
   setUpdatedDescriptions,
   setUpdatedDatasheets,
-  setSelectedImages
+  setSelectedImages,
 }) => {
   const [imagesSection, setImagesSection] = useState(false);
 
@@ -42,13 +36,7 @@ export const FullTabsMenu = ({
         setImagesSection={setImagesSection}
         setActiveTab={setActiveTab}
         activeTab={activeTab}
-
-        desc={ desc }
-        setDesc={ setDesc }
-        fich={fich}
-        setFich={setFich}
-        imag={imag}
-        setImag={setImag}
+        images={images}
         updatedDescriptions={updatedDescriptions}
         updatedDatasheets={updatedDatasheets}
         selectedImages={selectedImages}
@@ -74,4 +62,4 @@ export const FullTabsMenu = ({
       />
     </Container>
   );
-};
+};

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

@@ -3,7 +3,6 @@ import { TableHeader } from "../../molecules/TableHeader";
 import { Container as Row } from "../../molecules/TableRow/styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 import LabelToInput from "../../atoms/LabelToInput";
-import { useState, useEffect } from "react";
 
 export const ImageDataTable = ({
   activeImage,
@@ -21,7 +20,6 @@ export const ImageDataTable = ({
   setShowVersionSelector,
   shotThd,
 }) => {
-
   return (
     <Container darkMode={darkMode}>
       <TableHeader
@@ -45,7 +43,6 @@ export const ImageDataTable = ({
           }
         />
       </Row>
-      
       <Row>
         <ScreenHeader headerType={"table-row-text"} text="Tipo de empaque" />
         <ScreenHeader