contentoh-components-library 21.1.31 → 21.1.34

package/dist/global-files/data.js

@@ -280,20 +280,21 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
-  if (lookupString.includes("RF")) return "RF";
+  if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("UNASSIGNED")) return "IN_PROGRESS";
-  if (lookupString.includes("IN_PROGRESS")) return "IN_PROGRESS";
-  if (lookupString.includes("QF")) return "QF";
-  if (lookupString.includes("AF")) return "AF";
+  if (lookupString.includes("RCA")) return "RCA";
+  if (lookupString.includes("UNASSIGNED")) return "CA";
+  if (lookupString.includes("CA")) return "CA";
+  if (lookupString.includes("IE")) return "IE";
+  if (lookupString.includes("AC")) return "AC";
   if (lookupString.includes("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  if (lookupString.includes("ACA")) return "ACA";
+  if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
-  return new Error("Status not found");
+  console.log("Status not found");
+  return "NA";
 };
 
 exports.getNewStatus = getNewStatus;

package/dist/global-files/global-styles.css

@@ -11,6 +11,7 @@
 body.sb-main-padded.sb-show-main {
   padding: 0;
   height: 100vh;
+  overflow: hidden;
 }
 
 .sb-main-padded.sb-show-main #root {

package/package.json

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

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

@@ -10,7 +10,7 @@ export const Container = styled.div`
     font-family: ${FontFamily.AvenirNext};
     font-size: 12px;
     line-height: 15px;
-    color: ${GlobalColors.s4};
+    color: ${GlobalColors.deep_gray};
     text-decoration: ${({ reviewed }) => (reviewed ? "line-through" : "none")};
   }
-`;
+`;

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

@@ -19,7 +19,7 @@ export const Container = styled.div`
       ${({ isRequired }) => (isRequired ? "red" : `${GlobalColors.s2}`)};
 
     font-family: ${FontFamily.AvenirNext};
-    color: ${GlobalColors.s4};
+    color: ${GlobalColors.deep_gray};
     font-weight: normal;
     font-size: 12px;
     line-height: 15px;
@@ -41,7 +41,7 @@ export const Container = styled.div`
     width: 100%;
     cursor: pointer;
     font-family: ${FontFamily.AvenirNext};
-    color: ${GlobalColors.s4};
+    color: ${GlobalColors.deep_gray};
     font-size: 12px;
     line-height: 21px;
     padding: 10px;
@@ -54,7 +54,7 @@ export const Container = styled.div`
 
   p {
     font-family: ${FontFamily.Raleway};
-    font-size: 11px;
-    color: ${GlobalColors.s4};
+    font-size: 12px;
+    color: ${GlobalColors.deep_gray};
   }
-`;
+`;

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

@@ -26,7 +26,7 @@ export const Container = styled.div`
     .ql-container {
       border: none;
       font-family: ${FontFamily.AvenirNext};
-      color: ${GlobalColors.s4};
+      color: ${GlobalColors.deep_gray};
       strong {
         font-family: ${FontFamily.Raleway_900};
       }
@@ -35,7 +35,7 @@ export const Container = styled.div`
   .description-limit {
     font-size: 12px;
     font-family: ${FontFamily.AvenirNext};
-    color: ${GlobalColors.s4};
+    color: ${GlobalColors.deep_gray};
     text-align: right;
   }
-`;
+`;

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

@@ -8,6 +8,7 @@ export const SliderToolTip = ({
   slidePosition,
 }) => {
   const [showMenu, setShowMenu] = useState(false);
+ 
   const closeMenu = (e) => {
     if (!e.target.closest("#div-slider") && showMenu) {
       document.removeEventListener("click", closeMenu, false);
@@ -36,7 +37,7 @@ export const SliderToolTip = ({
 
   return (
     <>
-      <Container className="container-slider">
+      <Container>
         <img
           src={infoIcon}
           alt="info icon"
@@ -49,11 +50,7 @@ export const SliderToolTip = ({
           }}
         />
         {showMenu && (
-          <Slider
-            id="div-slider"
-            className={slidePosition}
-            length={slidefront.length}
-          >
+          <Slider id="div-slider" className={slidePosition}>
             <ul className="slider">
               {slidefront.map((item, index) => (
                 <li
@@ -65,13 +62,13 @@ export const SliderToolTip = ({
                   }
                 >
                   <div>
-                    <img src={slidefront[index].slide} />
+                    <img src={item.slide} />
                   </div>
                   {`slide${index + 1}` === `slide${slidefront.length}` ? (
                     <>
                       <div className="lema-end">
-                        <span>{slidefront[index].title}</span>
-                        <p>{slidefront[index].description}</p>
+                        <span>{item.title}</span>
+                        <p>{item.description}</p>
                       </div>
                       <button
                         id="button-slide"
@@ -89,10 +86,10 @@ export const SliderToolTip = ({
                     </>
                   ) : (
                     <>
-                      {slidefront[index].title !== undefined ? (
-                        <span>{slidefront[index].title}</span>
+                      {item.title !== undefined ? (
+                        <span>{item.title}</span>
                       ) : null}
-                      <p>{slidefront[index].description}</p>
+                      <p>{item.description}</p>
                     </>
                   )}
                 </li>
@@ -102,10 +99,20 @@ export const SliderToolTip = ({
               {slidefront.map((item, index) => (
                 <li>
                   <a
-                    href={`#slide${index + 1}`}
                     id={`slidea${index + 1}`}
                     onClick={(e) => {
                       color(`slidea${index + 1}`);
+                      for (let i = 1; i <= slidefront.length; i++) {
+                        if (index + 1 === i) {
+                          document.getElementById(
+                            `slide${index + 1}`
+                          ).style.opacity = 1;
+                        } else if (index + 1 > i || index + 1 < i) {
+                          document.getElementById(
+                            `slide${i}`
+                          ).style.opacity = 0;
+                        }
+                      }
                     }}
                   ></a>
                 </li>

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

@@ -35,16 +35,14 @@ export const Slider = styled.div`
   position: absolute;
   cursor: default;
   z-index: 2;
+  width: 310px;
   &.top-slide {
     top: calc(100% - 370px);
     left: calc(100% - 175px);
   }
   &.bottom-slide {
-    top: calc(100%);
-    left: calc(-280px / 2);
-  }
-  #div-slider {
-    width: 310px;
+    top: 100%;
+    right: calc(100% + -70px);
   }
   ul,
   li {
@@ -58,22 +56,6 @@ export const Slider = styled.div`
     width: 100%;
     height: 270px;
     margin: 0;
-    span {
-      font-family: "Avenir Next";
-      font-style: normal;
-      font-weight: 500;
-      font-size: 15px;
-      line-height: 15px;
-      text-align: center;
-      letter-spacing: -0.015em;
-      color: #fafafa;
-      display: flex;
-      justify-content: center;
-      background-color: #281f33;
-      & + * {
-        margin-top: 10px;
-      }
-    }
     li {
       position: absolute;
       left: 0px;
@@ -118,6 +100,22 @@ export const Slider = styled.div`
           margin-top: 13px;
         }
       }
+      span {
+      font-family: "Avenir Next";
+      font-style: normal;
+      font-weight: 500;
+      font-size: 15px;
+      line-height: 15px;
+      text-align: center;
+      letter-spacing: -0.015em;
+      color: #fafafa;
+      display: flex;
+      justify-content: center;
+      background-color: #281f33;
+      & + * {
+        margin-top: 10px;
+      }
+    }
     }
     .end-div {
       div {
@@ -169,9 +167,6 @@ export const Slider = styled.div`
   li:first-child {
     opacity: 1;
   }
-  li:target {
-    opacity: 1;
-  }
   .menu {
     margin: 0;
     text-align: center;
@@ -188,6 +183,7 @@ export const Slider = styled.div`
         width: 10px;
         height: 10px;
         border-radius: 100%;
+        cursor: pointer;
       }
       #slidea1 {
         background-color: #e33aa9;

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

@@ -5,20 +5,10 @@ export const StatusTag = ({ statusType, ovalForm }) => {
     switch (status) {
       case "COMPLETED":
         return "C";
-      case "RECEPTION":
-        return "Pr";
       case "NULL":
-        return "-";
-      case "RECEIVED":
-        return "Rc";
-      case "IN_PROGRESS":
-        return "P";
-      case "ASSIGNED":
-        return "As";
+        return "--";
       case "APPROVED":
         return "Ap";
-      case "VALIDATING":
-        return "V";
       case "PAID_OUT":
         return "Po";
       default:
@@ -27,7 +17,7 @@ export const StatusTag = ({ statusType, ovalForm }) => {
   };
   return (
     <Container
-      className={`status-${getShortStatus(statusType)} ${
+      className={`status-${getShortStatus(statusType?.replace(/\/.*/, ""))} ${
         ovalForm && "oval-form"
       }`}
     >

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

@@ -16,30 +16,27 @@ export const Container = styled.div`
     line-height: 20px;
   }
 
-  &.status-As,
-  &.status-P,
-  &.status-IN_PROGRESS,
-  &.status-QF {
+  &.status-AS,
+  &.status-CA,
+  &.status-IE {
     background-color: ${GlobalColors.in_progress};
   }
 
-  &.status-Pr,
-  &.status-Rr,
-  &.status-Rc {
+  &.status-R {
     background-color: ${GlobalColors.reception};
   }
 
   &.status-AA,
   &.status-AP,
-  &.status-AC,
-  &.status-AF {
+  &.status-ACA,
+  &.status-AC {
     background-color: ${GlobalColors.finished};
   }
 
   &.status-RA,
-  &.status-RF,
+  &.status-RC,
   &.status-RP,
-  &.status-RC {
+  &.status-RCA {
     background-color: ${GlobalColors.rejected_status};
   }
 
@@ -73,4 +70,7 @@ export const Container = styled.div`
   &.oval-form {
     border-radius: 10px;
   }
+  &.delThis {
+    color: red;
+  }
 `;

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

@@ -26,7 +26,7 @@ export const FullProductNameHeader = ({
         const element = [];
         servicesData.forEach((sd) => {
           if (sd.id_retailer === rt.id) {
-            element.push(sd.status ? sd.status : "RECEIVED");
+            element.push(sd.status ? sd.status : "R");
           } else element.push("NA");
           rt["services"] = element;
         });

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

@@ -16,171 +16,157 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
-  articleId: 238,
-  category: 846,
-  version: 2,
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwOWQ1MDUzMy05NjA3LTQ5YTQtODRkNC0zMDk1OWNmNmY4NjUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNzcyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTY2MTEzMjEsImlhdCI6MTY1NjYwNzcyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Xung-7vGoB-YllkTIOn0DrNRd-GBD4lbQemGdMxRPFbE-nvvGXQsTWLstJ-8yQ4zoyGUoOIoGsRwuI127kUkg4hhel6pXDINfxdWsdI1QXk6SzGulkcmhD8gUFnXMc8rvBkMizNYHF9d_7dUsJRhjAxQWmVew8m7W8dTPrAht_xjfk1ZmTQVD4O6IVwLJEX3FncXj1tAXgknksUGj-vGDen5HkuVEv8jJlKFiz72cV07H66jk3-BReu0e_gpq2RRz8wGu18HOaPzjWvzmiYcm5FqGKOTAWM5JSgWCOm9r5ixh5m_pM3EjKbWpVb3joELRQ2DVkPFp2fzGmS028-9XQ",
+  articleId: 55157,
+  category: 4,
+  version: 3,
   productSelected: {
-    orderId: 55,
-    article_status: "AP",
+    orderId: 89,
+    status: "AA",
     datasheet_status: "AP",
-    description_status: "AP",
-    images_status: "AP",
     prio: "none",
-    version: 2,
-    brand: null,
-    article: {
-      category: "ILUMINACIÓN|FOCOS|FOCOS",
-      company_name: "THD Proveedor",
-      country: "México",
-      id_category: "2143",
-      id_article: 55118,
-      name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
-      upc: "145582",
+    version: 3,
+    description_status: "AA",
+    images_status: "AP",
+    brand: "123",
+    retailerOrder: 0,
+    missing: {
+      datasheet: 17,
+      descriptions: 4,
+      images: 3,
     },
-    retailers: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-      },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
-      },
-    ],
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    id_article: 55118,
-    retailersAvailable: [
-      {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-      },
+    article: {
+      category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_category: "4",
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_order: 89,
+      id_article: 55157,
+      id_auditor: 37,
+      name: "testing",
+      upc: "807526",
+    },
+    retailers: [
       {
-        id: 60,
-        name: "The Home Depot Resizing",
+        id: 3,
+        name: "Sam´s Club",
       },
+    ],
+    retailersAvailable: [
       {
-        id: 61,
-        name: "Home Depot TAB",
+        id: 3,
+        name: "Sam´s Club",
       },
     ],
+    categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+    upc: "807526",
+    id_article: 55157,
+    id_order: 89,
   },
   productToEdit: {
-    ArticleId: 55118,
-    idCategory: "2143",
+    ArticleId: 55157,
+    idCategory: "4",
     product: {
-      orderId: 55,
-      article_status: "AP",
+      orderId: 89,
+      status: "AA",
       datasheet_status: "AP",
-      description_status: "AP",
-      images_status: "AP",
       prio: "none",
-      version: 2,
-      brand: null,
-      article: {
-        category: "ILUMINACIÓN|FOCOS|FOCOS",
-        company_name: "THD Proveedor",
-        country: "México",
-        id_category: "2143",
-        id_article: 55118,
-        name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
-        upc: "145582",
+      version: 3,
+      description_status: "AA",
+      images_status: "AP",
+      brand: "123",
+      retailerOrder: 0,
+      missing: {
+        datasheet: 17,
+        descriptions: 4,
+        images: 3,
       },
-      retailers: [
-        {
-          id: 58,
-          name: "The Home Depot Golden",
-        },
-        {
-          id: 59,
-          name: "The Home Depot Platinum",
-        },
-        {
-          id: 60,
-          name: "The Home Depot Resizing",
-        },
-        {
-          id: 61,
-          name: "Home Depot TAB",
-        },
-      ],
       services: {
         datasheets: 1,
         descriptions: 1,
         images: 1,
       },
-      id_article: 55118,
-      retailersAvailable: [
-        {
-          id: 58,
-          name: "The Home Depot Golden",
-        },
-        {
-          id: 59,
-          name: "The Home Depot Platinum",
-        },
+      article: {
+        category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+        company_name: "COMPANY DEV",
+        country: "México",
+        id_category: "4",
+        id_datasheet_especialist: 54,
+        id_datasheet_facilitator: 52,
+        id_description_especialist: 54,
+        id_description_facilitator: 52,
+        id_images_especialist: 55,
+        id_images_facilitator: 53,
+        id_order: 89,
+        id_article: 55157,
+        id_auditor: 37,
+        name: "testing",
+        upc: "807526",
+      },
+      retailers: [
         {
-          id: 60,
-          name: "The Home Depot Resizing",
+          id: 3,
+          name: "Sam´s Club",
         },
+      ],
+      retailersAvailable: [
         {
-          id: 61,
-          name: "Home Depot TAB",
+          id: 3,
+          name: "Sam´s Club",
         },
       ],
+      categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+      upc: "807526",
+      id_article: 55157,
+      id_order: 89,
     },
   },
   location: {
-    product: { articleId: 109485, versionId: 3 },
+    product: { articleId: 55157, versionId: 3 },
     state: { origin: "Contentoh" },
   },
   user: {
-    id_user: 59,
-    name: "The Home",
-    last_name: "Depot",
-    email: "cadena.ismael@allfreemail.net",
-    position: "Admin",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
     telephone: "+523111366336",
     country: "México",
-    id_company: 7,
-    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
+    email_notify: 0,
     membership: {
-      id: 24,
-      start_date: "2021-11-23T03:35:50.000Z",
-      end_date: "2022-11-23T03:35:50.000Z",
-      planID: 9,
-      plan: "prod_KtlkzZVGq6bRTO",
-      name: "Plan Enterprise Full",
-      user_limit: "30",
-      products_limit: "10000",
+      id: 38,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
+      planID: 8,
+      plan: "prod_KtlhECVSFG2iro",
+      name: "Plan Pro",
+      user_limit: "20",
+      products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656607722122",
   },
 };