contentoh-components-library 21.4.75 → 21.4.78

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

@@ -11,11 +11,9 @@ exports.DragAndDropPhases = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -31,10 +29,10 @@ var _Modal = require("../Modal");
 
 var _axios = _interopRequireDefault(require("axios"));
 
-var _GeneralInputv = require("../../atoms/GeneralInputv2");
-
 var _checkv = _interopRequireDefault(require("../../../assets/images/Icons/checkv2.svg"));
 
+var _material = require("@mui/material");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var DragAndDropPhases = function DragAndDropPhases(_ref) {
@@ -67,7 +65,7 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
       listPhases = _useState10[0],
       setListPhases = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(),
+  var _useState11 = (0, _react.useState)(""),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
       newPhaseName = _useState12[0],
       setNewPhaseName = _useState12[1];
@@ -80,135 +78,185 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
   }),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
       modalData = _useState14[0],
-      setModalData = _useState14[1];
-
-  var onDragStart = function onDragStart(e, idx) {
-    e.dataTransfer.effectAllowed = "move";
-    e.dataTransfer.setData("text/html", e.target.parentNode);
-    e.dataTransfer.setDragImage(e.target.parentNode, 20, 20);
-    setDraggedItem(items[idx]);
+      setModalData = _useState14[1]; // useEffect(() => {console.log("nuevo",newPhaseName)},[newPhaseName]);
+
+
+  {
+    /*const updatePhases = async () => {
+     try {
+       console.log("listPhases:", listPhases);
+       const updateData = {
+         body: {
+           updateReferencesOfNodes: listPhases.map((phase) => ({
+             name:phase.phaseName,
+             isInitialPhase: phase.isInitialPhase,
+             phaseId: phase.phaseId,
+             nextPhaseIfApproved: phase.nextPhaseIfApproved,
+           })),
+         },
+         path: {
+           action: "update",
+         },
+         headers: {
+           Authorization: token,
+         },
+       };
+       console.log("updateData:", updateData);
+        const response = await axios.post(
+         `${process.env.REACT_APP_PHASES_ENDPOINT}/update`,
+         updateData
+       );
+        // Handle response if needed
+       console.log("Update response:", response.data);
+     } catch (error) {
+       console.error("Error al actualizar fases", error);
+     }
+    };*/
+  }
+
+  var handleInputChange = function handleInputChange(e) {
+    console.log("nuevo nombre", e.target.value);
+    setNewPhaseName(e.target.value);
   };
 
-  var onDragOver = function onDragOver(index) {
-    if (!draggedItem) {
-      return;
-    }
-
-    if (draggedItem === tempItems[index]) {
-      return;
-    }
-
-    var draggedIndex = tempItems.findIndex(function (item) {
-      return item === draggedItem;
-    });
-    var updatedItems = (0, _toConsumableArray2.default)(tempItems);
-
-    if (draggedIndex > index) {
-      updatedItems[draggedIndex] = tempItems[index];
-      updatedItems[index] = draggedItem;
-    } else {
-      updatedItems.splice(draggedIndex, 1);
-      updatedItems.splice(index, 0, draggedItem);
-    }
-
-    setTempItems(updatedItems);
-  };
+  var AddPhase = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              try {
+                console.log("fase nueva", newPhaseName);
+                {
+                  /*const body = {
+                   name: phaseName,
+                   retailerGroupsIds: [],
+                   nextPhaseId: null
+                  }
+                  const response = await axios.post(
+                   `${process.env.REACT_APP_PHASES_ENDPOINT}/create`,
+                   body,
+                   {
+                     headers: {
+                       Authorization: token,
+                     },
+                   }
+                  );
+                  const createdPhase = response.data.body;
+                  console.log(createdPhase)*/
+                }
+              } catch (error) {
+                console.error("Error al agregar fase:", error);
+              }
 
-  var onDragEnd = function onDragEnd() {
-    setItems(tempItems);
-    setDraggedItem(null);
-  };
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
 
-  (0, _react.useEffect)(function () {
-    console.log("nuevo", newPhaseName);
-  }, [newPhaseName]);
+    return function AddPhase() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
-  var handleAddPhase = function handleAddPhase() {
+  var handleAddPhaseButton = function handleAddPhaseButton() {
     setModalData({
       show: true,
+      className: "modal-add-phase",
       title: "Agregar fase de revisión",
       buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "white",
         label: "Cancelar",
         size: 12,
         onClick: function onClick() {
-          handleAcceptModal();
+          setModalData(function (prev) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+              show: false
+            });
+          });
         }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Guardar",
         size: 12,
-        onClick: function onClick() {
-          handleAcceptModal();
-        }
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+          return _regenerator.default.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  setModalData(function (prev) {
+                    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+                      show: false
+                    });
+                  });
+                  _context2.next = 3;
+                  return new Promise(function (resolve) {
+                    return setTimeout(resolve, 0);
+                  });
+
+                case 3:
+                  AddPhase();
+
+                case 4:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }))
       }, "btn-Guardar")],
       customComponent: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "container-input-name",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
           children: ["Las fases nuevas siempre se agregan al final.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Puedes ordenar las fases arrastr\xE1ndolas."]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInputv.GeneralInputv2, {
-          inputType: "text",
-          inputName: "input-phase-name",
-          inputId: 0,
-          inputValue: newPhaseName,
-          inputOnChange: function inputOnChange(e) {
-            return setNewPhaseName(e.target.value);
-          },
-          inputPlaceholder: "Nombre de fase"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          className: "input-phases",
+          placeholder: "Nombre de fase",
+          value: newPhaseName,
+          onChange: handleInputChange
         })]
       })
     });
   };
 
