contentoh-components-library 21.1.59 → 21.1.62

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: 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 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 headerTop = _ref.headerTop;
   return headerTop;
 });

package/dist/global-files/data.js

@@ -280,21 +280,20 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
-  if (lookupString.includes("RCA")) return "RCA";
-  if (lookupString.includes("RC")) return "RC";
+  if (lookupString.includes("RF")) return "RF";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("ACA")) return "ACA";
-  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("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("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("R")) return "R";
+  if (lookupString.includes("AC")) return "AC";
+  if (lookupString.includes("RECEIVED")) return "RECEIVED";
   if (lookupString.includes("NA")) return "NA";
-  console.log("Status not found");
-  return "NA";
+  return new Error("Status not found");
 };
 
 exports.getNewStatus = getNewStatus;

package/dist/index.js

@@ -784,6 +784,19 @@ Object.keys(_OnboardPlan).forEach(function (key) {
   });
 });
 
+var _RegistrationLoginFirstStep = require("./components/pages/RegistrationLoginFirstStep");
+
+Object.keys(_RegistrationLoginFirstStep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RegistrationLoginFirstStep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RegistrationLoginFirstStep[key];
+    }
+  });
+});
+
 var _RegistrationLoginSecondStep = require("./components/pages/RegistrationLoginSecondStep");
 
 Object.keys(_RegistrationLoginSecondStep).forEach(function (key) {

package/package.json

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

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

@@ -42,7 +42,6 @@ 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/InputFormatter/index.js

@@ -22,7 +22,7 @@ export const InputFormatter = ({
   const maxLength = maxChar ? maxChar : 999;
 
   const getValue = (value) => {
-    let temp = value.replace(/\n/gm, "<br>");
+    let temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;");
     return temp;
   };
 
@@ -34,7 +34,10 @@ export const InputFormatter = ({
   };
 
   const valueFormater = (value) => {
-    return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "");
+    return value
+      .replace(/<\/p><p>/gm, "\n")
+      .replace(/<\/?br>|<\/?p>/gm, "")
+      .replace(/&amp;/gm, "&");
   };
 
   const onChange = (valueInput, delta, user, h) => {
@@ -109,7 +112,7 @@ export const InputFormatter = ({
       <ReactQuill
         id={inputId + ""}
         ref={(el) => setQuill(el)}
-        value={getValue(inputValue)}
+        defaultValue={getValue(inputValue)}
         //disabled={!props.enableInputs}
         modules={{ toolbar: ["bold"] }}
         onKeyPress={(e) => {

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

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

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

@@ -19,12 +19,24 @@ export const RetailerSelector = ({
     }
   };
 
+  const getRetailerImage = async () => {
+    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,6 +25,7 @@ export const StatusAsignationInfo = ({
   id = "default-id",
   onClickSave,
   showSaveButton,
+  canAssign,
 }) => {
   const [showAsignationPanel, setShowAsignationPanel] = useState(false);
   const [layout, setLayout] = useState(false);
@@ -70,7 +71,7 @@ export const StatusAsignationInfo = ({
         slidefront={slidefront}
         iconSize={"medium-image"}
         slidePosition={"bottom-slide"}
-      />
+      ></SliderToolTip>
       {status !== "-" && <StatusTag statusType={status} ovalForm={true} />}
       {showSaveButton && (
         <Button
@@ -123,7 +124,7 @@ export const StatusAsignationInfo = ({
         fontFamily={"Avenir Next"}
         headerType={"input-name-header"}
       />
-      {showAsignationPanel && (
+      {showAsignationPanel && canAssign && (
         <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 : "R");
+            element.push(sd.status ? sd.status : "RECEIVED");
           } else element.push("NA");
           rt["services"] = element;
         });

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

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

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

@@ -79,7 +79,7 @@ export const ImageDataTable = ({
       </Row>
       {retailerSelected &&
         lists?.attrForImgs &&
-        lists?.attrForImgs[retailerSelected]?.map((attr, index) => (
+        lists?.attrForImgs?.general?.map((attr, index) => (
           <Row key={"row-" + index + "-" + attr?.name}>
             <ScreenHeader
               headerType={"table-row-text"}
@@ -91,11 +91,8 @@ export const ImageDataTable = ({
               onChange={(e) => {
                 setImages({
                   action: "changeAttrValue",
-                  retailer: retailerSelected,
-                  index,
                   value: e.target.value || "-",
-                  name: attr.name,
-                  retailersId: Object.keys(lists.attrForImgs).slice(0, -1),
+                  id: attr.id,
                 });
               }}
             />

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

@@ -16,109 +16,171 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiNmYyMTUyNi05Y2M1LTQwZTYtYjY5Yi1lNDljZDk1MWNlMzUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1ODE5MTg4MSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTgxOTU0ODEsImlhdCI6MTY1ODE5MTg4MSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Ng3EvhD6fMIoHcpQW-K_KOoVqsBfK6zZ5iVOa8UbFtBEjFnhhvJ76xxpDfpsZ7ywTdIN0618qA-GlG99sbmnG0es_2gwADB9awSyRL0-zEJyNmlPeUcrK59RI6VVQGey8mzUUvBbebeV_4NfkAt_wvBuYcVUMMSadnbw86l4fbHX9k3um_00hhwJd4wS8OYRGW2b8QsiRl7S9ocxuLwVdGRxcGEK2xFjJwIW2YPMe9IMY8euK59-Gl2rLFo2TgkR9lQMpSJOhd9Ujl-8zbsqY-Pc2wK9OmndhzlQaw2upmitFapGi2SStvT4DWP4NxvGsAZX8nmqWhf5iXeM7OSbCg",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 76125,
-    id_category: "682",
-    name: "prueba 11",
-    upc: "35646655",
-    timestamp: "2022-07-01T16:21:23.000Z",
-    status: "NULL",
-    categoryName: "Salud y Belleza|Cosméticos y Accesorios|Cosméticos",
-    asignations: [],
+    orderId: 55,
+    article_status: "AP",
+    datasheet_status: "AP",
+    description_status: "AP",
+    images_status: "AP",
+    prio: "none",
     version: 2,
-    version_status: "R",
+    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",
+      },
+      {
+        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: 2,
-        name: "Walmart Mercancías Generales",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 58,
+        name: "The Home Depot Golden",
       },
       {
-        id: 3,
-        name: "Sam´s Club",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 59,
+        name: "The Home Depot Platinum",
       },
       {
-        id: 5,
-        name: "Chedraui",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 60,
+        name: "The Home Depot Resizing",
+      },
+      {
+        id: 61,
+        name: "Home Depot TAB",
       },
     ],
-    missing: {},
   },
   productToEdit: {
-    idCategory: "3028",
-    ArticleId: 76175,
-    product: [
-      {
-        id_article: 76175,
-        id_category: "3028",
-        name: "Producto 1 C",
-        upc: "18072021",
-        timestamp: "2022-07-18T19:25:34.000Z",
-        status: "NULL",
-        categoryName: "Eléctrico|Casa Inteligente|Asistentes Inteligentes",
-        asignations: [],
-        version: 1,
-        version_status: null,
-        retailersAvailable: [
-          {
-            id: 58,
-            name: "The Home Depot Golden",
-            country: "México",
-            id_region: 1,
-            active: 1,
-          },
-        ],
-        missing: {},
+    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",
+        },
+        {
+          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",
+        },
+        {
+          id: 60,
+          name: "The Home Depot Resizing",
+        },
+        {
+          id: 61,
+          name: "Home Depot TAB",
+        },
+      ],
+    },
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
-    state: { origin: "RequestWithContentoh" },
+    state: { origin: "Contentoh" },
   },
   user: {
-    id_user: 28,
-    name: "Proveedor",
-    last_name: "Colgate",
-    email: "ilopez@contentoh.com",
-    position: "Prueba Admin",
+    id_user: 59,
+    name: "The Home",
+    last_name: "Depot",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
     telephone: "+523111366336",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    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: "cus_KuEt6R6vwmN09f",
+    id_stripe: "",
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
+    email_notify: 1,
     membership: {
-      id: 76,
-      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",
+      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-28/28.png?1658189942624",
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885",
   },
-};
+};