contentoh-components-library 21.0.71 → 21.0.74

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+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      .required-inputs-message {\n        font-family: ", ";\n        font-size: 13px;\n        color: ", ";\n        padding: 10px;\n        display: flex;\n        align-items: center;\n\n        p + * {\n          margin-top: 10px;\n        }\n\n        button {\n          min-width: fit-content;\n        }\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;
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+
+exports.Container = Container;

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

@@ -26,356 +26,100 @@ var Template = function Template(args) {
 var RetailerProductEditionDefault = Template.bind({});
 exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
 RetailerProductEditionDefault.args = {
-  productData: {
-    imagesData: {
-      image: {
-        src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",
-        name: "Hero.jpg"
-      }
-    },
-    headerData: {
-      name: "Nombre del producto",
-      status: "P",
-      percent: 20,
-      backgroundColor: "in_progress",
-      priority: "low",
-      date: new Date().toLocaleDateString(),
-      features: [{
-        feature: "Prov",
-        value: "Unilever"
-      }, {
-        feature: "Vendor",
-        value: "1234567890"
-      }, {
-        feature: "SKU",
-        value: "1234567890"
-      }, {
-        feature: "UPC",
-        value: "1234567890"
-      }, {
-        feature: "Categoría",
-        value: "Desodorantes Caballero y Dama"
-      }],
-      validation: "null-button"
-    },
-    status: "AA",
-    image: {
-      src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
-    },
-    services: {
-      Descripción: [{
-        inputGroup: {
-          name: "Información básica del producto",
-          inputs: [{
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }]
-        }
-      }],
-      "Ficha técnica": [{
-        inputGroup: {
-          name: "Información básica del producto",
-          inputs: [{
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }]
-        }
-      }, {
-        inputGroup: {
-          name: "Información básica del producto",
-          inputs: [{
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }]
-        }
-      }, {
-        inputGroup: {
-          name: "Información básica del producto",
-          inputs: [{
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }]
-        }
-      }, {
-        inputGroup: {
-          name: "Información básica del producto",
-          inputs: [{
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }, {
-            label: "Item",
-            value: "1234567890",
-            placeholder: "Ingresar valor"
-          }]
-        }
-      }],
-      Imágenes: [{
-        img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
-        alt: "img",
-        name: "Hero",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }, {
-        img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
-        alt: "img",
-        name: "Hero2",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }, {
-        img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
-        alt: "img",
-        name: "Hero3",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }, {
-        img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
-        alt: "img",
-        name: "Hero4",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }, {
-        img: "https://memegenerator.net/img/images/72798198.jpg",
-        alt: "img",
-        name: "Hero5",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }, {
-        img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
-        alt: "img",
-        name: "Hero6",
-        data: [{
-          feature: "Tamaño de imagen",
-          value: "1000x10000"
-        }, {
-          feature: "Formato",
-          value: "jpg"
-        }, {
-          feature: "Resolución",
-          value: "300dpi"
-        }, {
-          feature: "Tipo de imagen",
-          value: "Tipo de imagen"
-        }, {
-          feature: "Identificador",
-          value: "F261"
-        }]
-      }]
-    }
-  },
   tabsSections: {
     Descripción: true,
     "Ficha técnica": false,
     Imágenes: false
+  },
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjcxNWU4ZTc3LTAwMmMtNGMyNC1hNjM2LTYxNDkxYzQ0MzI2MSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjUyMzA3MTUzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjUyMzEwNzUzLCJpYXQiOjE2NTIzMDcxNTMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Ov1kjVt1sWrNu-8gPhBvnS6SpCuPmOYcqBwJVIoz-YJvuyNx0lMeRflG99cpgj4SojZqgMfPMQ8gJg5263fhj9oynolP7kh08AS_uoTf6_FK2KCaY8gVF4OJnoJJaX7J12JxzmRMI-lQJftvvoPxo5KYHCf7uZSj-5C5z6yIdk59T3U7vziYiKVtJFvVpA6IEB-oIS57MSdg27kwOtYjWvkfZ5vDRfkoOBGmBBELI9uFbKQS0cmWaLSBhd8ptbXWkAprxm-nkJnH9KQKmCsCLBthqmZTsMDw3ok0RsVpEE7_x4X0Hg0756ebqDe1kLCVuTIBpPx4ySvCdlewvi9bYA",
+  articleId: 238,
+  category: 846,
+  version: 2,
+  productSelected: {
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    orderId: 152,
+    status: "ASSIGNED",
+    datasheet_status: "IN_PROGRESS",
+    prio: "none",
+    version: 3,
+    description_status: "IN_PROGRESS",
+    images_status: "IN_PROGRESS",
+    article: {
+      id_article: 343,
+      id_category: "2898",
+      name: "Producto prueba dos ",
+      upc: "2004202212",
+      timestamp: "2022-04-20T17:01:17.000Z",
+      id_user: 28,
+      status: "NULL",
+      active: 1,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 152,
+      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_auditor: 30,
+      id_recepcionist: null,
+      category: "HALLOWEN|DECORACIÓN E INFLABLES|DECORACIÓN E INFLABLES",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null
+    },
+    retailers: [{
+      id: 58,
+      name: "The Home Depot",
+      country: "México",
+      id_region: 1,
+      active: 1
+    }],
+    country: "México",
+    upc: "2004202212"
+  },
+  location: {
+    product: {
+      articleId: 109485,
+      versionId: 3
+    }
+  },
+  user: {
+    id_user: 54,
+    name: "ESPECIALISTA TXTS PRUEBA",
+    last_name: "",
+    email: "rlegorreta@contentoh.com",
+    position: null,
+    telephone: null,
+    country: null,
+    id_company: 2,
+    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 7,
+    active: 1,
+    is_retailer: 0,
+    membership: {
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES"
+    },
+    src: "https://content-management-profile.s3.amazonaws.com/id-54/54.png?1653425316222"
   }
 };