contentoh-components-library 21.4.69 → 21.4.71

package/dist/components/pages/ProductEditionv2/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex-direction:row-reverse;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    margin-top:15px;\n    .image-data-panel {\n      width: 192px;\n      height: 192px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n        padding: 0 20px;\n      }\n\n      .product-information-image{\n        display:flex;\n        width: 100%;\n        margin-bottom:10px;\n      }\n\n      .product-image{\n        display:flex;\n        flex-direction: column;\n        justify-content: space-between;\n        padding: 0 20px;\n        gap:20px;\n        width:100%;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n\n      .required-inputs-message {\n        font-family: ", ";\n        font-size: 13px;\n        color: ", ";\n        padding: 10px;\n        display: flex;\n        align-items: center;\n\n        p + * {\n          margin-top: 10px;\n        }\n\n        button {\n          min-width: fit-content;\n        }\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: auto;\n    border:1px solid ", ";\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .container-imagesM{\n    display:flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .container-bars{\n    display:flex;\n    gap:20px;\n    margin:10px 0;\n  }\n"])), function (_ref) {
+  var headerTop = _ref.headerTop;
+  return headerTop;
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.gray_light);
+
+exports.Container = Container;

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

@@ -36,43 +36,45 @@ ProviderProductEditionDefault.args = {
   category: 287,
   version: 1,
   productSelected: {
-    id_article: 39550,
-    upc: 43654697,
-    name: "Campana de Cocina",
-    timestamp: "2023-08-04T22:23:40.000Z",
-    categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-    id_category: 287,
+    category: "Accesorios Decorativos|Accesorios Decorativos",
+    company_name: "Demo",
+    company_id: 923,
+    id_category: "2028",
+    id_article: 118465,
+    name: "VELA AROMA 18 OZ MAN/CAN",
+    upc: "Modelo6",
+    isVisible: 1,
+    retailers: [{
+      id: 68,
+      name: "The Home Depot Onboarding"
+    }],
     version: 1,
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      id: 58
-    }, {
-      name: "The Home Depot Onboarding",
-      id: 68
-    }],
-    percentage: "89"
+      id: 68,
+      name: "The Home Depot Onboarding"
+    }]
   },
   productToEdit: {
-    idCategory: 287,
-    ArticleId: 39550,
+    idCategory: "2028",
+    ArticleId: 118465,
     product: [{
-      id_article: 39550,
-      upc: 43654697,
-      name: "Campana de Cocina",
-      timestamp: "2023-08-04T22:23:40.000Z",
-      categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-      id_category: 287,
+      category: "Accesorios Decorativos|Accesorios Decorativos",
+      company_name: "Demo",
+      company_id: 923,
+      id_category: "2028",
+      id_article: 118465,
+      name: "VELA AROMA 18 OZ MAN/CAN",
+      upc: "Modelo6",
+      isVisible: 1,
+      retailers: [{
+        id: 68,
+        name: "The Home Depot Onboarding"
+      }],
       version: 1,
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58,
-        percentage: 100
-      }, {
-        name: "The Home Depot Onboarding",
         id: 68,
-        percentage: 78
-      }],
-      percentage: "89"
+        name: "The Home Depot Onboarding"
+      }]
     }]
   },
   location: {
@@ -118,7 +120,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
+    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1701729602068"
   },
   company: {
     id_company: 923,
@@ -136,18 +138,12 @@ ProviderProductEditionDefault.args = {
     financedRetailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
+      country: "México"
     }],
     retailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
+      country: "México"
     }]
   },
   showSurvey: function showSurvey(v) {

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

@@ -162,29 +162,37 @@ var reducerImages = function reducerImages(state, action) {
 
     case "orderImages":
       {
-        var _inputsByRetailer = state.inputsByRetailer,
+        var _state$inputsByRetail = state.inputsByRetailer,
+            _inputsByRetailer = _state$inputsByRetail === void 0 ? {} : _state$inputsByRetail,
             valuesInitial = state.valuesInitial,
             inputsInitial = state.inputsInitial,
             inputs = state.inputs;
 
         try {
-          var _inputsByRetailer$act;
-
           var orderedImages = [];
           var imageIdArray = [];
-          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
-          action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
-            imageIdArray.push(input.id_image);
-            valuesInitial.forEach(function (value) {
-              if (value.image_id === input.id_image) orderedImages.push(value);
+
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) {
+            _inputsByRetailer[action.retailerId] = [];
+          }
+
+          if (action.retailerId) {
+            var _inputsByRetailer$act;
+
+            (_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
+              imageIdArray.push(input.id_image);
+              valuesInitial.forEach(function (value) {
+                if (value.image_id === input.id_image) orderedImages.push(value);
+              });
             });
-          }));
+          }
+
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
           values = orderedImages.length > 0 ? orderedImages : [];
         } catch (error) {
-          console.log(error);
+          console.log(action.action, error);
         }
 
         return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
