contentoh-components-library 21.3.83 → 21.3.85

package/dist/assets/fonts/roboto/LICENSE.txt

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

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

@@ -23,7 +23,8 @@ var GeneralInput = function GeneralInput(_ref) {
   var inputType = _ref.inputType,
       inputId = _ref.inputId,
       inputName = _ref.inputName,
-      inputValue = _ref.inputValue,
+      _ref$inputValue = _ref.inputValue,
+      inputValue = _ref$inputValue === void 0 ? "" : _ref$inputValue,
       inputPlaceholder = _ref.inputPlaceholder,
       validateInput = _ref.validateInput,
       position = _ref.position,
@@ -66,7 +67,6 @@ var GeneralInput = function GeneralInput(_ref) {
       var generalValue;
 
       if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
-        var index = evt.target.selectedIndex;
         var valueSelected = evt.target.value;
         generalValue = valueSelected;
         setTextValue({
@@ -80,27 +80,31 @@ var GeneralInput = function GeneralInput(_ref) {
       }
 
       var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
-      if (dataSave.length === 0) dataSave.push({
-        articleId: articleId,
-        versionId: version,
-        attributeId: inputId,
-        value: generalValue
-      });else if (dataSave.some(function (e) {
-        return e.attributeId === inputId;
-      })) {
-        dataSave.forEach(function (e) {
-          if (e.attributeId === inputId) {
-            e.value = generalValue;
-          }
+
+      if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
+        var index = dataSave.findIndex(function (e) {
+          return 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 {
       setTextValue({

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

@@ -26,8 +26,6 @@ var InputFormatter = function InputFormatter(_ref) {
       articleId = _ref.articleId,
       updatedDescriptions = _ref.updatedDescriptions,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      addTextAreaToArray = _ref.addTextAreaToArray,
-      name = _ref.name,
       isRequired = _ref.isRequired,
       maxChar = _ref.maxChar;
 
@@ -77,7 +75,7 @@ var InputFormatter = function InputFormatter(_ref) {
     return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/\&nbsp;/gm, " ").replace(/\&amp;/gm, "&");
   };
 
-  var _onChange = function onChange(valueInput, delta, user, h) {
+  var _onChange = function onChange(valueInput, h) {
     var value = "";
 
     try {
@@ -104,14 +102,12 @@ var InputFormatter = function InputFormatter(_ref) {
       var dataSave = updatedDescriptions === null || updatedDescriptions === void 0 ? void 0 : updatedDescriptions.slice();
 
       if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
-        if (dataSave.filter(function (e) {
+        var index = dataSave.findIndex(function (e) {
           return e.attributeId === idInput;
-        }).length > 0) {
-          dataSave.forEach(function (e) {
-            if (e.attributeId === idInput) {
-              e.value = value;
-            }
-          });
+        });
+
+        if (index !== -1) {
+          if (value !== mainValue) dataSave[index].value = value;else dataSave.splice(index, 1);
         } else {
           dataSave.push({
             articleId: articleId,
@@ -120,11 +116,13 @@ var InputFormatter = function InputFormatter(_ref) {
           });
         }
       } else {
-        dataSave.push({
-          articleId: articleId,
-          attributeId: idInput,
-          value: value
-        });
+        if (value !== mainValue) {
+          dataSave.push({
+            articleId: articleId,
+            attributeId: idInput,
+            value: value
+          });
+        }
       }
 
       setUpdatedDescriptions(dataSave);
@@ -174,7 +172,7 @@ var InputFormatter = function InputFormatter(_ref) {
         }
       },
       onChange: function onChange(valueInput, user, range, h) {
-        _onChange(valueInput, user, range, h);
+        return _onChange(valueInput, h);
       },
       onChangeSelection: getSelection
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {

package/dist/components/atoms/TabSection/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n\n  & + * {\n    margin-left: 10px;\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n  cursor: pointer;\n\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n\n  & + * {\n    margin-left: 10px;\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
 
 exports.Container = Container;

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

@@ -27,18 +27,9 @@ var TabsMenu = function TabsMenu(_ref) {
       setImagesSection = _ref.setImagesSection,
       setActiveTab = _ref.setActiveTab,
       activeTab = _ref.activeTab,
-      desc = _ref.desc,
-      setDesc = _ref.setDesc,
-      fich = _ref.fich,
-      setFich = _ref.setFich,
-      imag = _ref.imag,
-      setImag = _ref.setImag,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
-      selectedImages = _ref.selectedImages,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      setSelectedImages = _ref.setSelectedImages;
+      images = _ref.images;
 
   var _useState = (0, _react.useState)(tabsSections),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -50,30 +41,20 @@ var TabsMenu = function TabsMenu(_ref) {
       modal = _useState4[0],
       setModal = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(true),
+  var _useState5 = (0, _react.useState)(""),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isFirstExecution = _useState6[0],
-      setIsFirstExecution = _useState6[1];
+      cancelAccept = _useState6[0],
+      setCancelAccept = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(''),
+  var _useState7 = (0, _react.useState)(""),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      detectaTab = _useState8[0],
-      setDetectaTab = _useState8[1];
+      llave = _useState8[0],
+      setLlave = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(''),
+  var _useState9 = (0, _react.useState)(),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      cancelAccept = _useState10[0],
-      setCancelAccept = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(''),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      llave = _useState12[0],
-      setLlave = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      objeto = _useState14[0],
-      setObjeto = _useState14[1];
+      objeto = _useState10[0],
+      setObjeto = _useState10[1];
 
   var activeSection = function activeSection(key) {
     var array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -81,38 +62,31 @@ var TabsMenu = function TabsMenu(_ref) {
     setImagesSection(key === "Imágenes");
     Object.keys(array).forEach(function (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);
   };
 
   (0, _react.useEffect)(function () {
-    if (cancelAccept === 'Aceptar' & llave !== '') {
-      setCancelAccept('');
+    if (cancelAccept === "Aceptar" & llave !== "") {
+      setCancelAccept("");
       setModal(false);
       activeSection(llave, objeto);
-    } else if (cancelAccept === 'Cancelar' & llave !== '') {
+    } else if (cancelAccept === "Cancelar" & llave !== "") {
       setModal(false);
-      setCancelAccept('');
+      setCancelAccept("");
     }
   }, [cancelAccept]);
 
-  function detectClickFunction(e, key, sections) {
+  var detectClickFunction = function detectClickFunction(e, key, sections) {
+    var _images$values, _images$values$filter;
+
     var targetIsTheCurrentTab = e.target.innerHTML === activeTab;
     var descriptionsWereUpdated = updatedDescriptions.length > 0;
     var datasheetWereUpdated = updatedDatasheets.length > 0;
-    var imagesWereUpdated = selectedImages.length > 0;
+    var imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(function (f) {
+      return !f.id;
+    })) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
     var dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
 
     if (!targetIsTheCurrentTab && !dataWereUpdated) {
@@ -124,7 +98,7 @@ var TabsMenu = function TabsMenu(_ref) {
       setLlave(key);
       setObjeto(sections);
     }
-  }
+  };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [activeTab && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {

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

@@ -11,8 +11,6 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _index2 = require("../../atoms/GeneralInput/index");
 
-var _react = require("react");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var TagAndInput = function TagAndInput(_ref) {
@@ -54,7 +52,7 @@ var TagAndInput = function TagAndInput(_ref) {
       }), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "tooltip",
         children: label
-      })]
+      }), " ", inputId]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
       inputId: inputId,
       inputType: inputType,

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

@@ -419,9 +419,11 @@ var ContentChat = function ContentChat(props) {
                 isUserTech: (_dataChat$currentUser3 = dataChat.currentUser) === null || _dataChat$currentUser3 === void 0 ? void 0 : _dataChat$currentUser3.isUserTech
               };
               paramsQuery = {
-                id: JSON.stringify(dataChat.id),
+                //id: JSON.stringify(dataChat.id),
+                id: dataChat.id,
                 getType: "initial",
-                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                //currentUser: encodeUriJson(dataUser),
+                currentUser: encodeURIComponent(JSON.stringify(dataUser)),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
               _context3.next = 5;

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

@@ -36,12 +36,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       canAssign = _ref.canAssign,
       version = _ref.version,
       setShowVersionSelector = _ref.setShowVersionSelector,
-      desc = _ref.desc,
-      setDesc = _ref.setDesc,
-      fich = _ref.fich,
-      setFich = _ref.setFich,
-      imag = _ref.imag,
-      setImag = _ref.setImag,
+      images = _ref.images,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
       selectedImages = _ref.selectedImages,
@@ -60,12 +55,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       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,

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

@@ -455,27 +455,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       origin = _useState62[0],
       setOrigin = _useState62[1];
 
-  var _useState63 = (0, _react.useState)([]),
+  var _useState63 = (0, _react.useState)(false),
       _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
-      desc = _useState64[0],
-      setDesc = _useState64[1];
+      inCart = _useState64[0],
+      setInCart = _useState64[1];
 
-  var _useState65 = (0, _react.useState)([]),
-      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      fich = _useState66[0],
-      setFich = _useState66[1];
-
-  var _useState67 = (0, _react.useState)([]),
-      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      imag = _useState68[0],
-      setImag = _useState68[1];
-
-  var _useState69 = (0, _react.useState)(false),
-      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      inCart = _useState70[0],
-      setInCart = _useState70[1];
-
-  var _useState71 = (0, _react.useState)({
+  var _useState65 = (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: {
@@ -490,34 +475,34 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      dataGenericModal = _useState72[0],
-      setDataGenericModal = _useState72[1];
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      dataGenericModal = _useState66[0],
+      setDataGenericModal = _useState66[1];
 
-  var _useState73 = (0, _react.useState)(null),
-      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      socketType = _useState74[0],
-      setSocketType = _useState74[1];
+  var _useState67 = (0, _react.useState)(null),
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      socketType = _useState68[0],
+      setSocketType = _useState68[1];
 
-  var _useState75 = (0, _react.useState)(loading),
-      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
-      saving = _useState76[0],
-      setSaving = _useState76[1];
+  var _useState69 = (0, _react.useState)(loading),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      saving = _useState70[0],
+      setSaving = _useState70[1];
 
-  var _useState77 = (0, _react.useState)(product.statusByRetailer),
-      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
-      retailerStatus = _useState78[0],
-      setRetailerStatus = _useState78[1];
+  var _useState71 = (0, _react.useState)(product.statusByRetailer),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      retailerStatus = _useState72[0],
+      setRetailerStatus = _useState72[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
-  var _useState79 = (0, _react.useState)(),
-      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
-      globalModal = _useState80[0],
-      setGlobalModal = _useState80[1];
+  var _useState73 = (0, _react.useState)(),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      globalModal = _useState74[0],
+      setGlobalModal = _useState74[1];
 
   var updateAuditStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
@@ -2184,14 +2169,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

@@ -477,21 +477,6 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       compare = _useState80[0],
       setCompare = _useState80[1];
 
-  var _useState81 = (0, _react.useState)([]),
-      _useState82 = (0, _slicedToArray2.default)(_useState81, 2),
-      desc = _useState82[0],
-      setDesc = _useState82[1];
-
-  var _useState83 = (0, _react.useState)([]),
-      _useState84 = (0, _slicedToArray2.default)(_useState83, 2),
-      fich = _useState84[0],
-      setFich = _useState84[1];
-
-  var _useState85 = (0, _react.useState)([]),
-      _useState86 = (0, _slicedToArray2.default)(_useState85, 2),
-      imag = _useState86[0],
-      setImag = _useState86[1];
-
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var _ref3, id_article;
 
@@ -2000,14 +1985,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/dist/global-files/handle_http.js

@@ -17,12 +17,13 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var objToQueryString = function objToQueryString(obj) {
   if (!Object.values(obj).length) return null;
-  return Object.entries(obj).map(function (_ref) {
+  return Object.entries(obj).map( //([key, value]) => `${key}=${encodeURIComponent(JSON.stringify(value))}`
+  function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
         key = _ref2[0],
         value = _ref2[1];
 
-    return "".concat(key, "=").concat(encodeURIComponent(JSON.stringify(value)));
+    return "".concat(key, "=").concat(encodeURIComponent(value));
   }).join("&");
 };
 /**

package/package.json

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

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/atoms/TabSection/styles.js

@@ -10,6 +10,7 @@ export const Container = styled.div`
   width: 149px;
   padding-bottom: 5px;
   transition: 0.1s all;
+  cursor: pointer;
 
   &.active {
     font-size: 18px;

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

@@ -2,126 +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])
+  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);
     }
-  } 
+  };
+
   return (
     <>
-                {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>
-      {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}
@@ -45,7 +42,7 @@ export const TagAndInput = ({
           headerType={"input-name-header"}
           color={color}
         />
-        {showTooltip && <span className="tooltip">{label}</span>}
+        {showTooltip && <span className="tooltip">{label}</span>} {inputId}
       </div>
       <GeneralInput
         inputId={inputId}
@@ -74,5 +71,4 @@ export const TagAndInput = ({
       />
     </Container>
   );
-  
 };

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

@@ -241,9 +241,11 @@ export const ContentChat = (props) => {
       isUserTech: dataChat.currentUser?.isUserTech,
     };
     const paramsQuery = {
-      id: JSON.stringify(dataChat.id),
+      //id: JSON.stringify(dataChat.id),
+      id: dataChat.id,
       getType: "initial",
-      currentUser: encodeUriJson(dataUser),
+      //currentUser: encodeUriJson(dataUser),
+      currentUser: encodeURIComponent(JSON.stringify(dataUser)),
       currentItemsFront: encodeUriJson(getItemsIdSingleChat()),
     };
     const response = await fetchGET(

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/pages/ProviderProductEdition/index.js

@@ -221,11 +221,6 @@ export const ProviderProductEdition = ({
     Imágenes: null,
   });
 
-  const [desc, setDesc] = useState([])
-  const [fich, setFich] = useState([])
-  const [imag, setImag] = useState([])
-
-
   const [inCart, setInCart] = useState(false);
   const [dataGenericModal, setDataGenericModal] = useState({
     message: "¿Estás seguro de continuar?",
@@ -1303,6 +1298,7 @@ export const ProviderProductEdition = ({
       }
     }
   };
+
   return (
     <Container headerTop={headerTop}>
       <HeaderTop
@@ -1425,20 +1421,13 @@ export const ProviderProductEdition = ({
             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}
             setSelectedImages={setSelectedImages}
-
             setShowVersionSelector={setShowVersionSelector}
             onClickSave={() => {
               switch (activeTab) {

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

@@ -219,10 +219,6 @@ export const RetailerProductEdition = ({
   const [auditImages, setAuditImages] = useState([]);
   const [compare, setCompare] = useState(false);
 
-  const [desc, setDesc] = useState([])
-  const [fich, setFich] = useState([])
-  const [imag, setImag] = useState([])
-
   useEffect(async () => {
     const { id_article } = product?.article || {};
     if (id_article)
@@ -1383,20 +1379,13 @@ export const RetailerProductEdition = ({
             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}
             setSelectedImages={setSelectedImages}
-
             setShowVersionSelector={setShowVersionSelector}
             onClickSave={() => {
               switch (activeTab) {
@@ -1475,7 +1464,7 @@ export const RetailerProductEdition = ({
                       version={version}
                       dinamicHeight={true}
                       compare={compare}
-                    />            
+                    />
                   ) : (
                     <ScreenHeader
                       text={"No cuentas con este servicio"}

package/src/global-files/handle_http.js

@@ -4,7 +4,8 @@ const objToQueryString = (obj) => {
   if (!Object.values(obj).length) return null;
   return Object.entries(obj)
     .map(
-      ([key, value]) => `${key}=${encodeURIComponent(JSON.stringify(value))}`
+      //([key, value]) => `${key}=${encodeURIComponent(JSON.stringify(value))}`
+      ([key, value]) => `${key}=${encodeURIComponent(value)}`
     )
     .join("&");
 };