contentoh-components-library 21.1.21 → 21.1.24

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,102 +16,86 @@ ProviderProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJkNjYwY2NjYS1mOTA2LTQ5NzAtODkyYy02ZDE1MmU4MzJlNWQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImQ2NjBjY2NhLWY5MDYtNDk3MC04OTJjLTZkMTUyZTgzMmU1ZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiY2ZhOGZlNi0wMDRjLTQ3NzAtODFjOC01YmNmMmMxMzM3YmIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTkxMTI4NywibmFtZSI6IlRIRCBQcm92ZWVkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMTExMTExIiwiZXhwIjoxNjU1OTE0ODg3LCJpYXQiOjE2NTU5MTEyODcsImVtYWlsIjoidGhkQGFsbGZyZWVtYWlsLm5ldCJ9.MWZiRXTcH2fBgHASZ-6rIr43-WzIkp48ToBS4XQgJt4klDp96qzZCO8o6siDK5ptw48CawlFT1nl4QszEA8b6WeqgdjsMo-MhTFF9v0QtYyjCZ97Sfs2roSLAU0pZC8-JT-yZV7auHfsoGzGWhR6CoDLQEtm0nk0pqJtwm2qObv1tZUeJUvS4qPRnLBXv3qn8--0D7dGI2NTJKfm4RN-BiDNIQQE6B0UZuY8hCxYz0OXqvpstYNQnd0YQLTXnBYN0SiHAdF2DuQqDVhnVCphqcgq49DxwN6o1br7M4ySHhe7a9mg4-uSJjLF25oW8K4dFgvvStMvuScUhpzngc8caA",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3ZTU5YmI1Yy1mNjI1LTQ1NzMtYjMzYS00ZWM4YzFmMzMyNTIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjAwMTY4OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwMDUyODgsImlhdCI6MTY1NjAwMTY4OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.ZUKMejBG8qCT2bv-zrqyFx6xyeKK85Ry-kRlQv3U2KrDasW6ea8zbNDJMJAGMu_7dDrk9mRUj0Mp-jW32T1IBOweWxivRKSYfWQzjMdJdOUcckCagVXp8zQ4W-DZJINI25iq1AEfl9--6WaTRybEdTLjKXgzzOmLCGk5QbUI2uSeT_3w7fZiHPlCDCFFTSgXaNKUqxnsyZ2llos97KKIhH7tmn7DBw8mTPTUFyxED6EzBc7mkCYrM1o0velAZF0bOYhiuNnA-TF0L8eqPIZ3_13WDzGjRk3_eOBM37z8AqlMtBCJYIyQFGf-uCIbpSG0yJzYTswrExCkLamlKDhwtQ",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 55070,
-    id_category: "2976",
-    name: "TOALLERO CORTO ACCESS NEGRO ÉBANO",
-    upc: "161788",
-    timestamp: "2022-06-17T17:31:14.000Z",
+    id_article: 55081,
+    id_category: "157",
+    name: "Lavatrastes Axion toque de crema",
+    upc: "750954665375",
+    timestamp: "2022-06-17T18:43:45.000Z",
     status: "NULL",
-    categoryName: "BAÑOS|ACCESORIOS PARA BAÑO|TOALLEROS",
+    categoryName:
+      "CONSUMIBLES|PRODUCTOS DE LIMPIEZA Y LAVANDERÍA|JABONES Y LAVATRASTES",
     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",
+        id: 4,
+        name: "Walmart Super y Superama",
         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: {},
-      },
-    ],
+    missing: {
+      datasheet: 10,
+      description: 6,
+      image: 32,
+    },
   },
+  // 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: {},
@@ -146,6 +130,6 @@ ProviderProductEditionDefault.args = {
       products_limit: "1000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1236/1236.png?1655911288481",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656001689809",
   },
 };

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

@@ -406,7 +406,6 @@ export const ProviderProductEdition = ({
 
   const saveDescriptions = async () => {
     setLoading(true);
-    const productTemp = product;
     const dataObject = {
       articleId: product?.id_article,
       articleData: updatedDescriptions,
@@ -422,12 +421,6 @@ 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) {
@@ -453,11 +446,6 @@ 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);
@@ -699,14 +687,23 @@ export const ProviderProductEdition = ({
   };
 
   const downloadImages = () => {
-    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}`
-        );
-      }
-    });
+    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}`
+            );
+          }
+        });
   };
 
   const deleteImages = () => {
@@ -782,26 +779,6 @@ 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

@@ -956,14 +956,23 @@ export const RetailerProductEdition = ({
   };
 
   const downloadImages = () => {
-    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}`
-        );
-      }
-    });
+    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}`
+            );
+          }
+        });
   };
 
   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",
-};