contentoh-components-library 21.1.22 → 21.1.23

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

@@ -6,6 +6,11 @@ import { Button } from "../../atoms/GeneralButton";
 import { useEffect, useState } from "react";
 import { AsignationOption } from "../../atoms/AsignationOption/index";
 import { getProfilePicture } from "../../../global-files/data";
+import { SliderToolTip } from "../../atoms/SliderToolTip";
+import InfoIcon from "../../../assets/images/sliderToolTip/infoIcon.svg";
+import Slide1 from "../../../assets/images/sliderToolTip/slide21.svg";
+import Slide2 from "../../../assets/images/sliderToolTip/slide22.svg";
+import Slide3 from "../../../assets/images/sliderToolTip/slide23.svg";
 
 export const StatusAsignationInfo = ({
   status = "-",
@@ -31,6 +36,32 @@ export const StatusAsignationInfo = ({
       setShowAsignationPanel(false);
     }
   };
+  const slidefront = [
+    {
+      slide: Slide1,
+      id: "slide1",
+      id_link: "slidea1",
+      title: "Valida tu producto en cada activo digital",
+      description:
+        "Al solicitar a Content-oh! podrás validar la información, imágenes y documentación de tu producto, esto hará más sencillo que puedas aprobar o rechazar el contenido.",
+    },
+    {
+      slide: Slide2,
+      id: "slide2",
+      id_link: "slidea2",
+      title: "Aprueba o rechaza con un clic",
+      description:
+        "Cuando termines de revisar tu información, elige si aproebas o rechazas, esto enviara una notificiación a nuestro equipo, para continuar o corregir el producto.",
+    },
+    {
+      slide: Slide3,
+      id: "slide3",
+      id_link: "slidea3",
+      title: "Estatus de tu producto en el proceso",
+      description:
+        "La mayor parte del proceso podrás identificar que estatus tiene tu producto, esto dara visibilidad a todo tu equipo para saber la etapa se encuentra.",
+    },
+  ];
 
   useEffect(() => {
     if (showAsignationPanel) {
@@ -40,6 +71,12 @@ export const StatusAsignationInfo = ({
 
   return (
     <Container id={id}>
+      <SliderToolTip
+        infoIcon={InfoIcon}
+        slidefront={slidefront}
+        iconSize={"medium-image"}
+        slidePosition={"bottom-slide"}
+      ></SliderToolTip>
       {status !== "-" && <StatusTag statusType={status} ovalForm={true} />}
       {showSaveButton && (
         <Button

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

@@ -16,120 +16,136 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3ZTU5YmI1Yy1mNjI1LTQ1NzMtYjMzYS00ZWM4YzFmMzMyNTIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjAwMTY4OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwMDUyODgsImlhdCI6MTY1NjAwMTY4OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.ZUKMejBG8qCT2bv-zrqyFx6xyeKK85Ry-kRlQv3U2KrDasW6ea8zbNDJMJAGMu_7dDrk9mRUj0Mp-jW32T1IBOweWxivRKSYfWQzjMdJdOUcckCagVXp8zQ4W-DZJINI25iq1AEfl9--6WaTRybEdTLjKXgzzOmLCGk5QbUI2uSeT_3w7fZiHPlCDCFFTSgXaNKUqxnsyZ2llos97KKIhH7tmn7DBw8mTPTUFyxED6EzBc7mkCYrM1o0velAZF0bOYhiuNnA-TF0L8eqPIZ3_13WDzGjRk3_eOBM37z8AqlMtBCJYIyQFGf-uCIbpSG0yJzYTswrExCkLamlKDhwtQ",
+    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJkNjYwY2NjYS1mOTA2LTQ5NzAtODkyYy02ZDE1MmU4MzJlNWQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImQ2NjBjY2NhLWY5MDYtNDk3MC04OTJjLTZkMTUyZTgzMmU1ZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiY2ZhOGZlNi0wMDRjLTQ3NzAtODFjOC01YmNmMmMxMzM3YmIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTkxMTI4NywibmFtZSI6IlRIRCBQcm92ZWVkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMTExMTExIiwiZXhwIjoxNjU1OTE0ODg3LCJpYXQiOjE2NTU5MTEyODcsImVtYWlsIjoidGhkQGFsbGZyZWVtYWlsLm5ldCJ9.MWZiRXTcH2fBgHASZ-6rIr43-WzIkp48ToBS4XQgJt4klDp96qzZCO8o6siDK5ptw48CawlFT1nl4QszEA8b6WeqgdjsMo-MhTFF9v0QtYyjCZ97Sfs2roSLAU0pZC8-JT-yZV7auHfsoGzGWhR6CoDLQEtm0nk0pqJtwm2qObv1tZUeJUvS4qPRnLBXv3qn8--0D7dGI2NTJKfm4RN-BiDNIQQE6B0UZuY8hCxYz0OXqvpstYNQnd0YQLTXnBYN0SiHAdF2DuQqDVhnVCphqcgq49DxwN6o1br7M4ySHhe7a9mg4-uSJjLF25oW8K4dFgvvStMvuScUhpzngc8caA",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 55081,
-    id_category: "157",
-    name: "Lavatrastes Axion toque de crema",
-    upc: "750954665375",
-    timestamp: "2022-06-17T18:43:45.000Z",
+    id_article: 55070,
+    id_category: "2976",
+    name: "TOALLERO CORTO ACCESS NEGRO ÉBANO",
+    upc: "161788",
+    timestamp: "2022-06-17T17:31:14.000Z",
     status: "NULL",
-    categoryName:
-      "CONSUMIBLES|PRODUCTOS DE LIMPIEZA Y LAVANDERÍA|JABONES Y LAVATRASTES",
+    categoryName: "BAÑOS|ACCESORIOS PARA BAÑO|TOALLEROS",
     asignations: [],
     version: 1,
     version_status: null,
     retailersAvailable: [
       {
-        id: 4,
-        name: "Walmart Super y Superama",
+        id: 58,
+        name: "The Home Depot Golden",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
+      {
+        id: 59,
+        name: "The Home Depot Platinum",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
+      {
+        id: 60,
+        name: "The Home Depot Resizing",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
+      {
+        id: 61,
+        name: "Home Depot TAB",
         country: "México",
         id_region: 1,
         active: 1,
       },
     ],
-    missing: {
-      datasheet: 10,
-      description: 6,
-      image: 32,
-    },
+    missing: {},
+  },
+  productToEdit: {
+    idCategory: "2976",
+    ArticleId: 55070,
+    product: [
+      {
+        id_article: 55070,
+        id_category: "2976",
+        name: "TOALLERO CORTO ACCESS NEGRO ÉBANO",
+        upc: "161788",
+        timestamp: "2022-06-17T17:31:14.000Z",
+        status: "NULL",
+        categoryName: "BAÑOS|ACCESORIOS PARA BAÑO|TOALLEROS",
+        asignations: [],
+        version: 1,
+        version_status: null,
+        retailersAvailable: [
+          {
+            id: 58,
+            name: "The Home Depot Golden",
+            country: "México",
+            id_region: 1,
+            active: 1,
+          },
+          {
+            id: 59,
+            name: "The Home Depot Platinum",
+            country: "México",
+            id_region: 1,
+            active: 1,
+          },
+          {
+            id: 60,
+            name: "The Home Depot Resizing",
+            country: "México",
+            id_region: 1,
+            active: 1,
+          },
+          {
+            id: 61,
+            name: "Home Depot TAB",
+            country: "México",
+            id_region: 1,
+            active: 1,
+          },
+        ],
+        missing: {},
+      },
+    ],
   },
-  // productToEdit: {
-  //   idCategory: "2976",
-  //   ArticleId: 55070,
-  //   product: [
-  //     {
-  //       id_article: 55070,
-  //       id_category: "2976",
-  //       name: "TOALLERO CORTO ACCESS NEGRO ÉBANO",
-  //       upc: "161788",
-  //       timestamp: "2022-06-17T17:31:14.000Z",
-  //       status: "NULL",
-  //       categoryName: "BAÑOS|ACCESORIOS PARA BAÑO|TOALLEROS",
-  //       asignations: [],
-  //       version: 1,
-  //       version_status: null,
-  //       retailersAvailable: [
-  //         {
-  //           id: 58,
-  //           name: "The Home Depot Golden",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 59,
-  //           name: "The Home Depot Platinum",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 60,
-  //           name: "The Home Depot Resizing",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 61,
-  //           name: "Home Depot TAB",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //       ],
-  //       missing: {},
-  //     },
-  //   ],
-  // },
   location: {
     product: { articleId: 109485, versionId: 3 },
     state: {},
   },
   user: {
-    id_user: 28,
-    name: "Proveedor",
-    last_name: "Colgate",
-    email: "ilopez@contentoh.com",
-    position: "Prueba Admin",
-    telephone: "+523111366336",
+    id_user: 1236,
+    name: "THD",
+    last_name: "Proveedor",
+    email: "thd@allfreemail.net",
+    position: "Prod test",
+    telephone: "+523111111111",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 816,
+    id_cognito: "d660ccca-f906-4970-892c-6d152e832e5d",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: "cus_KuEt6R6vwmN09f",
+    id_stripe: null,
     id_role: 0,
     active: 1,
     is_retailer: 0,
     membership: {
-      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",
+      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",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656001689809",
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1236/1236.png?1655911288481",
   },
 };

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

@@ -406,6 +406,7 @@ export const ProviderProductEdition = ({
 
   const saveDescriptions = async () => {
     setLoading(true);
+    const productTemp = product;
     const dataObject = {
       articleId: product?.id_article,
       articleData: updatedDescriptions,
@@ -421,6 +422,12 @@ export const ProviderProductEdition = ({
           },
         }
       );
+      if (productTemp.status === "ASSIGNED") {
+        productTemp.status = "IN_PROGRESS";
+        setProduct(productTemp);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+      }
+
       setMessage("Descripciones guardadas con éxito");
       loadData();
     } catch (error) {
@@ -446,6 +453,11 @@ export const ProviderProductEdition = ({
         }
       );
       setMessage("Fichas técnicas guardadas");
+      if (productTemp.status === "ASSIGNED") {
+        productTemp.status = "IN_PROGRESS";
+        setProduct(productTemp);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+      }
       loadData();
     } catch (error) {
       console.log(error);
@@ -687,23 +699,14 @@ export const ProviderProductEdition = ({
   };
 
   const downloadImages = () => {
-    selectedImages.length > 0
-      ? selectedImages.forEach((e) => {
-          if (e.id) {
-            saveAs(
-              `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
-              `${product.upc || product.article.upc}_${e.name}.${e.ext}`
-            );
-          }
-        })
-      : images?.values?.forEach((e) => {
-          if (e.id) {
-            saveAs(
-              `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
-              `${product.upc || product.article.upc}_${e.name}.${e.ext}`
-            );
-          }
-        });
+    selectedImages.forEach((e) => {
+      if (e.id) {
+        saveAs(
+          `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
+          `${product.article.upc}_${e.name}.${e.ext}`
+        );
+      }
+    });
   };
 
   const deleteImages = () => {
@@ -779,6 +782,26 @@ export const ProviderProductEdition = ({
     }
   };
 
+  const specialistValid = (tab) => {
+    let concept = "";
+    switch (tab) {
+      case "Ficha técnica":
+        concept = "datasheet";
+        break;
+      case "Imágenes":
+        concept = "images";
+        break;
+      case "Descripción":
+        concept = "description";
+        break;
+    }
+    return (
+      product[`${concept}_status`] === "IN_PROGRESS" ||
+      product[`${concept}_status`] === "RF" ||
+      product[`${concept}_status`] === "RA"
+    );
+  };
+
   const confirmStatusComplete = () => {
     const { datasheet_status, description_status, images_status } = product;
     const completionStates =

package/src/components/pages/RetailerProductEdition/index.js

@@ -424,6 +424,7 @@ export const RetailerProductEdition = ({
       articleId: product?.article?.id_article,
       articleData: updatedDatasheets,
     };
+    console.log(updatedDatasheets, "updatedDatasheets");
     if (product?.orderId) dataObject["orderId"] = product?.orderId;
     try {
       await axios.put(
@@ -955,23 +956,14 @@ export const RetailerProductEdition = ({
   };
 
   const downloadImages = () => {
-    selectedImages.length > 0
-      ? selectedImages.forEach((e) => {
-          if (e.id) {
-            saveAs(
-              `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
-              `${product.article.upc}_${e.name}.${e.ext}`
-            );
-          }
-        })
-      : images?.values?.forEach((e) => {
-          if (e.id) {
-            saveAs(
-              `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
-              `${product.article.upc}_${e.name}.${e.ext}`
-            );
-          }
-        });
+    selectedImages.forEach((e) => {
+      if (e.id) {
+        saveAs(
+          `https://${process.env.REACT_APP_IMAGES_BUCKET}.s3.amazonaws.com/${e.srcDB}`,
+          `${product.article.upc}_${e.name}.${e.ext}`
+        );
+      }
+    });
   };
 
   const deleteImages = () => {

package/dist/components/atoms/Percent/Percent.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PercentDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
-var _default = {
-  title: "Components/atoms/Percent",
-  component: _index.Percent,
-  argTypes: {
-    statusType: {
-      options: status,
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Percent, (0, _objectSpread2.default)({}, args));
-};
-
-var PercentDefault = Template.bind({});
-exports.PercentDefault = PercentDefault;
-PercentDefault.args = {
-  statusType: "-"
-};

package/dist/components/atoms/Percent/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Percent = void 0;
-
-var _styles = require("./styles");
-
-var _polygon = _interopRequireDefault(require("../../../assets/images/arrow/polygon.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Percent = function Percent(_ref) {
-  var statusType = _ref.statusType;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "status-".concat(statusType),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "text",
-      children: "Productos en proceso"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "percent-text",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "number",
-        children: "20"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _polygon.default,
-        alt: ""
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "span",
-        children: "1%"
-      })]
-    })]
-  });
-};
-
-exports.Percent = Percent;

package/dist/components/atoms/Percent/styles.js

@@ -1,20 +0,0 @@
-"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  border-radius: 7px;\n  width: 97px;\n  height: 83px;\n  text-align: center;\n  padding: 15px;\n\n  &.status-Pr,\n  &.status-Rc {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-QF {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AF,\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    border: 1px solid #d74ded;\n    .span {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  .text {\n    color: ", ";\n    font-size: 12px;\n    font-family: ", ";\n    line-height: 14px;\n  }\n  .percent-text {\n    display: flex;\n    .number {\n      font-family: ", ";\n      font-size: 28px;\n      color: ", ";\n    }\n    .span{\n    padding-top: 8px;\n    font-size: 18px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
-
-exports.Container = Container;

package/dist/components/molecules/TextAndGradient/TextAndGradient.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TextAndGradientDefault = void 0;
-
-var _index = require("./index");
-
-var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Cadena.svg"));
-
-var _default = {
-  title: "Components/molecules/TextAndGradient",
-  component: _index.TextAndGradient
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TextAndGradient, args);
-};
-
-var TextAndGradientDefault = Template.bind({});
-exports.TextAndGradientDefault = TextAndGradientDefault;
-TextAndGradientDefault.args = {
-  title: "Beneficios de cadenas",
-  containerList: {
-    content: ["Crea proveedores y agregalos a tu cadena", "Valida los proveedores", "Solicita actualización a proveedores", "Analiza el número de productos totales"]
-  }
-};

package/dist/components/molecules/TextAndGradient/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextAndGradient = void 0;
-
-var _styles = require("./styles");
-
-var _AtomList = require("../../atoms/AtomList");
-
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-
-var _variables = require("../../../global-files/variables");
-
-var TextAndGradient = function TextAndGradient(_ref) {
-  var title = _ref.title,
-      image = _ref.image,
-      containerList = _ref.containerList;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    className: "title",
-    headerType: "with-bold-text",
-    text: title,
-    color: _variables.GlobalColors.s1
-  })), image && /*#__PURE__*/React.createElement("img", {
-    src: image
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "list"
-  }, /*#__PURE__*/React.createElement(_AtomList.AtomList, {
-    content: containerList.content
-  })));
-};
-
-exports.TextAndGradient = TextAndGradient;

package/dist/components/molecules/TextAndGradient/styles.js

@@ -1,18 +0,0 @@
-"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 _templateObject;
-
-var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n    position: absolute;\n    width: 720px;\n    height: 720px;\n    left: 0px;\n    top: 0px;\n    background: linear-gradient(180deg, #E33AA9 0%, #3B1366 100%);\n    align-content: center;\n\n    .title{\n        position: absolute;\n        width: 475px;\n        height: 36px;\n        left: 110px;\n        top: 140px;\n        letter-spacing: -0.015em;\n        font-feature-settings: 'pnum' on, 'lnum' on;\n    }\n    .list{\n        position: absolute;\n        height: 160px;\n        left: 180px;\n        top: 219px;\n        font-family: Raleway;\n        font-style: normal;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 40px;\n        letter-spacing: -0.015em;\n        text-align: left;\n        \n    }\n\n"])));
-
-exports.Container = Container;

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

@@ -1,17 +0,0 @@
-import { RegistrationLoginFirstStep } from "./index";
-import LoginImage from "../../../assets/images/carouselImagesLogin/loginImage.svg";
-import Login2 from "../../../assets/images/carouselImagesLogin/login2.svg";
-import Login3 from "../../../assets/images/carouselImagesLogin/login3.svg";
-
-export default {
-  title: "Components/pages/RegistrationLoginFirstStep",
-  component: RegistrationLoginFirstStep,
-};
-const Template = (args) => <RegistrationLoginFirstStep {...args} />;
-
-export const RegistrationLoginFirstStepDefault = Template.bind({});
-
-RegistrationLoginFirstStepDefault.args = {
-  imageArrayCarousel: [LoginImage, Login2, Login3],
-  textCarousel: "Elige la plataforma que conecta proovedores y retailers",
-};