contentoh-components-library 21.2.59 → 21.2.61

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

@@ -229,8 +229,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       revision = _ref$revision === void 0 ? false : _ref$revision,
       setShowContentohRequestModal = _ref.setShowContentohRequestModal,
       showSurvey = _ref.showSurvey,
-      company = _ref.company,
-      trueTHD = _ref.trueTHD;
+      company = _ref.company;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -1698,11 +1697,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
-      setHeaderTop: setHeaderTop,
-      chat_authorization: token,
-      chat_id_article: product.id_article,
-      chat_version_article: version,
-      trueTHD: trueTHD
+      setHeaderTop: setHeaderTop
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.59",
+  "version": "21.2.61",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/ChatPopUp/index.js

@@ -34,11 +34,7 @@ const myBucket = new AWS.S3({
   region: REGION,
 });
 
-export const ChatPopUp = ({
-  chat_authorization,
-  chat_id_article,
-  chat_version_article,
-}) => {
+export const ChatPopUp = ({ props }) => {
   const [showMenu, setShowMenu] = useState(false);
   const [items, setItems] = useState(); // items que vienen de la BD
   const [customItems, setCustomItems] = useState([]); // JSX acorde al tipo de los items
@@ -47,9 +43,9 @@ export const ChatPopUp = ({
   const [processUpdateID, setProcessUpdateID] = useState();
   const [countUpdate, setCountUpdate] = useState(0);
   let arrayIMG = { data: { ext: [], nameFile: [] } };
-  const Authorization = chat_authorization;
-  const prop_id_article = chat_id_article;
-  const prop_version_article = chat_version_article;
+  const Authorization = props.chat_authorization;
+  const prop_id_article = props.chat_id_article;
+  const prop_version_article = props.chat_version_article;
 
   useEffect(() => {
     //setItems([])

package/src/components/atoms/Graphic/index.js

@@ -13,6 +13,9 @@ export const Graphic = ({ data, type, options }) => {
       } = chart;
       const x = width / 2;
       const y = height / 2 + (options.fontSize * 0.68) / 2;
+      const percent = options.value.toString().includes(".")
+        ? options.value.toFixed(2)
+        : options.value;
       ctx.save();
       ctx.beginPath();
       ctx.arc(x, height / 2, 60, 0, 2 * Math.PI);
@@ -23,7 +26,7 @@ export const Graphic = ({ data, type, options }) => {
       ctx.font = `${options.fontSize}px ${options.fontFamily}`;
       ctx.textAlign = options.textAlign;
       ctx.fillStyle = options.fontColor;
-      ctx.fillText(options.value, x, y);
+      ctx.fillText(percent + "%", x, y);
     },
   };
 

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

@@ -4,6 +4,7 @@ import searchIcon from "../../../assets/images/customSelect/searchIcon.png";
 import { useCloseModal } from "../../../global-files/customHooks";
 import { SelecItem } from "./SelectItem";
 import { Calendar } from "../../organisms/Calendar";
+import { formatDate } from "../../pages/Dashboard/dashboardUtils";
 
 export const CustomSelect = ({
   options,
@@ -94,12 +95,20 @@ export const CustomSelect = ({
           counter++;
         }
       });
-    counter > 0 && setFiltersCounter(counter);
+    setFiltersCounter(counter);
     setFiltersString(newFiltersString);
   }, [activeFilters]);
 
   return (
-    <Container id={customSelectId} selectLabel={selectLabel}>
+    <Container
+      id={customSelectId}
+      selectLabel={selectLabel}
+      filterActive={
+        Object.keys(activeFilters).length > 0 ||
+        (customSelectId === "dates-select" &&
+          filtersString !== "Todo el tiempo")
+      }
+    >
       <div className="button-list" onClick={() => setShowList(!showList)}>
         <p>{filtersString} </p>
         <p>{filtersCounter > 0 && `+${filtersCounter}`}</p>

package/src/components/molecules/CustomSelect/styles.js

@@ -15,7 +15,8 @@ export const Container = styled.div`
     //padding: 5px 5px;
     justify-content: space-between;
     border-radius: 50px;
-    background-color: #fff;
+    background-color: ${({ filterActive }) =>
+      filterActive ? "#F7F7FC" : "#fff"};
     border: 1px solid #f0f0f0;
     cursor: pointer;
 
@@ -93,6 +94,7 @@ export const Container = styled.div`
           }
         }
         .sub-menu {
+          margin-top: 10px;
           padding-left: 20px;
           .sub-filter {
             & + * {

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

@@ -4,13 +4,7 @@ import { Button } from "../../atoms/GeneralButton/index";
 import { useEffect, useRef } from "react";
 import { ChatPopUp } from "../../atoms/ChatPopUp/index";
 
-export const HeaderTop = ({
-  setHeaderTop,
-  chat_authorization,
-  chat_id_article,
-  chat_version_article,
-  trueTHD,
-}) => {
+export const HeaderTop = ({ setHeaderTop }) => {
   const headerTop = useRef();
 
   useEffect(() => {
@@ -21,13 +15,7 @@ export const HeaderTop = ({
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
       <div className="buttons-top">
-        {trueTHD && (
-          <ChatPopUp
-            chat_authorization={chat_authorization}
-            chat_id_article={chat_id_article}
-            chat_version_article={chat_version_article}
-          />
-        )}
+        {/* <ChatPopUp /> */}
         <Button
           buttonType="close-button"
           onClick={() => {

package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js

@@ -31,6 +31,8 @@ export const getFullStatus = (status) => {
       return "Aprobado Cadena";
     case "R":
       return "Por Recibir/Recibido";
+    case "Ex":
+      return "Exportado";
   }
 };
 
@@ -67,6 +69,8 @@ export const getStatusColor = (status) => {
       return "#839192";
     case "R":
       return "#D35400";
+    case "Ex":
+      return "#09CAD8";
     default:
       return "white";
   }

package/src/components/organisms/DashboardMetric/index.js

@@ -5,7 +5,6 @@ import {
   removeOldStatus,
   getStatusColor,
 } from "./dashboardMetricUtils";
-import { FontFamily } from "../../../global-files/variables";
 
 export const DashboardMetric = ({
   label,
@@ -19,6 +18,7 @@ export const DashboardMetric = ({
   showPercent = false,
   borderColor,
   total,
+  totalFiltered,
 }) => {
   const labels =
     type === "doughnut"
@@ -80,7 +80,7 @@ export const DashboardMetric = ({
         fontSize: 25,
         fontColor: "#707070",
         textAlign: "center",
-        value: total || 0,
+        value: (totalFiltered / total) * 100 || 0,
       },
     },
     scales: {

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

@@ -9,37 +9,37 @@ const Template = (args) => <Dashboard {...args} />;
 export const DashboardDeafult = Template.bind({});
 DashboardDeafult.args = {
   user: {
-    id_user: 28,
-    name: "Proveedor",
-    last_name: "Colgate",
-    email: "ilopez@contentoh.com",
-    position: "Prueba Admin",
-    telephone: "+523111366336",
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
+    telephone: "",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    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: "cus_KuEt6R6vwmN09f",
-    id_role: 0,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "",
+    id_role: 6,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
     membership: {
-      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",
+      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-28/28.png?1662994279777",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1666294798400",
   },
-  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZjdmNzA0My1jZWFjLTRjYjktYjYxNy0zNjA1ODJlZDYxODAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2Mjk5NDI3OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NjI5OTc4NzgsImlhdCI6MTY2Mjk5NDI3OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Qsmp4f9zCqXueUTk-ACPM5VY2wQ1nM9A8z-UVArukCpJNruA2ypaIuVpISDiCuBXBlRyILM7mzbuTADLvim-KbWT16Tsr9Q3dzCwM4KU3tFkxSblyM0hTdBVy6MKa7KVffGMLqScMVyMpavqbqLXC2GsANJMrBnnOwiTmrNSkFsO4bYovFGwsP6qiN85pMpAdHJjrNpCvilMBXWkNoNdah5_YRckTQOxGpGua_599eqgq4pg7wM1rxh4ze5ZynaQjRLwtXCR70hdXjOZCTyawzH4yiWYZNA4Sv9KkwLjT7vrFmBMjmm3yr72edT492qG6Iskkj_EYhKvOSl_4mDZhg",
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6ImJmODBhZmM4LTVjMWMtNDJmNi1hY2RhLTg0M2I1NDg3OWExZSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY2Mjk0Nzk2LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjY2Mjk4Mzk2LCJpYXQiOjE2NjYyOTQ3OTYsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.RHigufdS172zrKNRuSKB9AALBvpHW2_xkHKMIVl5o4UtwiLOFyCI2gtdHDb7pgXxJH1Lk5n4OyNIiD6rta40o-eq7oY5unlUI38UVO0f8VXvjkvoi2CQ3J6JdNCZVzSzpT29vk0qvT39HFKVKfru4UxjTbPvVX77yZZ_QYoQvZ6gTjhzcvQslBSlQHh-RDAIwI9jbcePBDLIExbt_fq7Q6T5WdhnXkam8xBavF-3c3tVK9SjCAD_Y2gQhVmnAO5Co2Mqh59XfdT6uwNLTtwWd3aK5YX1thWW_oACfKBWAvLMSoYO3mjiXGWzKKLe7uNSvv92VhpLUeoYnVfrtafXAg",
 };

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

@@ -69,5 +69,5 @@ export const formatDate = (date) => {
   const year = newDate.getFullYear();
   const month = newDate.getMonth() + 1;
   const day = newDate.getDate();
-  return `${year}-${month}-${day}`;
+  return `${year}/${month}/${day}`;
 };

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

@@ -29,8 +29,8 @@ export const Dashboard = ({ jwt, user, company }) => {
   const [categoryId, setCategoryId] = useState([]);
   const [companyId, setCompanyId] = useState([]);
   const [datesRange, setDatesRange] = useState({
-    startDate: new Date("1900-01-01"),
-    endDate: new Date(),
+    startDate: formatDate(new Date("1900-01-01")),
+    endDate: formatDate(new Date()),
   });
   const [dateOptions, setDateOptions] = useState([]);
   const applicants = [
@@ -40,21 +40,19 @@ export const Dashboard = ({ jwt, user, company }) => {
   const [applicantsFilter, setApplicantsFilter] = useState([]);
   const [totalCount, setTotalCount] = useState(0);
 
-  const loadProductVersions = async (queryObject, byStatus = false) => {
+  const loadProductVersions = async (queryObject) => {
     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;
+    const endpoint = process.env.REACT_APP_READ_ORDERS_BY_STATUS;
     try {
       const response = await axios.get(`${endpoint}?${query}`, {
         headers: {
           Authorization: jwt,
         },
       });
-      return JSON.parse(response.data.body);
+      return JSON.parse(response.data.body).data;
     } catch (error) {
       console.log(error);
     }
@@ -79,34 +77,34 @@ export const Dashboard = ({ jwt, user, company }) => {
     setRetailers(retailers);
   };
 
-  const loadProductsByStatus = async (orderByStatus) => {
-    const { orders } = (await loadProductVersions(orderByStatus, true)) || {};
-    if (orders.null) {
-      orders.total -= orders.null;
-      delete orders.null;
-    }
-    const { total = 0, R = 0, ACA = 0, PA = 0 } = orders;
-    const inProcess = Object.keys(orders).reduce(
+  const loadProductsByStatus = async (orderByStatus, filter) => {
+    const { ordersBydate, ordersByStatus } =
+      (await loadProductVersions(orderByStatus)) || {};
+
+    const { total = 0, R = 0, ACA = 0, PA = 0 } = ordersByStatus;
+    const inProcess = Object.keys(ordersByStatus).reduce(
       (prev, curr) =>
         !["total", "ACA", "PA", "R"].includes(curr)
-          ? prev + orders[curr]
+          ? prev + ordersByStatus[curr]
           : prev,
       0
     );
-    setMetricsData([
-      { label: "Productos totales", value: total },
+    let metricsArray = [
+      metricsData[0]
+        ? metricsData[0]
+        : { label: "Productos totales", value: total },
+    ];
+    metricsArray.push(
+      { label: "Productos filtrados", value: total },
       { label: "Productos sin asignar", value: PA + R },
       { label: "Productos en proceso", value: inProcess },
-      { label: "Productos terminados", value: ACA },
-    ]);
+      { label: "Productos terminados", value: ACA }
+    );
+    setMetricsData(metricsArray);
     setTotalCount(total);
-    delete orders.total;
-    setProductsByStatus(orders);
-  };
-
-  const loadRequiredProducts = async (orderByRequired) => {
-    const { dates } = await loadProductVersions(orderByRequired);
-    setRequiredProducts(dates);
+    delete ordersByStatus.total;
+    setRequiredProducts(ordersBydate);
+    setProductsByStatus(ordersByStatus);
   };
 
   const datesSelect = () => {
@@ -118,8 +116,8 @@ export const Dashboard = ({ jwt, user, company }) => {
         name: "Todo el tiempo",
         function: () =>
           setDatesRange({
-            startDate: new Date("1900-01-01"),
-            endDate: new Date(),
+            startDate: formatDate(new Date("1900-01-01")),
+            endDate: formatDate(new Date()),
           }),
       },
       {
@@ -197,16 +195,13 @@ export const Dashboard = ({ jwt, user, company }) => {
     await getRetailers();
     datesSelect();
     const today = new Date();
-    const startDate = `1900-01-01`;
-    const endDate = `${today.getFullYear()}-${
-      today.getMonth() + 1
-    }-${today.getDate()}`;
+    const startDate = formatDate("1900-01-01");
+    const endDate = formatDate(today);
     const queryObject = { startDate, endDate };
     setDatesRange({ startDate, endDate });
     setOrderByStatus(queryObject);
     setOrderByRequired(queryObject);
     loadProductsByStatus(queryObject);
-    loadRequiredProducts(queryObject);
   }, []);
 
   useEffect(() => {
@@ -219,8 +214,8 @@ export const Dashboard = ({ jwt, user, company }) => {
   useEffect(async () => {
     const { startDate, endDate } = datesRange;
     const queryObject = {
-      startDate: formatDate(startDate),
-      endDate: formatDate(endDate),
+      startDate: startDate,
+      endDate: endDate,
     };
     companyId.length > 0 && (queryObject["companyId"] = companyId.join(","));
     retailerId.length > 0 && (queryObject["retailerId"] = retailerId.join(","));
@@ -228,8 +223,7 @@ export const Dashboard = ({ jwt, user, company }) => {
     applicantsFilter.length > 0 &&
       (queryObject["requestedBy"] = applicantsFilter.join(","));
 
-    await loadProductsByStatus(queryObject);
-    await loadRequiredProducts(queryObject);
+    await loadProductsByStatus(queryObject, true);
   }, [companyId, retailerId, categoryId, datesRange, applicantsFilter]);
 
   return loading ? (
@@ -317,7 +311,8 @@ export const Dashboard = ({ jwt, user, company }) => {
           displayLegend={true}
           showPercent={true}
           displayScale={false}
-          total={totalCount}
+          totalFiltered={totalCount}
+          total={metricsData[0]?.value}
         />
         <DashboardMetric
           label={"Productos solicitados"}
@@ -331,7 +326,6 @@ export const Dashboard = ({ jwt, user, company }) => {
           retailerSelected={orderByRequired.retailerId}
           queryObject={orderByRequired}
           setQueryObject={(evt) => {
-            loadRequiredProducts(evt);
             setOrderByRequired(evt);
           }}
           borderColor={"#3B1366"}

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

@@ -10,7 +10,6 @@ const Template = (args) => <ProviderProductEdition {...args} />;
 export const ProviderProductEditionDefault = Template.bind({});
 
 ProviderProductEditionDefault.args = {
-  trueTHD: true,
   tabsSections: {
     Descripción: true,
     "Ficha técnica": true,

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

@@ -134,7 +134,6 @@ export const ProviderProductEdition = ({
   setShowContentohRequestModal,
   showSurvey,
   company,
-  trueTHD,
 }) => {
   const [activeTab, setActiveTab] = useState("Descripción");
   const [activeImage, setActiveImage] = useState();
@@ -1066,13 +1065,7 @@ export const ProviderProductEdition = ({
   ];
   return (
     <Container headerTop={headerTop}>
-      <HeaderTop
-        setHeaderTop={setHeaderTop}
-        chat_authorization={token}
-        chat_id_article={product.id_article}
-        chat_version_article={version}
-        trueTHD={trueTHD}
-      />
+      <HeaderTop setHeaderTop={setHeaderTop} />
       <div className="data-container">
         <div className="image-data-panel">
           <ImagePreviewer

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;