contentoh-components-library 21.2.27 → 21.2.28

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

@@ -7,4 +7,39 @@ export default {
 
 const Template = (args) => <Dashboard {...args} />;
 export const DashboardDeafult = Template.bind({});
-DashboardDeafult.args = {};
+DashboardDeafult.args = {
+  user: {
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
+    telephone: null,
+    country: "México",
+    id_company: 2,
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 4,
+    active: 1,
+    is_retailer: 0,
+    email_notify: 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-30/30.png?1662852605367",
+  },
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6ImQ0MDQ3ZWNiLWQwMGEtNGUyMS1iMjQ1LWEwMThlZjUzYjA4YSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjYyODUyNjAzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjYyODU2MjAzLCJpYXQiOjE2NjI4NTI2MDMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.jEChPwSBUbK00Y8oQfzk9Qiul_zBo4nXaEH0hy5cOjfKMHd_caEh20aZqLPi3HeUgRo7H_oWpDHk2O8_IT1U52DmKNtjWl3GehIuZOkyCpJGO3bUW7YNqY911CslKvOVYgHlwGAywCZ0t_wbTSiH_DaeQ2xcutVVCe1dx0sObHjiQ_OHiYrRAOOPJC5y8R6WjaUSI2_4NBeBDtatpFT_oQ70rlH_uKHqg1BN9QAFC0au2elsri4uxpKTbAk20oNmPEgX5TaAdn4QcFhJSxUvyE1NAnpFnwYQhxKJphAblacGIuZziN8RnCC5c5fjhS1lDgH-mZcnGIBzzamGbRmqdA",
+};

package/src/components/pages/Dashboard/dashboardUtils.js

@@ -0,0 +1,62 @@
+import axios from "axios";
+
+export const getProviders = async (jwt, companyId) => {
+  const query = companyId ? `?companyId=${companyId}` : "";
+  const companies = await axios.get(
+    `${process.env.REACT_APP_READ_PROVIDERS}${query}`,
+    {
+      headers: {
+        Authorization: jwt,
+      },
+    }
+  );
+  const finalArray = transformProvidersArray(
+    JSON.parse(companies.data.body || "{}")?.providers || []
+  );
+  return finalArray;
+};
+
+const transformProvidersArray = (array) => {
+  const newArray = [];
+  array.forEach((element) => {
+    newArray.push({ id: element.id_company, name: element.trade_name });
+  });
+  return newArray;
+};
+
+export const getCategories = async () => {
+  const response = await axios.get(
+    `${process.env.REACT_APP_CATEGORY_ENDPOINT}`
+  );
+  const categories = JSON.parse(response.data.body)?.data;
+  const categoriesKeys = Object.keys(categories || {});
+  const subCategories = categoriesKeys?.map(
+    (key) => categories[key].sub_category
+  );
+  const finalArray = [];
+  let index = 0;
+  subCategories?.forEach((element) => {
+    element &&
+      Object.keys(element || {}).forEach((key) => {
+        const subCategory = element[key]?.sub_category || {};
+        const subOptions = [];
+        Object.keys(subCategory)?.forEach((subKey) => {
+          subOptions.push({
+            id: subCategory[subKey].id_category,
+            name: subKey,
+          });
+        });
+        finalArray.push({ id: index++, name: key, subOptions });
+      });
+  });
+
+  return finalArray;
+};
+
+export const formatDate = (date) => {
+  const newDate = new Date(date);
+  const year = newDate.getFullYear();
+  const month = newDate.getMonth() + 1;
+  const day = newDate.getDate();
+  return `${year}-${month}-${day}`;
+};

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

@@ -3,9 +3,11 @@ import { MetricCard } from "../../atoms/MetricCard";
 import { DashboardMetric } from "../../organisms/DashboardMetric";
 import { useEffect, useState } from "react";
 import { Loading } from "../../atoms/Loading";
+import { CustomSelect } from "../../molecules/CustomSelect";
+import { getProviders, getCategories, formatDate } from "./dashboardUtils";
 import axios from "axios";
 
-export const Dashboard = () => {
+export const Dashboard = ({ jwt, user }) => {
   const [metricsData, setMetricsData] = useState([]);
   const [productsByStatus, setProductsByStatus] = useState({});
   const [requiredProducts, setRequiredProducts] = useState([]);
@@ -19,15 +21,33 @@ export const Dashboard = () => {
     startDate: null,
     endDate: null,
   });
-  const [retailers, setRetailers] = useState({});
+  const [retailers, setRetailers] = useState([]);
   const [loading, setLoading] = useState(true);
+  const [providers, setProviders] = useState([]);
+  const [categories, setCategories] = useState([]);
+  const [retailerId, setRetailerId] = useState([]);
+  const [categoryId, setCategoryId] = useState([]);
+  const [companyId, setCompanyId] = useState([]);
+  const [datesRange, setDatesRange] = useState({
+    startDate: new Date("1900-01-01"),
+    endDate: new Date(),
+  });
+  const [dateOptions, setDateOptions] = useState([]);
 
   const loadProductVersions = async (queryObject, byStatus = false) => {
-    const { retailerId, startDate, endDate} = queryObject;
-    const query = `retailerId=${retailerId}&startDate=${startDate}&endDate=${endDate}`;
-    const endpoint = byStatus ? process.env.REACT_APP_READ_ORDERS_BY_STATUS : process.env.REACT_APP_READ_REQUIRED_ORDERS
+    const keys = Object.keys(queryObject);
+    let string = [];
+    keys.forEach((key) => string.push(`${key}=${queryObject[key]}`));
+    const query = string.join("&");
+    const endpoint = byStatus
+      ? process.env.REACT_APP_READ_ORDERS_BY_STATUS
+      : process.env.REACT_APP_READ_REQUIRED_ORDERS;
     try {
-      const response = await axios.get(`${endpoint}?${query}`);
+      const response = await axios.get(`${endpoint}?${query}`, {
+        headers: {
+          Authorization: jwt,
+        },
+      });
       return JSON.parse(response.data.body);
     } catch (error) {
       console.log(error);
@@ -35,33 +55,41 @@ export const Dashboard = () => {
   };
 
   const getRetailers = async () => {
+    const isTHDUser = [657, 818, 819].includes(user.id_company);
     const retailersResponse = await axios.get(
       `${process.env.REACT_APP_RETAILER_ENDPOINT}`,
       {
         headers: {
-          Authorization: sessionStorage.getItem("jwt"),
+          Authorization: jwt,
         },
       }
     );
     const parsed = JSON.parse(retailersResponse.data.body).data;
-    const retailers = Object.keys(parsed).map((key) => {
-      if (key.includes('The Home Depot')) return parsed[key];
-    }).filter((f) => f);
+    const retailers = isTHDUser
+      ? Object.values(parsed).filter((value) =>
+          [58, 59, 60, 61].includes(value.id)
+        )
+      : Object.values(parsed);
     setRetailers(retailers);
   };
 
   const loadProductsByStatus = async (orderByStatus) => {
-    const { orders, fullData } = await loadProductVersions(orderByStatus, true);
-    const { total, R, ACA, PA } = fullData;
-    const inProcess = Object.keys(fullData).reduce((prev, curr) =>
-      !['total', 'ACA', 'PA', 'R'].includes(curr) ? prev + fullData[curr] : prev
-    , 0);
+    const { orders } = (await loadProductVersions(orderByStatus, true)) || {};
+    const { total = 0, R = 0, ACA = 0, PA = 0 } = orders;
+    const inProcess = Object.keys(orders).reduce(
+      (prev, curr) =>
+        !["total", "ACA", "PA", "R"].includes(curr)
+          ? prev + orders[curr]
+          : prev,
+      0
+    );
     setMetricsData([
       { label: "Productos totales", value: total },
       { label: "Productos sin asignar", value: PA + R },
       { label: "Productos en proceso", value: inProcess },
       { label: "Productos terminados", value: ACA },
     ]);
+    delete orders.total;
     setProductsByStatus(orders);
   };
 
@@ -70,34 +98,170 @@ export const Dashboard = () => {
     setRequiredProducts(dates);
   };
 
-  useEffect(() => {
+  const datesSelect = () => {
     const today = new Date();
-    const firstWeekDay = today.getDate() - today.getDay();
-    const startDate = `${today.getFullYear()}-${
-      today.getMonth() + 1
-    }-${firstWeekDay}`;
+    setDateOptions([
+      { id: 0, name: "Rango de fechas" },
+      {
+        id: 1,
+        name: "Todo el tiempo",
+        function: () =>
+          setDatesRange({
+            startDate: new Date("1900-01-01"),
+            endDate: new Date(),
+          }),
+      },
+      {
+        id: 2,
+        name: "Hoy",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(),
+            endDate: new Date(),
+          }),
+      },
+      {
+        id: 3,
+        name: "Ayer",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(today.setDate(today.getDate() - 1)),
+            endDate: new Date(),
+          }),
+      },
+      {
+        id: 4,
+        name: "Esta semana",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(
+              today.setDate(today.getDate() - today.getDay())
+            ),
+            endDate: new Date(),
+          }),
+      },
+      {
+        id: 5,
+        name: "La semana pasada",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(
+              today.setDate(today.getDate() - today.getDay() - 7)
+            ),
+            endDate: new Date(
+              today.setDate(today.getDate() - today.getDay() + 7)
+            ),
+          }),
+      },
+      {
+        id: 6,
+        name: "Este mes",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(
+              `${today.getFullYear()}-${today.getMonth() + 1}-01`
+            ),
+            endDate: today,
+          }),
+      },
+      {
+        id: 7,
+        name: "Este mes",
+        function: () =>
+          setDatesRange({
+            startDate: new Date(
+              `${today.getFullYear()}-${today.getMonth()}-01`
+            ),
+            endDate: new Date(
+              `${today.getFullYear()}-${today.getMonth() + 1}-01`
+            ),
+          }),
+      },
+    ]);
+  };
+
+  useEffect(async () => {
+    setProviders(await getProviders(jwt));
+    setCategories(await getCategories());
+    await getRetailers();
+    datesSelect();
+    const today = new Date();
+    const startDate = `1900-01-01`;
     const endDate = `${today.getFullYear()}-${
       today.getMonth() + 1
     }-${today.getDate()}`;
-    const queryObject = { retailerId: "58", startDate, endDate };
+    const queryObject = { startDate, endDate };
+    setDatesRange({ startDate, endDate });
     setOrderByStatus(queryObject);
     setOrderByRequired(queryObject);
-    getRetailers();
     loadProductsByStatus(queryObject);
     loadRequiredProducts(queryObject);
   }, []);
 
   useEffect(() => {
-    orderByRequired?.retailerId &&
-      orderByStatus?.retailerId &&
+    orderByRequired?.startDate &&
+      orderByStatus?.endDate &&
       metricsData.length > 0 &&
       setLoading(false);
   }, [orderByRequired, orderByStatus, metricsData]);
 
