contentoh-components-library 21.1.57 → 21.1.59

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

@@ -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("RCA")) return "RCA";
+  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("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("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  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/index.js

@@ -784,19 +784,6 @@ 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.57",
+  "version": "21.1.59",
   "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/StatusTag.stories.js

@@ -0,0 +1,28 @@
+import { StatusTag } from "./index";
+import { GlobalStatus } from "../../../global-files/variables";
+
+const status = GlobalStatus;
+
+export default {
+  title: "Components/atoms/StatusTag",
+  component: StatusTag,
+  argTypes: {
+    statusType: {
+      options: status,
+      control: { type: "select" },
+    },
+    ovalForm: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+  },
+};
+
+const Template = (args) => <StatusTag {...args} />;
+
+export const StatusTagDefault = Template.bind({});
+
+StatusTagDefault.args = {
+  statusType: "-",
+  ovalForm: false,
+};

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,171 +16,109 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiNmYyMTUyNi05Y2M1LTQwZTYtYjY5Yi1lNDljZDk1MWNlMzUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1ODE5MTg4MSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTgxOTU0ODEsImlhdCI6MTY1ODE5MTg4MSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Ng3EvhD6fMIoHcpQW-K_KOoVqsBfK6zZ5iVOa8UbFtBEjFnhhvJ76xxpDfpsZ7ywTdIN0618qA-GlG99sbmnG0es_2gwADB9awSyRL0-zEJyNmlPeUcrK59RI6VVQGey8mzUUvBbebeV_4NfkAt_wvBuYcVUMMSadnbw86l4fbHX9k3um_00hhwJd4wS8OYRGW2b8QsiRl7S9ocxuLwVdGRxcGEK2xFjJwIW2YPMe9IMY8euK59-Gl2rLFo2TgkR9lQMpSJOhd9Ujl-8zbsqY-Pc2wK9OmndhzlQaw2upmitFapGi2SStvT4DWP4NxvGsAZX8nmqWhf5iXeM7OSbCg",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 55,
-    article_status: "AP",
-    datasheet_status: "AP",
-    description_status: "AP",
-    images_status: "AP",
-    prio: "none",
+    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: [],
     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,
+    version_status: "R",
     retailersAvailable: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
-      },
-      {
-        id: 59,
-        name: "The Home Depot Platinum",
+        id: 2,
+        name: "Walmart Mercancías Generales",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
       {
-        id: 60,
-        name: "The Home Depot Resizing",
+        id: 3,
+        name: "Sam´s Club",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
       {
-        id: 61,
-        name: "Home Depot TAB",
+        id: 5,
+        name: "Chedraui",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
     ],
+    missing: {},
   },
   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",
-        },
-        {
-          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,
+    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: {},
       },
-      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: "Contentoh" },
+    state: { origin: "RequestWithContentoh" },
   },
   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: 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",
       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?1658189942624",
   },
-};
+};