contentoh-components-library 21.4.119 → 21.4.120

package/dist/components/atoms/Multiselect/Multiselect.stories.js

@@ -36,15 +36,15 @@ MultiselectDefault.args = {
     "groups": [{
       "groupId": 60,
       "groupName": "Compras",
-      "userContentGroup": 1
+      "userContentGroup": 0
     }, {
       "groupId": 65,
       "groupName": "Jefe Comercial",
-      "userContentGroup": 0
+      "userContentGroup": 1
     }, {
       "groupId": 66,
       "groupName": "Planogramas",
-      "userContentGroup": 0
+      "userContentGroup": 1
     }, {
       "groupId": 67,
       "groupName": "Impuestos",

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

@@ -13,6 +13,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
 var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
@@ -156,13 +158,16 @@ var Multiselect = function Multiselect(_ref) {
 
   var handleChange = function handleChange(userId) {
     return function (event) {
-      var value = event.target.value;
+      var value = event.target.value; // Crear una copia del estado actual para comparación
+
+      var filteredArrayCopy = (0, _toConsumableArray2.default)(filters);
       var updatedValues = groups.map(function (group) {
         var isSelected = value.includes(group.groupName);
         return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, group), {}, {
           userContentGroup: isSelected ? 1 : 0
         });
       });
+      console.log(updatedValues);
       setSelectedItems(updatedValues.filter(function (group) {
         return group.userContentGroup === 1;
       }).map(function (group) {
@@ -174,19 +179,41 @@ var Multiselect = function Multiselect(_ref) {
         }).map(function (group) {
           return group.groupName;
         })));
+      }); // Comparar cambios entre updatedValues y filteredArray
+
+      var changes = updatedValues.reduce(function (result, group, index) {
+        if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
+          result.push({
+            groupId: group.groupId,
+            userContentGroup: group.userContentGroup
+          });
+        }
+
+        return result;
+      }, []);
+      console.log("changes", changes); // Separar los cambios por userContentGroup para enviar a las funciones correspondientes
+
+      var updatedGroups = changes.filter(function (change) {
+        return change.userContentGroup === 1;
+      }).map(function (change) {
+        return change.groupId;
       });
-      var groupIds = updatedValues.filter(function (group) {
-        return group.userContentGroup === 1;
-      }).map(function (group) {
-        return group.groupId;
+      console.log("updatedGroups", updatedGroups);
+      var deletedGroups = changes.filter(function (change) {
+        return change.userContentGroup === 0;
+      }).map(function (change) {
+        return change.groupId;
       });
+      console.log("deletedGroups", deletedGroups);
 
-      if (groupIds.length > 0) {
-        // Llamada a la función de actualización si hay grupos seleccionados
-        updateGroup(groupIds);
-      } else {
-        // Llamada a la función de eliminación si no hay grupos seleccionados
-        deleteGroup([userId]);
+      if (updatedGroups.length > 0) {
+        // Llamada a la función de actualización si hubo cambios con userContentGroup === 1
+        updateGroup(updatedGroups);
+      }
+
+      if (deletedGroups.length > 0) {
+        // Llamada a la función de eliminación si hubo cambios con userContentGroup === 0
+        deleteGroup(deletedGroups);
       }
     };
   }; //actualiza los grupos seleccionados
@@ -254,7 +281,7 @@ var Multiselect = function Multiselect(_ref) {
 
 
   var deleteGroup = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(userIds) {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(groups) {
       var body, response;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
@@ -262,8 +289,8 @@ var Multiselect = function Multiselect(_ref) {
             case 0:
               _context2.prev = 0;
               body = {
-                userIds: userIds,
-                groupsIds: []
+                userIds: [userId],
+                groupsIds: groups
               };
               _context2.next = 4;
               return _axios.default.post("".concat(process.env.REACT_APP_USERS_ONBOARDING_ENDPOINT, "/delete"), body, {
@@ -276,16 +303,15 @@ var Multiselect = function Multiselect(_ref) {
               response = _context2.sent;
               console.log("borrado correctamente", response.data.body);
               loadUserGroups();
-              _context2.next = 13;
+              _context2.next = 12;
               break;
 
             case 9:
               _context2.prev = 9;
               _context2.t0 = _context2["catch"](0);
-              console.error("Error al cambiar grupos de usuarios:", _context2.t0);
-              setLoading(false);
+              console.error("Error al eliminar grupos de usuarios:", _context2.t0);
 
-            case 13:
+            case 12:
             case "end":
               return _context2.stop();
           }

package/package.json

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

package/src/components/atoms/Multiselect/Multiselect.stories.js

@@ -24,17 +24,17 @@ MultiselectDefault.args = {
             {
                 "groupId": 60,
                 "groupName": "Compras",
-                "userContentGroup": 1
+                "userContentGroup": 0
             },
             {
                 "groupId": 65,
                 "groupName": "Jefe Comercial",
-                "userContentGroup": 0
+                "userContentGroup": 1
             },
             {
                 "groupId": 66,
                 "groupName": "Planogramas",
-                "userContentGroup": 0
+                "userContentGroup": 1
             },
             {
                 "groupId": 67,

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

@@ -84,20 +84,22 @@ const loadUserGroups = (updatedValues) => {
   const onChange = (evt) => {
     setText(evt.target.value);
   };
-
   const handleChange = (userId) => (event) => {
     const {
       target: { value },
     } = event;
   
+    // Crear una copia del estado actual para comparación
+    const filteredArrayCopy = [...filters];
+  
     const updatedValues = groups.map((group) => {
       const isSelected = value.includes(group.groupName);
-  
       return {
         ...group,
         userContentGroup: isSelected ? 1 : 0,
       };
     });
+    console.log(updatedValues);
   
     setSelectedItems(updatedValues.filter((group) => group.userContentGroup === 1).map((group) => group.groupName));
   
@@ -108,16 +110,36 @@ const loadUserGroups = (updatedValues) => {
         .map((group) => group.groupName),
     }));
   
-    const groupIds = updatedValues.filter((group) => group.userContentGroup === 1).map((group) => group.groupId);
-    if (groupIds.length > 0) {
-      // Llamada a la función de actualización si hay grupos seleccionados
-      updateGroup(groupIds);
-    } else {
-      // Llamada a la función de eliminación si no hay grupos seleccionados
-      deleteGroup([userId]);
+    // Comparar cambios entre updatedValues y filteredArray
+    const changes = updatedValues.reduce((result, group, index) => {
+      if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
+        result.push({
+          groupId: group.groupId,
+          userContentGroup: group.userContentGroup,
+        });
+      }
+      return result;
+    }, []);
+    console.log("changes", changes);
+  
+    // Separar los cambios por userContentGroup para enviar a las funciones correspondientes
+    const updatedGroups = changes.filter((change) => change.userContentGroup === 1).map((change) => change.groupId);
+    console.log("updatedGroups",updatedGroups)
+    const deletedGroups = changes.filter((change) => change.userContentGroup === 0).map((change) => change.groupId);
+    console.log("deletedGroups",deletedGroups)
+    if (updatedGroups.length > 0) {
+      // Llamada a la función de actualización si hubo cambios con userContentGroup === 1
+      updateGroup(updatedGroups);
+    }
+  
+    if (deletedGroups.length > 0) {
+      // Llamada a la función de eliminación si hubo cambios con userContentGroup === 0
+      deleteGroup(deletedGroups);
     }
   };
   
+  
+  
 
   //actualiza los grupos seleccionados
   const updateGroup = async (groupsIds) => {
@@ -162,11 +184,11 @@ const loadUserGroups = (updatedValues) => {
   };
 
     //Elimina todos los grupos de usuarios seleccionados
-    const deleteGroup = async (userIds) => {
+    const deleteGroup = async (groups) => {
       try {
         const body = {
-          userIds,
-          groupsIds: [],
+          userIds:[userId],
+          groupsIds:groups,
         };
         const response = await axios.post(
           `${process.env.REACT_APP_USERS_ONBOARDING_ENDPOINT}/delete`,
@@ -180,8 +202,7 @@ const loadUserGroups = (updatedValues) => {
         console.log("borrado correctamente", response.data.body);
         loadUserGroups(); 
       } catch (error) {
-        console.error("Error al cambiar grupos de usuarios:", error);
-        setLoading(false);
+        console.error("Error al eliminar grupos de usuarios:", error);
       }
     };