contentoh-components-library 21.1.55 → 21.1.56

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

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 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: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\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  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+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: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\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      }\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  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
 });

package/dist/global-files/data.js

@@ -293,7 +293,8 @@ var getNewStatus = function getNewStatus(statusArray) {
   if (lookupString.includes("AP")) return "AP";
   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.55",
+  "version": "21.1.56",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -42,6 +42,7 @@ export const GeneralInput = ({
       if (optionList?.length > 0) {
         let index = evt.target.selectedIndex;
         let valueSelected = evt.target.value;
+        console.log(valueSelected);
         generalValue = valueSelected;
         setTextValue({ value: generalValue });
       } else {

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

@@ -57,4 +57,4 @@ export const ValidationPanel = ({
       )}
     </Container>
   );
-};
+};

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

@@ -13,12 +13,7 @@ export const HeaderTop = ({ setHeaderTop }) => {
   return (
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
-      <Button
-        buttonType="close-button"
-        onClick={() => {
-          window.location.href = `/products`;
-        }}
-      />
+      <Button buttonType="close-button" />
     </Container>
   );
 };

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

@@ -19,27 +19,12 @@ export const RetailerSelector = ({
     }
   };
 
-  const getRetailerImage = async () => {
-    console.log(
-      `https://content-management-images.s3.amazonaws.com/retailers/${activeRetailer.id}.png`
-    );
-    activeRetailer.image = `https://content-management-images.s3.amazonaws.com/retailers/${activeRetailer.id}.png`;
-    retailers.forEach(
-      (retailer) =>
-        (retailer.image = `https://content-management-images.s3.amazonaws.com/retailers/${retailer.id}.png`)
-    );
-  };
-
   useEffect(() => {
     if (retailersPanel) {
       document.addEventListener("click", closeRetailersPanel, false);
     }
   }, [retailersPanel]);
 
-  useEffect(() => {
-    getRetailerImage();
-  }, [activeRetailer]);
-
   return (
     <Container id="retailers-assignation">
       <Avatar

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

@@ -25,7 +25,6 @@ export const StatusAsignationInfo = ({
   id = "default-id",
   onClickSave,
   showSaveButton,
-  canAssign,
 }) => {
   const [showAsignationPanel, setShowAsignationPanel] = useState(false);
   const [layout, setLayout] = useState(false);
@@ -71,7 +70,7 @@ export const StatusAsignationInfo = ({
         slidefront={slidefront}
         iconSize={"medium-image"}
         slidePosition={"bottom-slide"}
-      ></SliderToolTip>
+      />
       {status !== "-" && <StatusTag statusType={status} ovalForm={true} />}
       {showSaveButton && (
         <Button
@@ -124,7 +123,7 @@ export const StatusAsignationInfo = ({
         fontFamily={"Avenir Next"}
         headerType={"input-name-header"}
       />
-      {showAsignationPanel && canAssign && (
+      {showAsignationPanel && (
         <div className="asignation-panel">
           <div className="asignation-header">
             <div className="asignation-status">

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/organisms/FullTabsMenu/index.js

@@ -16,7 +16,6 @@ export const FullTabsMenu = ({
   askToDeleteImages,
   onClickSave,
   showSaveButton,
-  canAssign,
 }) => {
   const [imagesSection, setImagesSection] = useState(false);
 
@@ -28,7 +27,6 @@ export const FullTabsMenu = ({
         setActiveTab={setActiveTab}
       />
       <StatusAsignationInfo
-      canAssign={canAssign}
         status={status}
         activeTab={activeTab}
         setImageLayout={setImageLayout}

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

@@ -16,27 +16,27 @@ 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.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlMDk1ODJkMi03MDU0LTQ3OGEtYjgzOS1hZThiNWVmZTRjYWMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NzU2OTA1MywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTc1NzI2NTMsImlhdCI6MTY1NzU2OTA1MywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TQmeBJjBJC21O6Ag-Gi0ER2sLKjuSiCSM9PLON0JzQ00FC88hgrUxlPQHDnMDgWtcRRP3aylo0AB1UStV9GJlkyg7-8jNtTkIsgjCiPBV754NizoSDUonLgKTtjs5Sx-rM_Uv14h8tlybegw0X5Dqlyl2FNwl5Vr_096e5SD4gqrBoFXH9nMTxbUQlQ4i4fD_5xxdnhnFjnVT0z9hA59tdTj1jEYXZjNtod98hx_-Rm9LL5SpnYt7_uBsVbQkIIn8iKrGhJ3dG5RZFO3P3_Ydg1eWdbbKCSIO17kW2_orn3hGPiXtA29Hls5IbUu0xst6oppZmKx2mHGHmIdHx_IIA",
+  articleId: 55154,
+  category: 2568,
+  version: 3,
   productSelected: {
-    orderId: 55,
-    article_status: "AP",
-    datasheet_status: "AP",
-    description_status: "AP",
-    images_status: "AP",
+    orderId: 96,
+    article_status: "AA",
+    datasheet_status: "AA",
+    description_status: "AA",
+    images_status: "AA",
     prio: "none",
-    version: 2,
+    version: 3,
     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",
+      id_category: "2568",
+      id_article: 55154,
+      name: "Prueba 12312",
+      upc: "977812",
     },
     retailers: [
       {
@@ -49,89 +49,24 @@ ProviderProductEditionDefault.args = {
         name: "The Home Depot Platinum",
         services: ["NA", "NA", "NA", "AA"],
       },
-      {
-        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",
-        percentage: 100,
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
-        percentage: 100,
+    statusByRetailer: {
+      58: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA",
       },
-      {
-        id: 60,
-        name: "The Home Depot Resizing",
-      },
-      {
-        id: 61,
-        name: "Home Depot TAB",
-      },
-    ],
-  },
-  productToEdit: {
-    ArticleId: 55118,
-    idCategory: "2143",
-    product: {
-      orderId: 55,
-      article_status: "AP",
-      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",
-      },
-      retailers: [
-        {
-          id: 58,
-          name: "The Home Depot Golden",
-          services: ["AA", "AA", "AA", "NA"],
-        },
-        {
-          id: 59,
-          name: "The Home Depot Platinum",
-          services: ["NA", "NA", "NA", "AA"],
-        },
-        {
-          id: 60,
-          name: "The Home Depot Resizing",
-        },
-        {
-          id: 61,
-          name: "Home Depot TAB",
-        },
-      ],
       services: {
         datasheets: 1,
         descriptions: 1,
         images: 1,
       },
-      id_article: 55118,
+      id_article: 55154,
       retailersAvailable: [
         {
           id: 58,
@@ -152,43 +87,118 @@ ProviderProductEditionDefault.args = {
           name: "Home Depot TAB",
         },
       ],
+      status: "AA",
     },
-  },
-  location: {
-    product: { articleId: 109485, versionId: 3 },
-    state: { origin: "Contentoh" },
-  },
-  user: {
-    id_user: 59,
-    name: "The Home",
-    last_name: "Depot",
-    email: "cadena.ismael@allfreemail.net",
-    position: "Admin",
-    telephone: "+523111366336",
-    country: "México",
-    id_company: 7,
-    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: "",
-    id_role: 0,
-    active: 1,
-    is_retailer: 0,
-    email_notify: 1,
-    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",
-      type: "Enterprise",
+    productToEdit: {
+      ArticleId: 55118,
+      idCategory: "2143",
+      product: {
+        orderId: 96,
+        article_status: "AA",
+        datasheet_status: "AA",
+        description_status: "AA",
+        images_status: "AA",
+        prio: "none",
+        version: 3,
+        brand: null,
+        article: {
+          category: "ILUMINACIÓN|FOCOS|FOCOS",
+          company_name: "THD Proveedor",
+          country: "México",
+          id_category: "2568",
+          id_article: 55154,
+          name: "Prueba 12312",
+          upc: "977812",
+        },
+        retailers: [
+          {
+            id: 58,
+            name: "The Home Depot Golden",
+            services: ["AA", "AA", "AA", "NA"],
+          },
+          {
+            id: 59,
+            name: "The Home Depot Platinum",
+            services: ["NA", "NA", "NA", "AA"],
+          },
+        ],
+        services: {
+          datasheets: 1,
+          descriptions: 1,
+          images: 1,
+        },
+        statusByRetailer: {
+          58: {
+            datasheet: "AA",
+            description: "AA",
+            images: "AA",
+          },
+          services: {
+            datasheets: 1,
+            descriptions: 1,
+            images: 1,
+          },
+          id_article: 55154,
+          retailersAvailable: [
+            {
+              id: 58,
+              name: "The Home Depot Golden",
+              percentage: 100,
+            },
+            {
+              id: 59,
+              name: "The Home Depot Platinum",
+              percentage: 100,
+            },
+            {
+              id: 60,
+              name: "The Home Depot Resizing",
+            },
+            {
+              id: 61,
+              name: "Home Depot TAB",
+            },
+          ],
+          status: "AA",
+        },
+      },
+      location: {
+        product: { articleId: 109485, versionId: 3 },
+        state: { origin: "Contentoh" },
+      },
+      user: {
+        id_user: 59,
+        name: "The Home",
+        last_name: "Depot",
+        email: "cadena.ismael@allfreemail.net",
+        position: "Admin",
+        telephone: "+523111366336",
+        country: "México",
+        id_company: 7,
+        id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
+        birth_Date: null,
+        about_me: null,
+        zip_code: null,
+        address: null,
+        job: null,
+        id_stripe: "",
+        id_role: 0,
+        active: 1,
+        is_retailer: 0,
+        email_notify: 1,
+        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",
+          type: "Enterprise",
+        },
+        src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1657069378649",
+      },
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885",
   },
 };