-  var handleAcceptModal = function handleAcceptModal() {
-    var newPhaseData = {
-      id: listPhases.length + 1,
-      phaseName: newPhaseName,
-      // Utiliza el nuevo nombre de la fase
-      groupsAssigned: []
-    };
-    setListPhases(function (prevListPhases) {
-      var updatedListPhases = [].concat((0, _toConsumableArray2.default)(prevListPhases), [newPhaseData]);
-      console.log("actualizada", updatedListPhases);
-      return updatedListPhases;
-    });
-    setModalData(function (prev) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-        show: false
-      });
-    });
+  var handleAcceptModal = function handleAcceptModal(PhaseName) {
+    console.log("nombre", PhaseName);
+    AddPhase(PhaseName);
   };
 
-  var getPhases = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+  var loadData = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
       var response, phasesData, phasesDataArray;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              _context.prev = 0;
-              _context.next = 3;
+              _context3.prev = 0;
+              _context3.next = 3;
               return _axios.default.post("".concat(process.env.REACT_APP_PHASES_ENDPOINT, "/get"), {}, {
                 headers: {
-                  Authorization: token
+                  Authorization: token // Authorization: sessionStorage.getItem("jwt"),
+
                 }
               });
 
             case 3:
-              response = _context.sent;
-              // console.log("response", response);
+              response = _context3.sent;
               phasesData = JSON.parse(response.data.body).data;
               phasesDataArray = [];
-              phasesData.forEach(function (_ref3) {
-                var phaseId = _ref3.phaseId,
-                    phaseName = _ref3.phaseName,
-                    isInitialPhase = _ref3.isInitialPhase,
-                    nextPhaseIfApproved = _ref3.nextPhaseIfApproved,
-                    groups = _ref3.groups;
-                var groupsAssigned = groups.map(function (_ref4) {
-                  var id = _ref4.id,
-                      name = _ref4.name,
-                      active = _ref4.active;
+              phasesData.forEach(function (_ref5) {
+                var phaseId = _ref5.phaseId,
+                    phaseName = _ref5.phaseName,
+                    isInitialPhase = _ref5.isInitialPhase,
+                    nextPhaseIfApproved = _ref5.nextPhaseIfApproved,
+                    groups = _ref5.groups;
+                var groupsAssigned = groups.map(function (_ref6) {
+                  var id = _ref6.id,
+                      name = _ref6.name,
+                      active = _ref6.active;
                   return {
                     groupId: id,
                     groupName: name,
@@ -222,27 +270,27 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
                   nextPhaseIfApproved: nextPhaseIfApproved,
                   groupsAssigned: groupsAssigned
                 });
-              }); // console.table("fases Array", phasesDataArray);
-
+              });
+              console.table("fases Array", phasesDataArray);
               setListPhases(phasesDataArray);
-              _context.next = 13;
+              _context3.next = 14;
               break;
 
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](0);
-              console.error("Error fetching fases:", _context.t0);
+            case 11:
+              _context3.prev = 11;
+              _context3.t0 = _context3["catch"](0);
+              console.error("Error al obtener fases:", _context3.t0);
 
-            case 13:
+            case 14:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
         }
-      }, _callee, null, [[0, 10]]);
+      }, _callee3, null, [[0, 11]]);
     }));
 
-    return function getPhases() {
-      return _ref2.apply(this, arguments);
+    return function loadData() {
+      return _ref4.apply(this, arguments);
     };
   }();
 
@@ -273,19 +321,23 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    return getPhases();
-  }, []);
-  (0, _react.useEffect)(function () {// console.log("fases lista", listPhases);
-  }, [listPhases]);
+    return loadData();
+  }, []); // useEffect(() => {
+  //   updatePhases(); 
+  //   setModalData((prev) => ({ ...prev, show: false }));
+  // }, [listPhases]); 
 
