contentoh-components-library 21.0.98 → 21.1.1

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

@@ -31,7 +31,7 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjcxNWU4ZTc3LTAwMmMtNGMyNC1hNjM2LTYxNDkxYzQ0MzI2MSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjUyMzA3MTUzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjUyMzEwNzUzLCJpYXQiOjE2NTIzMDcxNTMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Ov1kjVt1sWrNu-8gPhBvnS6SpCuPmOYcqBwJVIoz-YJvuyNx0lMeRflG99cpgj4SojZqgMfPMQ8gJg5263fhj9oynolP7kh08AS_uoTf6_FK2KCaY8gVF4OJnoJJaX7J12JxzmRMI-lQJftvvoPxo5KYHCf7uZSj-5C5z6yIdk59T3U7vziYiKVtJFvVpA6IEB-oIS57MSdg27kwOtYjWvkfZ5vDRfkoOBGmBBELI9uFbKQS0cmWaLSBhd8ptbXWkAprxm-nkJnH9KQKmCsCLBthqmZTsMDw3ok0RsVpEE7_x4X0Hg0756ebqDe1kLCVuTIBpPx4ySvCdlewvi9bYA",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjZlYzkzZDk4LTU3Y2YtNDdhMS05MTBhLTk1ZWIxNjdhYjhjNyIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjU1NTAyMDg3LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjU1NTA1Njg3LCJpYXQiOjE2NTU1MDIwODcsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.fxgw--POlE3fFg2QWJaSD6tWZB9je4bR-rX5MJGOSRH9dc2WvDROjS1x_bT41M-wx9q-_U2xcFTAIff76zd-PYFYuYD29pJzTNl3c8xpQYcg4LwCvsBueRN9-_qxDcGzdSwdzxVbbk8guGdu4FA9ll-nruVIJ5QWnt8yNkWKRfn_bDLWHuQ2fPHsvVScwdn4Q60wERB6GFy6xLuQtRD5zWOBMu-_gLIfvbTm-eEJu-pkB5WtBDQki-UY1yi3bIjk9mNVSM4cdEFA7_84zKWL1O2eUUCOVC7Cn2NXQ0OEgphYmSftTU7nVN_xvl8JSUXdqRpSpkCYka849zCL5OJV7Q",
   articleId: 238,
   category: 846,
   version: 2,
@@ -41,66 +41,54 @@ RetailerProductEditionDefault.args = {
       descriptions: 1,
       images: 1
     },
-    orderId: 4,
-    status: "ASSIGNED",
-    datasheet_status: null,
+    orderId: 27,
+    status: "RC",
+    datasheet_status: "AC",
     prio: "none",
-    version: 3,
-    description_status: null,
-    images_status: null,
+    version: 2,
+    description_status: "RC",
+    images_status: "AC",
     article: {
-      id_article: 33249,
-      id_category: "684",
-      name: "Crema dental ",
-      upc: "232435",
-      timestamp: "2022-06-14T14:52:51.000Z",
-      id_user: 28,
+      id_article: 55099,
+      id_category: "2004",
+      name: "Producto de prueba 1 THD",
+      upc: "SKU1235THD",
+      timestamp: "2022-06-17T23:41:20.000Z",
+      id_user: 102,
       status: "NULL",
       active: 1,
-      company_id: 1,
-      company_name: "COMPANY DEV",
+      company_id: 833,
+      company_name: "THD Proveedor",
       country: "México",
-      id_order: 4,
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: null,
-      id_images_facilitator: null,
-      id_auditor: 37,
+      id_order: 27,
+      id_datasheet_especialist: 36,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 36,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_auditor: 30,
       id_recepcionist: null,
-      category: "SALUD Y BELLEZA|CUIDADO BUCAL|PASTAS DENTALES Y ASEO BUCAL",
-      missingAttributes: 13,
-      missingDescriptions: 4,
-      missingImages: 3
+      category: "BAÑOS|ACCESORIOS PARA BAÑO|ACCESORIOS INDIVIDUALES",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null
     },
     retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama",
+      id: 58,
+      name: "The Home Depot Golden",
       country: "México",
       id_region: 1,
       active: 1
     }, {
-      id: 9,
-      name: "Amazon",
+      id: 59,
+      name: "The Home Depot Platinum",
       country: "México",
       id_region: 1,
       active: 1
-    }, {
-      id: 1013,
-      name: "Cencosud Colombia",
-      country: "Colombia",
-      id_region: 2,
-      active: 1
-    }, {
-      id: 2005,
-      name: "ClubCo",
-      country: "Costa Rica",
-      id_region: 3,
-      active: 1
     }],
     country: "México",