@@ -887,7 +895,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
       var _product$article, _product$article2, _product$article3, _services$, _services$$values;
 
-      var services;
+      var services, data;
       return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
@@ -908,14 +916,20 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 init: services[2]
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
+              data = [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, product), {}, {
+                retailersAvailable: product.retailersAvailable.map(function (_ref7) {
+                  var id = _ref7.id;
+                  return id;
+                })
+              })];
               (0, _data.getPercentage)({
-                data: [product]
+                data: data
               }).then(function (res) {
-                return setPercentages(res[0]);
+                setPercentages(res[0]);
               });
               setLoading(false);
 
-            case 10:
+            case 11:
             case "end":
               return _context8.stop();
           }
@@ -929,7 +943,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }();
 
   var getServices = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
       var _product$article4;
 
       var productInOrder, idArticle, retailers, active, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse, retailerResponse;
@@ -974,7 +988,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function getServices() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -1004,14 +1018,16 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var getCart = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+      var _Object$values;
+
       var res, arr;
       return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
           switch (_context10.prev = _context10.next) {
             case 0:
               _context10.next = 2;
-              return _axios.default.get(process.env.REACT_APP_CART, {
+              return _axios.default.get("".concat(process.env.REACT_APP_CART, "/general/"), {
                 headers: {
                   Authorization: token
                 }
@@ -1019,9 +1035,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
             case 2:
               res = _context10.sent;
-              arr = JSON.parse(res.data.body).data.map(function (e) {
+              arr = (_Object$values = Object.values(JSON.parse(res.data.body).data)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (e) {
                 return e.article_id;
-              });
+              }).filter(Boolean);
               setInCart(arr.some(function (e) {
                 return e.articleId === product.id_article;
               }));
@@ -1035,7 +1051,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function getCart() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
 
@@ -1148,11 +1164,13 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     var _images$inputs;
 
     var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
+      var _images$values2;
+
       return {
         value: e === null || e === void 0 ? void 0 : e.id,
         name: e === null || e === void 0 ? void 0 : e.name,
         required: e === null || e === void 0 ? void 0 : e.required,
-        active: images === null || images === void 0 ? void 0 : images.values.some(function (value) {
+        active: images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.some(function (value) {
           return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
         })
       };
@@ -1161,7 +1179,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [images]);
 
   var saveDescriptions = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
       var dataObject, res;
       return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
@@ -1212,21 +1230,21 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function saveDescriptions() {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
 
   var saveDatasheets = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
       var parseBoxData, dataObject, res;
       return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
           switch (_context12.prev = _context12.next) {
             case 0:
               parseBoxData = [];
-              Object.entries(boxData).forEach(function (_ref11, index) {
-                var _ref12 = (0, _slicedToArray2.default)(_ref11, 2),
-                    box = _ref12[1];
+              Object.entries(boxData).forEach(function (_ref12, index) {
+                var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
+                    box = _ref13[1];
 
                 var value = box.value;
                 var attributesIds = Object.keys(value);
@@ -1278,9 +1296,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               console.log(_context12.t0);
 
             case 18:
-              console.log(dataObject);
-
-            case 19:
             case "end":
               return _context12.stop();
           }
@@ -1289,12 +1304,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function saveDatasheets() {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
-    var _images$values2, _data$articleData, _data$articleData2, _data$updateImages;
+    var _images$values3, _data$articleData, _data$articleData2, _data$updateImages;
 
     var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
 
@@ -1302,7 +1317,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       while (1) {
         switch (_context13.prev = _context13.next) {
           case 0:
-            imagesList = images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.slice();
+            imagesList = images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.slice();
             imagesListTemp = imagesList === null || imagesList === void 0 ? void 0 : imagesList.reduce(function (acc, image) {
               acc[image === null || image === void 0 ? void 0 : image.image_id] = ++acc[image === null || image === void 0 ? void 0 : image.image_id] || 0;
               return acc;
@@ -1484,7 +1499,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
       var messages,
           retailerId,
           data,
@@ -1519,7 +1534,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function createComment() {
-      return _ref15.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
@@ -1528,7 +1543,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [activeTab]);
 
   var commentRevised = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
       var data;
       return _regenerator.default.wrap(function _callee16$(_context16) {
         while (1) {
@@ -1556,12 +1571,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function commentRevised() {
-      return _ref16.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
   var setAssignation = /*#__PURE__*/function () {
-    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee17$(_context17) {
         while (1) {
@@ -1618,18 +1633,18 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function setAssignation(_x4, _x5) {
-      return _ref17.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var downloadImages = function downloadImages() {
-    var _images$values3;
+    var _images$values4;
 
     selectedImages.length > 0 ? selectedImages.forEach(function (e) {
       if (e.id) {
         (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
-    }) : images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.forEach(function (e) {
+    }) : images === null || images === void 0 ? void 0 : (_images$values4 = images.values) === null || _images$values4 === void 0 ? void 0 : _images$values4.forEach(function (e) {
       if (e.id) {
         (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
@@ -1702,7 +1717,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
       var _productTemp$id_order2;
 
       var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, newStatuses, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse, newArticleStatus, newServiceStatus, newStatus, retailerStatusCopy, status;
@@ -1807,12 +1822,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function sendEvaluation(_x6) {
-      return _ref18.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
 
   var validateAll = /*#__PURE__*/function () {
-    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
       var _product$id_order2, evaluationArray, conceptArray, dataGeneral, userType, productTemp, status, retailerStatusCopy;
 
       return _regenerator.default.wrap(function _callee19$(_context19) {
@@ -1898,12 +1913,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function validateAll(_x7) {
-      return _ref19.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
+    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
       var data, prod, statusComplete;
       return _regenerator.default.wrap(function _callee20$(_context20) {
         while (1) {
@@ -1945,7 +1960,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x8) {
-      return _ref20.apply(this, arguments);
+      return _ref21.apply(this, arguments);
     };
   }();
 
@@ -1989,10 +2004,6 @@ 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) {

package/dist/global-files/variables.js

@@ -24,7 +24,9 @@ var GlobalColors = {
   gray_light: "#F0F0F0",
   gray: "#707070",
   blue_light: "#F7F7FC",
-  purple: "#8A6CAA"
+  purple: "#8A6CAA",
+  gray_medium: "#CBCBCB",
+  black: "#262626"
 };
 exports.GlobalColors = GlobalColors;
 var FontFamily = {

package/package.json

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

package/src/assets/images/Icons/infoNR.svg

@@ -0,0 +1,8 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_37_379" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="8">
+<rect width="8" height="8" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_37_379)">
+<path d="M3.63807 5.98825H4.40893V3.62867H3.63807V5.98825ZM3.99596 3.07403C4.124 3.07403 4.2311 3.03169 4.31727 2.947C4.40345 2.86232 4.44653 2.75738 4.44653 2.6322C4.44653 2.49463 4.40331 2.38347 4.31685 2.29871C4.2304 2.21394 4.12327 2.17156 3.99547 2.17156C3.86061 2.17156 3.75166 2.21394 3.66863 2.29871C3.58559 2.38347 3.54407 2.49307 3.54407 2.6275C3.54407 2.7566 3.58737 2.8633 3.67398 2.94759C3.7606 3.03188 3.86792 3.07403 3.99596 3.07403ZM3.9991 8C3.44212 8 2.92156 7.89633 2.43741 7.68899C1.95324 7.48165 1.52964 7.19646 1.16659 6.83341C0.803541 6.47036 0.518349 6.04696 0.311013 5.5632C0.103671 5.07943 0 4.5588 0 4.0013C0 3.44379 0.103671 2.92273 0.311013 2.4381C0.518349 1.95348 0.803049 1.53104 1.16511 1.1708C1.52718 0.810554 1.95032 0.525358 2.43455 0.315215C2.91877 0.105072 3.43989 0 3.99792 0C4.55595 0 5.07764 0.10483 5.56301 0.314491C6.04837 0.524146 6.47094 0.80868 6.83072 1.16809C7.1905 1.52751 7.47533 1.95015 7.6852 2.43603C7.89507 2.92191 8 3.44396 8 4.0022C8 4.56004 7.89493 5.08098 7.68479 5.56504C7.47464 6.04909 7.18945 6.47169 6.8292 6.83282C6.46896 7.19395 6.04646 7.47876 5.56169 7.68726C5.07694 7.89575 4.55607 8 3.9991 8ZM4 7.11633C4.86173 7.11633 5.59499 6.81435 6.19977 6.21037C6.80454 5.60639 7.10693 4.8696 7.10693 4C7.10693 3.13827 6.80513 2.40501 6.20153 1.80024C5.59793 1.19546 4.86095 0.893067 3.9906 0.893067C3.12887 0.893067 2.39561 1.19487 1.79083 1.79847C1.18606 2.40207 0.883666 3.13905 0.883666 4.0094C0.883666 4.87113 1.18565 5.60439 1.78963 6.20917C2.39361 6.81394 3.1304 7.11633 4 7.11633Z" fill="#707070"/>
+</g>
+</svg>

package/src/assets/images/flagsv2/highPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#FC3030"/>
+</svg>

package/src/assets/images/flagsv2/lowPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#71DE56"/>
+</svg>

package/src/assets/images/flagsv2/mediumPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#EFD963"/>
+</svg>

package/src/assets/images/flagsv2/noPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#CBCBCB"/>
+</svg>

package/src/assets/images/generalButton/closeIconWhite.svg

@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/generalButton/closeIconv2.svg

@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/atoms/CharsMissing/Wysiwyg.stories.js

@@ -0,0 +1,12 @@
+import { CharsMissing } from "./index";
+
+export default {
+  title: "Components/atoms/CharsMissing",
+  component: CharsMissing,
+};
+
+const Template = (args) => <CharsMissing {...args} />;
+
+export const DefaultCharsMissing = Template.bind({});
+
+DefaultCharsMissing.args = { text: "hola mundo" };

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

@@ -0,0 +1,60 @@
+import ReactQuill from "react-quill";
+import "react-quill/dist/quill.snow.css";
+import { useState } from "react";
+import { Container } from "./styles";
+
+export const CharsMissing = ({
+  mainValue = "",
+  inputId,
+  articleId,
+  updatedDescriptions,
+  setUpdatedDescriptions,
+  isRequired,
+  maxChar,
+}) => {
+  const [inputValue, setInputValue] = useState(mainValue);
+  const [selection, setSelection] = useState(false);
+  const [position, setPosition] = useState({ left: 0, top: 0 });
+  const [charsCounter, setCharsCounter] = useState(0);
+  const [quillState, setQuillState] = useState({});
+  const maxLength = maxChar ? maxChar : 999;
+
+  const getValue = (value) => {
+    let temp = value
+      .replace(/\n/gm, "<br>")
+      .replace(/\&nbsp;/gm, " ")
+      .replace(/\&amp;/gm, "&");
+    return temp;
+  };
+
+  //const quillRef = useRef();
+  const setQuill = (ref) => {
+    if (!ref || ref === null) return;
+    if (typeof ref.getEditor !== "function") return;
+    setQuillState(ref.getEditor());
+  };
+
+  const valueFormater = (value) => {
+    return value
+      .replace(/<\/p><p>/gm, "\n")
+      .replace(/<\/?br>|<\/?p>/gm, "")
+      .replace(/\&nbsp;/gm, " ")
+      .replace(/\&amp;/gm, "&");
+  };
+
+
+  return (
+    <Container
+      isRequired={
+        isRequired &&
+        (inputValue.replace(/<.*?>/gm, "").length === 0 || !inputValue)
+      }
+      selection={selection}
+      position={position}
+    >
+      <p className="description-limit">
+        C. {charsCounter}/{maxLength}
+      </p>
+    </Container>
+  );
+};