-  var renderPhase = function renderPhase(idx, phase) {
+  var renderPhase = function renderPhase(phase, idx) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phase.Phase, {
       id: idx,
       phases: listPhases,
       phaseName: phase.phaseName,
       nextPhase: phase.nextPhaseIfApproved,
       groups: phase.groupsAssigned,
-      onDeletePhase: handleDeletePhase
+      onDeletePhase: function onDeletePhase() {
+        return handleDeletePhase(phase.id);
+      },
+      draggable: true
     }, idx);
   };
 
@@ -293,7 +345,7 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Header, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "button-phase",
-        onClick: handleAddPhase,
+        onClick: handleAddPhaseButton,
         children: "Agregar fase de revisi\xF3n"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         className: "button-save",
@@ -323,7 +375,7 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
       }, "btn-Guardar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       children: listPhases.map(function (phase, idx) {
-        return renderPhase(idx, phase, handleDeletePhase);
+        return renderPhase(phase, idx);
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, modalData), {}, {
       onClickBtnDefault: function onClickBtnDefault() {

package/dist/components/organisms/DragAndDropPhases/styles.js

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject, _templateObject2;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\nflex-direction: column;\ngap:20px;\nwidth:100%;\nul{\n  display:flex;\n  flex-direction:column;\n  width:100%;\n  gap:10px;\n}\n  .item{\n    display:flex;\n    width:100%;\n  }\n  .drag{\n    width:100%;\n  }\n  .container-input-name{\n    p{\n      font-family: ", ", sans-serif;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      letter-spacing: 0em;\n      text-align: left;\n      color: ", ";\n      margin-bottom:15px;\n    }\n  }\n"])), _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\nflex-direction: column;\ngap:20px;\nwidth:100%;\nul{\n  display:flex;\n  flex-direction:column;\n  width:100%;\n  gap:10px;\n}\n  .item{\n    display:flex;\n    width:100%;\n  }\n  .drag{\n    width:100%;\n  }\n  .container-input-name{\n    p{\n      font-family: ", ", sans-serif;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      letter-spacing: 0em;\n      text-align: left;\n      color: ", ";\n      margin-bottom:15px;\n    }\n    .input-phases{\n      width:100%;\n      height: 30px;\n      padding: 8px 10px;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      ::placeholder {\n        font-family: ", ", sans-serif;\n        font-size: 12px;\n        font-weight: 400;\n        line-height: 14px;\n        letter-spacing: 0em;\n        text-align: left;\n        color: #CBCBCB;\n      }\n    }\n  }\n  .modal-add-phase {\n    .contentModal{\n      min-width:310px;\n    }\n    header .label-title{\n      text-align: left;\n    }\n    .container-buttons{\n      justify-content: flex-end;\n    }\n  }\n"])), _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray, _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoRegular);
 
 exports.Container = Container;
 

package/dist/components/organisms/EditGroup/EditGroup.stories.js

@@ -27,13 +27,14 @@ var EditGroupDefault = Template.bind({});
 exports.EditGroupDefault = EditGroupDefault;
 EditGroupDefault.args = {
   groups: [{
-    text: 'Impuestos',
+    groupName: 'Impuestos',
     editing: false
   }, {
-    text: 'Legal',
+    groupName: 'Legal',
     editing: false
   }, {
-    text: 'Datos Maestros',
+    groupName: 'Datos Maestros',
     editing: false
-  }]
+  }],
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4ZGIyZjdhZS01ZGFlLTQ3NDAtOGRiYS04YWYzYzQyNmIyOTkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMzc4Mzk0NywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzAzNzg3NTQ3LCJpYXQiOjE3MDM3ODM5NDcsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.kE0DTZhG3QNJCcVACjWQd4nm-QQKRU9n2jHwC9XtNC9H3Xz7T2F80qxcOUkaOU1IwuJLhxThzpJ9rMKS5XgyjSz_SO7nUQZFY4_vLXgmVowaV798kXRpP5uuUVPJ0b07BMjw12_k0QLeOiAfs4gP4micwedD8ItmsxfjJvv6OPir5NX0KgBjgd5OSlCafgH72yZX8SNmiCyzZkQIEO0MNLwEiIm2COgu4MwvFd73CnlJYYQa-WjCnhB35jgoc8gLpFUfBjgpMUSNRZU2Ndzt9CNuQ6he6RwsVmteMgm0e2Fyn_viRhOsMMxbP8wDXnA9pXwZHB2P-DqXYKhC4blsVA"
 };