-    upc: "232435"
+    upc: "SKU1235THD"
   },
   location: {
     product: {
@@ -109,22 +97,22 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 54,
-    name: "ESPECIALISTA TXTS PRUEBA",
-    last_name: "",
-    email: "rlegorreta@contentoh.com",
-    position: null,
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
     telephone: null,
-    country: null,
+    country: "México",
     id_company: 2,
-    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 6,
     active: 1,
     is_retailer: 0,
     membership: {
@@ -138,6 +126,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-54/54.png?1655433250522"
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1655598361036"
   }
 };

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

@@ -73,6 +73,8 @@ var _Loading = require("../../atoms/Loading");
 
 var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalCheck.svg"));
 
+var _errorModal = _interopRequireDefault(require("../../../assets/images/genericModal/errorModal.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var reducerImages = function reducerImages(state, action) {
@@ -515,7 +517,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             //   setPercentages(res)
             // );
 
-            setActiveRetailer(product.retailers ? product.retailers[0] : product.retailersAvailable[0]);
+            setActiveRetailer(function (current) {
+              return current.id ? current : product.retailers ? product.retailers[0] : product.retailersAvailable[0];
+            });
             getComments();
             _context4.t0 = setUserGroups;
             _context4.next = 6;
@@ -971,24 +975,28 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         srvActive = _srv$filter2[0];
 
     var unvalidated = product["".concat(getConcept(tab), "_status")] === "QF" || product["".concat(getConcept(tab), "_status")] === "IN_PROGRESS";
+    var auditorUnvalidated = !["RA", "AA"].includes(product["".concat(getConcept(tab), "_status")]);
 
     switch (userId) {
       case 7:
       case 8:
-        return ["RA", "RF"].includes(product === null || product === void 0 ? void 0 : product.status) && statusArray.includes(srvActive === null || srvActive === void 0 ? void 0 : srvActive.status) || statusArray.includes(product.status) && srv.filter(function (serv) {
+        return ["RA", "RF"].includes(product === null || product === void 0 ? void 0 : product.status) && //"IN_PROGRESS", "RF", "RA"
+        statusArray.includes(srvActive === null || srvActive === void 0 ? void 0 : srvActive.status) || statusArray.includes(product.status) && srv.filter(function (serv) {
           return statusArray.includes(serv.status);
         }).length === srv.length;
 
       case 4:
       case 5:
-        return unvalidated && ["IN_PROGRESS", "QF"].includes(product.status) && srv.filter(function (serv) {
+        return unvalidated && ["IN_PROGRESS", "QF"].includes(product.status) && //"RF", "AF", "AA", "AP", "AC
+        srv.filter(function (serv) {
           return statusArray.includes(serv.status);
         }).length === srv.length;
 
       case 6:
-        return statusArray.includes(product.status) && servicesData.every(function (serv) {
-          return ["RA", "AA"].includes(serv.status);
-        });
+        return statusArray.includes(product.status) && //RP, RC, AF
+        servicesData.every(function (serv) {
+          return ["RA", "AA", "AP", "AC"].includes(serv.status);
+        }) && auditorUnvalidated;
 
       default:
         break;
@@ -1055,7 +1063,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               data = {};
 
               if (!result) {
-                _context9.next = 13;
+                _context9.next = 12;
                 break;
               }
 
@@ -1076,11 +1084,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               });
 
             case 10:
-              getServices();
-              _context9.next = 32;
+              _context9.next = 30;
               break;
 
-            case 13:
+            case 12:
               specialistDone = evalStatus === "RF" || evalStatus === "RA" || evalStatus === "IN_PROGRESS";
 
               if (specialistDone) {
@@ -1115,51 +1122,49 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 retailerId: activeRetailer.id
               };
               _context9.t0 = user.id_role;
-              _context9.next = _context9.t0 === 7 ? 24 : _context9.t0 === 8 ? 24 : _context9.t0 === 4 ? 26 : _context9.t0 === 5 ? 26 : 28;
+              _context9.next = _context9.t0 === 7 ? 23 : _context9.t0 === 8 ? 23 : _context9.t0 === 4 ? 25 : _context9.t0 === 5 ? 25 : 27;
               break;
 
-            case 24:
+            case 23:
               data.especialist = true;
-              return _context9.abrupt("break", 29);
+              return _context9.abrupt("break", 28);
 
-            case 26:
+            case 25:
               data.facilitator = true;
-              return _context9.abrupt("break", 29);
+              return _context9.abrupt("break", 28);
 
-            case 28:
-              return _context9.abrupt("break", 29);
+            case 27:
+              return _context9.abrupt("break", 28);
 
-            case 29:
-              _context9.next = 31;
+            case 28:
+              _context9.next = 30;
               return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 31:
-              getServices();
-
-            case 32:
+            case 30:
+              loadData();
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp);
-              _context9.next = 39;
+              _context9.next = 38;
               break;
 
-            case 36:
-              _context9.prev = 36;
+            case 35:
+              _context9.prev = 35;
               _context9.t1 = _context9["catch"](1);
               console.log(_context9.t1);
 
-            case 39:
+            case 38:
               setLoading(false);
 
-            case 40:
+            case 39:
             case "end":
               return _context9.stop();
           }
         }
-      }, _callee9, null, [[1, 36]]);
+      }, _callee9, null, [[1, 35]]);
     }));
 
     return function sendToFacilitator(_x) {
@@ -1622,7 +1627,27 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             sendToFacilitator("A");
           },
           reject: function reject() {
-            sendToFacilitator("R");
+            //sendToFacilitator("R");
+            setMessage("Rechazado");
+            setComponentsArray([/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _errorModal.default
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+              text: "Agrega tu comentarios para enviar el rechazo",
+              headerType: "input-name-header",
+              color: "white"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
+              label: "Caja de Comentario",
+              inputType: "textarea",
+              inputId: "modal-commentary-box",
+              index: 0,
+              color: "white"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "general-default-button",
+              label: "Enviar comentario",
+              onClick: function onClick(e) {
+                return createComment(e, document.querySelector("#modal-commentary-box .ql-container .ql-editor > p").innerHTML, activeTab);
+              }
+            })]);
           },
           showValidationButtons: approveRejectButtons() && (auditorAssigned() || userAssigned())
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
@@ -1717,7 +1742,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 buttonType: "general-transparent-button",
                 label: "Enviar comentario",
                 onClick: function onClick(e) {
-                  return createComment(e, document.querySelector("#description-commentary-box-0 .ql-container .ql-editor > p").innerHTML, activeTab);
+                  return createComment(e, document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML, activeTab);
                 }
               })
             })]