+  useEffect(async () => {
+    const { startDate, endDate } = datesRange;
+    const queryObject = {
+      startDate: formatDate(startDate),
+      endDate: formatDate(endDate),
+    };
+    companyId.length > 0 && (queryObject["companyId"] = companyId.join(","));
+    retailerId.length > 0 && (queryObject["retailerId"] = retailerId.join(","));
+    categoryId.length > 0 && (queryObject["categoryId"] = categoryId.join(","));
+    await loadProductsByStatus(queryObject);
+    await loadRequiredProducts(queryObject);
+  }, [companyId, retailerId, categoryId, datesRange]);
+
   return loading ? (
     <Loading />
   ) : (
     <Container>
+      <div className="filters">
+        <CustomSelect
+          options={dateOptions}
+          selectLabel="Seleccionar Fecha"
+          placeHolder="Buscar Fecha"
+          customSelectId="dates-select"
+          parameterArray={datesRange}
+          setParameterArray={setDatesRange}
+        />
+        <CustomSelect
+          showSearchBar={true}
+          options={providers}
+          selectLabel="Seleccionar Proveedor"
+          placeHolder="Buscar Proveedor"
+          customSelectId="providers-select"
+          parameterArray={companyId}
+          setParameterArray={setCompanyId}
+          defaultOption={"Todos los proveedores"}
+        />
+        <CustomSelect
+          showSearchBar={true}
+          options={categories}
+          selectLabel="Seleccionar Departamento"
+          placeHolder="Buscar Departamento"
+          customSelectId="category-select"
+          parameterArray={categoryId}
+          setParameterArray={setCategoryId}
+          defaultOption={"Todas las categorías"}
+        />
+        <CustomSelect
+          showSearchBar={true}
+          options={retailers}
+          selectLabel="Seleccionar Alcance"
+          placeHolder="Buscar Cadena"
+          customSelectId="retailers-select"
+          parameterArray={retailerId}
+          setParameterArray={setRetailerId}
+          defaultOption={"Todos los alcances"}
+        />
+      </div>
       <div className="metric-cards">
         {metricsData.map((metric, index) => (
           <MetricCard
@@ -115,12 +279,13 @@ export const Dashboard = () => {
           }
           dataObject={productsByStatus}
           retailerSelected={orderByStatus.retailerId}
-          retailers={retailers}
           queryObject={orderByStatus}
           setQueryObject={(evt) => {
             loadProductsByStatus(evt);
             setOrderByStatus(evt);
           }}
+          type="doughnut"
+          displayLegend={true}
         />
         <DashboardMetric
           label={"Productos solicitados"}
@@ -132,7 +297,6 @@ export const Dashboard = () => {
           indexAxis="x"
           scale="x"
           displayScale={true}
-          retailers={retailers}
           retailerSelected={orderByRequired.retailerId}
           queryObject={orderByRequired}
           setQueryObject={(evt) => {

package/src/components/pages/Dashboard/styles.js

@@ -2,6 +2,19 @@ import styled from "styled-components";
 
 export const Container = styled.div`
   padding: 30px;
+
+  .filters {
+    display: flex;
+    & > * {
+      & + * {
+        margin-left: 10px;
+      }
+    }
+    & + * {
+      margin-top: 20px;
+    }
+  }
+
   .metric-cards {
     display: flex;
 

package/src/global-files/customHooks.js

@@ -6,7 +6,6 @@ export const useCloseModal = (id) => {
 
   const closeModal = (e) => {
     e.stopPropagation();
-    e.preventDefault();
     if (!e.target.closest(`#${id}`) && showModal) {
       document.removeEventListener("click", closeModal, false);
       setShowModal(false);

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ListCommercialRetailersDefault = void 0;
-
-var _index = require("./index");
-
-var _default = {
-  title: "Components/atoms/ListCommercialRetailers",
-  component: _index.ListCommercialRetailers
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ListCommercialRetailers, args);
-};
-
-var ListCommercialRetailersDefault = Template.bind({});
-exports.ListCommercialRetailersDefault = ListCommercialRetailersDefault;
-ListCommercialRetailersDefault.args = {
-  retailersAvailable: [{
-    id: 54,
-    name: "Construrama",
-    country: "México",
-    id_region: 1,
-    active: 1
-  }, {
-    id: 4,
-    name: "Walmart Super y Superama"
-  }, {
-    id: 6,
-    name: "HEB"
-  }]
-};

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

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListCommercialRetailers = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _listCommercialRetailers = _interopRequireDefault(require("../../../assets/images/listCommercialRetailers/listCommercialRetailers.svg"));
-
-var _react = require("react");
-
-var _index = require("../CheckBox/index");
-
-var ListCommercialRetailers = function ListCommercialRetailers(_ref) {
-  var retailersAvailable = _ref.retailersAvailable;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
-  var closeMenu = function closeMenu(e) {
-    if (!e.target.closest(".menu-list-commercial-retailers") && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    onClick: function onClick(event) {
-      if (!showMenu) {
-        setShowMenu(true);
-      } else if (showMenu && !event.target.closest(".menu-list-commercial-retailers")) {
-        setShowMenu(false);
-        document.removeEventListener("click", closeMenu, false);
-      }
-    },
-    className: "list-commercial-retailers"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _listCommercialRetailers.default,
-    alt: "button up icon"
-  }), showMenu && /*#__PURE__*/React.createElement("div", {
-    className: "menu-list-commercial-retailers"
-  }, retailersAvailable === null || retailersAvailable === void 0 ? void 0 : retailersAvailable.map(function (component, index) {
-    return /*#__PURE__*/React.createElement(_index.CheckBox, {
-      id: component.id,
-      label: component.name,
-      key: index + "-" + component.id
-    });
-  })));
-};
-
-exports.ListCommercialRetailers = ListCommercialRetailers;

package/dist/components/atoms/ListCommercialRetailers/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.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  border: 1px solid ", ";\n  border-radius: 2px;\n  padding: 3px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  height: 30px;\n  .menu-list-commercial-retailers {\n    width: 540px;\n    height: auto;\n    border-radius: 7px;\n    background-color: ", ";\n    padding: 14px 14px 8px 20px;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n    position: absolute;\n    top: calc(100% + 3px);\n    right: calc(100% - 20px);\n    display: flex;\n    flex-wrap: wrap;\n    z-index: 1;\n    div {\n      & + * {\n        margin-left: 15px;\n      }\n      p {\n        font-size: 11px;\n      }\n    }\n  }\n"])), _variables.GlobalColors.magenta_s2, _variables.GlobalColors.s2);
-
-exports.Container = Container;

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuCommercialRetailersDefault = void 0;
-
-var _index = require("./index");
-
-var _default = {
-  title: "Components/atoms/MenuCommercialRetailers",
-  component: _index.MenuCommercialRetailers
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.MenuCommercialRetailers, args);
-};
-
-var MenuCommercialRetailersDefault = Template.bind({});
-exports.MenuCommercialRetailersDefault = MenuCommercialRetailersDefault;
-MenuCommercialRetailersDefault.args = {
-  editType: "3",
-  retailersAvailable: [{
-    id: 54,
-    name: "Construrama",
-    country: "México",
-    id_region: 1,
-    active: 1
-  }, {
-    id: 4,
-    name: "Walmart Super y Superama"
-  }, {
-    id: 6,
-    name: "HEB"
-  }]
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuCommercialRetailers = void 0;
-
-var _styles = require("./styles");
-
-var _StatusTag = require("../StatusTag");
-
-var _ListCommercialRetailers = require("../ListCommercialRetailers");
-
-var MenuCommercialRetailers = function MenuCommercialRetailers(_ref) {
-  var editType = _ref.editType,
-      retailersAvailable = _ref.retailersAvailable;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_StatusTag.StatusTag, {
-    editType: editType,
-    ovalForm: true
-  }), /*#__PURE__*/React.createElement(_ListCommercialRetailers.ListCommercialRetailers, {
-    retailersAvailable: retailersAvailable
-  }));
-};
-
-exports.MenuCommercialRetailers = MenuCommercialRetailers;

package/dist/components/atoms/MenuCommercialRetailers/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  display: flex;\n  align-items: center;\n  .status-version {\n    & + * {\n      margin-left: 5px;\n    }\n  }\n  .list-commercial-retailers {\n    border: 1px solid transparent;\n    img {\n      display: none;\n    }\n    &:hover {\n      border: 1px solid ", ";\n      img {\n        display: block;\n      }\n    }\n  }\n"])), _variables.GlobalColors.magenta_s2);
-
-exports.Container = Container;

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

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuProductImageDefault = void 0;
-
-var _index = require("./index");
-
-var _menuProductImage = _interopRequireDefault(require("../../../assets/images/menuProductImage/menuProductImage.svg"));
-
-var _default = {
-  title: "Components/atoms/MenuProductImage",
-  component: _index.MenuProductImage
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.MenuProductImage, args);
-};
-
-var MenuProductImageDefault = Template.bind({});
-exports.MenuProductImageDefault = MenuProductImageDefault;
-MenuProductImageDefault.args = {
-  ProductImg: _menuProductImage.default
-};