contentoh-components-library 21.1.29 → 21.1.32

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.1.29",
+  "version": "21.1.32",
   "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% - 738px);
+    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/atoms/ValidationPanel/index.js

@@ -9,9 +9,10 @@ export const ValidationPanel = ({
   setShowValidationPanel,
   approve,
   reject,
+  approveAll,
+  rejectAll,
   showApproveRejectAll,
 }) => {
-  console.log(showApproveRejectAll);
   return (
     <Container id={id}>
       <button
@@ -36,7 +37,7 @@ export const ValidationPanel = ({
         <>
           <button
             onClick={() => {
-              approve && approve();
+              approveAll && approveAll();
             }}
             className="validation-option"
           >
@@ -45,7 +46,7 @@ export const ValidationPanel = ({
           </button>
           <button
             onClick={() => {
-              reject && reject();
+              rejectAll && rejectAll();
             }}
             className="validation-option"
           >
@@ -56,4 +57,4 @@ export const ValidationPanel = ({
       )}
     </Container>
   );
-};
+};

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

@@ -15,6 +15,8 @@ export const AvatarAndValidation = ({
   showValidationButtons,
   approve,
   reject,
+  approveAll,
+  rejectAll,
   showApproveRejectAll,
 }) => {
   const [showValidationPanel, setShowValidationPanel] = useState(false);
@@ -63,9 +65,11 @@ export const AvatarAndValidation = ({
           setShowValidationPanel={setShowValidationPanel}
           approve={approve}
           reject={reject}
+          approveAll={approveAll}
+          rejectAll={rejectAll}
           showApproveRejectAll={showApproveRejectAll}
         />
       )}
     </Container>
   );
-};
+};

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

@@ -13,6 +13,8 @@ export const FullProductNameHeader = ({
   showValidationButtons,
   approve,
   reject,
+  approveAll,
+  rejectAll,
   servicesData,
   showApproveRejectAll,
 }) => {
@@ -24,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;
         });
@@ -73,8 +75,10 @@ export const FullProductNameHeader = ({
           showApproveRejectAll={showApproveRejectAll}
           approve={approve}
           reject={reject}
+          approveAll={approveAll}
+          rejectAll={rejectAll}
         />
       </div>
     </Container>
   );
-};
+};

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

@@ -16,24 +16,24 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZmM5YThiNC1mYWViLTQ3ZDUtYjEyYS05NzcxNThmNWUzMWUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjA4NzIzOSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwOTA4MzksImlhdCI6MTY1NjA4NzIzOSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.P4HmwNMwF6r9BuH-9onpbU7_iiXwSw1TOEux9seeVwHiEJytl6BOcHkKJEnUZ2dfarK2CRMiYVLVycbT3O4MCVyFb8hWnos_eTBAVIOD9kxd7FMLOL_v5JP6Vw4XxWx2xsut9Jvcw0M-_QipxvAKdHtNcC-pOYs0W2IvyXf0JbYgkthZwRwIOUYhqF2yMtKFFzAX2kZO5_QMNeTLamFoexDU_0heba7sToE_oLyovhPTTRobXQcss8mmiilEfnnGZ_YNlwf-0myAMMJkllESl0tff1YQpHLn1sUN6sA-DotQvYhaGbxNebgQ_sMfPNy8cEFOIrNLP_QMjEC_RCu_tw",
-  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: 64,
-    status: "AP",
+    orderId: 89,
+    status: "AA",
     datasheet_status: "AP",
     prio: "none",
-    version: 7,
-    description_status: "AP",
+    version: 3,
+    description_status: "AA",
     images_status: "AP",
-    brand: "1",
+    brand: "123",
     retailerOrder: 0,
     missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null,
+      datasheet: 17,
+      descriptions: 4,
+      images: 3,
     },
     services: {
       datasheets: 1,
@@ -41,64 +41,56 @@ ProviderProductEditionDefault.args = {
       images: 1,
     },
     article: {
-      category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
+      category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
       company_name: "COMPANY DEV",
       country: "México",
-      id_category: "41",
+      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: 64,
-      id_article: 35707,
+      id_order: 89,
+      id_article: 55157,
       id_auditor: 37,
-      name: "chetos",
-      upc: "1010101010",
+      name: "testing",
+      upc: "807526",
     },
     retailers: [
       {
         id: 3,
         name: "Sam´s Club",
       },
-      {
-        id: 8,
-        name: "Fragua",
-      },
     ],
     retailersAvailable: [
       {
         id: 3,
         name: "Sam´s Club",
       },
-      {
-        id: 8,
-        name: "Fragua",
-      },
     ],
-    categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-    upc: "1010101010",
-    id_article: 35707,
-    id_order: 64,
+    categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+    upc: "807526",
+    id_article: 55157,
+    id_order: 89,
   },
   productToEdit: {
-    ArticleId: 35707,
-    idCategory: "41",
+    ArticleId: 55157,
+    idCategory: "4",
     product: {
-      orderId: 64,
-      status: "AP",
+      orderId: 89,
+      status: "AA",
       datasheet_status: "AP",
       prio: "none",
-      version: 7,
-      description_status: "AP",
+      version: 3,
+      description_status: "AA",
       images_status: "AP",
-      brand: "1",
+      brand: "123",
       retailerOrder: 0,
       missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null,
+        datasheet: 17,
+        descriptions: 4,
+        images: 3,
       },
       services: {
         datasheets: 1,
@@ -106,83 +98,75 @@ ProviderProductEditionDefault.args = {
         images: 1,
       },
       article: {
-        category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
+        category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
         company_name: "COMPANY DEV",
         country: "México",
-        id_category: "41",
+        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: 64,
-        id_article: 35707,
+        id_order: 89,
+        id_article: 55157,
         id_auditor: 37,
-        name: "chetos",
-        upc: "1010101010",
+        name: "testing",
+        upc: "807526",
       },
       retailers: [
         {
           id: 3,
           name: "Sam´s Club",
         },
-        {
-          id: 8,
-          name: "Fragua",
-        },
       ],
       retailersAvailable: [
         {
           id: 3,
           name: "Sam´s Club",
         },
-        {
-          id: 8,
-          name: "Fragua",
-        },
       ],
-      categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-      upc: "1010101010",
-      id_article: 35707,
-      id_order: 64,
+      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: 1236,
-    name: "THD",
-    last_name: "Proveedor",
-    email: "thd@allfreemail.net",
-    position: "Prod test",
-    telephone: "+523111111111",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 816,
-    id_cognito: "d660ccca-f906-4970-892c-6d152e832e5d",
+    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: null,
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
-    is_retailer: 1,
+    is_retailer: 0,
     email_notify: 0,
     membership: {
-      id: 797,
-      start_date: "2022-06-19T04:18:39.000Z",
-      end_date: "2023-06-19T04:18:39.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
+      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-28/28.png?1656087239674",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656607722122",
   },
-};
+};