package/package.json

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

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

@@ -23,6 +23,7 @@ export const GeneralInput = ({
   version,
   optionList = [],
   description,
+  inputOnChange,
 }) => {
   const [textValue, setTextValue] = useState({
     value: inputValue,
@@ -31,12 +32,17 @@ export const GeneralInput = ({
 
   const onHandleChange = (evt) => {
     if (validateInput) {
+      console.log("here");
       setTextValue({ value: validateInput(evt, position, inputsArray) });
-    } else {
+    } else if (
+      updatedDatasheets ||
+      updatedDescriptions ||
+      inputType === "textarea"
+    ) {
       setTextValue({
         value: inputType === "checkbox" ? evt.target.checked : evt.target.value,
       });
-      let dataSave = updatedDatasheets.slice();
+      let dataSave = updatedDatasheets?.slice();
       if (dataSave.length === 0)
         dataSave.push({
           articleId: articleId,
@@ -62,6 +68,9 @@ export const GeneralInput = ({
         });
       }
       setUpdatedDatasheets(dataSave);
+    } else {
+      setTextValue({ value: evt.target.value });
+      inputOnChange && inputOnChange(evt);
     }
   };
 
@@ -81,14 +90,14 @@ export const GeneralInput = ({
           //disabled={!enableInputs}
           onChange={(e) => onHandleChange(e)}
         >
-          <option value="" selected disabled>
+          <option value="" disabled>
             {description}
           </option>
-          {JSON.parse(optionList || "[]").map((element) => (
+          {JSON.parse(optionList || "[]").map((element, index) => (
             <option
-              key={element}
+              key={element + "-" + index}
               value={element}
-              selected={element === textValue.value ? "selected" : ""}
+              defaultValue={element === textValue.value ? "selected" : ""}
             >
               {element}
             </option>

package/src/components/atoms/GenericModal/styles.js

@@ -23,7 +23,7 @@ export const Container = styled.div`
   .global-styles {
     background-color: ${GlobalColors.deep_gray};
     height: auto;
-    width: auto;
+    width: 500px;
     position: relative;
     border-radius: 15px;
     padding: 40px;

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

@@ -59,15 +59,23 @@ export const InputFormatter = ({
     setCharsCounter(h.getLength() - 1);
     value = valueFormater(value);
 
-    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;
-          }
-        });
+    if (updatedDescriptions) {
+      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;
+            }
+          });
+        } else {
+          dataSave.push({
+            articleId: articleId,
+            attributeId: idInput,
+            value: value,
+          });
+        }
       } else {
         dataSave.push({
           articleId: articleId,
@@ -75,14 +83,8 @@ export const InputFormatter = ({
           value: value,
         });
       }
-    } else {
-      dataSave.push({
-        articleId: articleId,
-        attributeId: idInput,
-        value: value,
-      });
+      setUpdatedDescriptions(dataSave);
     }
-    setUpdatedDescriptions(dataSave);
   };
 
   const getSelection = (range, a, b) => {

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

@@ -3,6 +3,7 @@ import { GlobalColors, FontFamily } from "../../../global-files/variables";
 
 export const Container = styled.div`
   .quill {
+    background-color: ${GlobalColors.white};
     border: 1px solid
       ${({ focus, isRequired }) =>
         focus ? GlobalColors.magenta_s2 : isRequired ? "red" : GlobalColors.s3};

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

@@ -13,30 +13,19 @@ export const LoginPasswordStrength = ({
   let numbers = /[0-9]/g;
   let specialChar = /[‘!’,‘@’,‘#’,‘$’,‘%’,‘^’,‘&’,‘*’]/g;
 
-  useEffect(() => {
-    const inputValue = document.getElementById("newPasswordInput");
-    inputValue.addEventListener(
-      "input",
-      (e) => {
-        updateInfo(e, e.target.value);
-      },
-      false
-    );
-  }, []);
-
-  const updateInfo = (e, newValue) => {
+  const updateInfo = (e) => {
     switch (e.target.id) {
       case "newPasswordInput":
         setPasswordStrength(0);
-        if (newValue.length >= 8) {
+        if (e.target.value.length >= 8) {
           setPasswordStrength((passwordStrength) => passwordStrength + 1);
         }
         //Verificar si la contraseña contiene mayuscula, numeros y un caracter especial
-        newValue.match(upperCaseLetters) &&
+        e.target.value.match(upperCaseLetters) &&
           setPasswordStrength((passwordStrength) => passwordStrength + 1);
-        newValue.match(numbers) &&
+        e.target.value.match(numbers) &&
           setPasswordStrength((passwordStrength) => passwordStrength + 1);
-        newValue.match(specialChar) &&
+        e.target.value.match(specialChar) &&
           setPasswordStrength((passwordStrength) => passwordStrength + 1);
         break;
       default:
@@ -52,6 +41,7 @@ export const LoginPasswordStrength = ({
           inputId={"newPasswordInput"}
           label={"Ingrese su nueva contraseña"}
           isRequired={required}
+          inputOnChange={updateInfo}
         />
         {emptyPassword && (
           <label>La contraseña debe ser minimo de 8 caracteres</label>

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

@@ -23,6 +23,8 @@ export const TagAndInput = ({
   required,
   optionList,
   description,
+  inputOnChange,
+  color,
 }) => {
   return (
     <Container
@@ -31,7 +33,11 @@ export const TagAndInput = ({
       key={`generalTagInput-${inputType}`}
     >
       <div className="title-container">
-        <ScreenHeader text={label} headerType={"input-name-header"} />
+        <ScreenHeader
+          text={label}
+          headerType={"input-name-header"}
+          color={color}
+        />
         <span className="tooltip">{label}</span>
       </div>
       <GeneralInput
@@ -54,6 +60,7 @@ export const TagAndInput = ({
         required={required}
         optionList={optionList}
         description={description}
+        inputOnChange={inputOnChange}
       />
     </Container>
   );

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

@@ -34,7 +34,11 @@ export const FullProductNameHeader = ({
     <Container>
       <ProductNameHeader
         productName={headerData?.article?.name || headerData?.name}
-        statusType={headerData?.version_status || headerData?.status}
+        statusType={
+          headerData?.version_status ||
+          headerData?.status ||
+          headerData?.article_status
+        }
         percent={percent?.toFixed(0)}
         priority={headerData?.prio}
         date={new Date(

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

@@ -17,8 +17,7 @@ export const ChangePasswordLogin = ({
   const [emptyPassword, setEmptyPassword] = useState(false);
   const [emptyConfirmPassword, setEmptyConfirmPassword] = useState(false);
   const [matchPasswords, setMatchPasswords] = useState(true);
-  const validate = async (e) => {
-    e.preventDefault();
+  const validate = (e) => {
     const password = document.querySelector("#newPasswordInput").value;
     password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
     const confirmPassword = document.querySelector(