contentoh-components-library 21.2.75 → 21.2.77

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

@@ -23,8 +23,6 @@ var _searchIcon = _interopRequireDefault(require("../../../assets/images/customS
 
 var _customHooks = require("../../../global-files/customHooks");
 
-var _SelectItem = require("./SelectItem");
-
 var _Calendar = require("../../organisms/Calendar");
 
 var _CustomSelectItem = require("../../atoms/CustomSelectItem");
@@ -46,7 +44,8 @@ var CustomSelect = function CustomSelect(_ref) {
       onClickItem = _ref.onClickItem,
       icon = _ref.icon,
       customOptions = _ref.customOptions,
-      showFilterString = _ref.showFilterString;
+      _ref$isSingleSelect = _ref.isSingleSelect,
+      isSingleSelect = _ref$isSingleSelect === void 0 ? false : _ref$isSingleSelect;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -223,7 +222,7 @@ var CustomSelect = function CustomSelect(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "filters-container",
         children: filters === null || filters === void 0 ? void 0 : filters.map(function (option) {
-          return customSelectId === "dates-select" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          return isSingleSelect ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "dates-select-item",
             onClick: function onClick() {
               option.function ? option.function(setShowDatePicker) : setShowDatePicker(true);

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

@@ -59,5 +59,5 @@ DashboardDeafult.args = {
     },
     src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174"
   },
-  jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIyM2EzZjQ5Ni00ZTM4LTRlMTItOWJmNS03ZjkwYjc3YTJmMzUiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjIzYTNmNDk2LTRlMzgtNGUxMi05YmY1LTdmOTBiNzdhMmYzNSIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiMTRhODNhNS05NDhjLTQyMDgtOTUzNi02NTBiZWFhYjI2MmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjYzOTU1NiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjY0MzE1NiwiaWF0IjoxNjY2NjM5NTU2LCJlbWFpbCI6ImxhZGlib2g3ODVAbWkxNjYuY29tIn0.orGhdg1rhoD52Y5hOfr1H2ZWcfx57O_xSu-i8rZaWqQG2FrdeaoNNZ4r207uhaZF-gyuQevMkb02b4GkpMX1WaPRoS6f0OR0zNrOMXiag262G6kog6YuwiAiRasgfpGOhvOMRpwnm9zV3avqaqEI7S1B4VUl688NmwiVd0Zv6U3yuU2uyOc8Sb0wFKaQAcREydK-xNEwDTXzbsAewl3dXMA6lROQDn5ZOumVbAcZVRw1_z8DwGlsLdho_WwXHiDR_fcnFKZAXm1Jf8wJmQgT6EnmRrOIBROLv0e1uaW78nnvLKL7aWUyLr_VUlOb66AiHw0WnDUbVsDKn1nemMF2_Q"
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYWVmODU5ZC00ODQyLTRkNDQtYTNiNC02ODZlNmJhNTVkMjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzA3MjM5MCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzA3NTk5MCwiaWF0IjoxNjY3MDcyMzkwLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.FbGtX1sC3b2c76hGcxkx-GSurEMKZSwNVEnuUOlV9Dhhqrre1VmtfjvodH_3Leipr4g38Sukb6Pr9lVgEy6DJ57MShpS63niXE7Y43FUJ4gVe4F6k8sYbXUaZYS2vw2_PibnycNsFrpD76fZ_ulTqlSuHNrnzf2mjcDFJ5Qlj8hcLlRnpu_DFVpIiXVyK9kvLE5jImHvo4oQZUSrnuIs-oUE7j8mX8-GH2e95Up2wnBMak6S6meMibKoUEFo2qdtDSFbS1JCMBq4vWw2DxToX-7AGXGp_CLxf-sjJ_UpLmFa0KyyxjhAE2cR9BGo8DM8LEUIqMvcz2KH-7e9QTgisA"
 };

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

@@ -438,7 +438,8 @@ var Dashboard = function Dashboard(_ref) {
         placeHolder: "Buscar fecha",
         customSelectId: "dates-select",
         parameterArray: datesRange,
-        setParameterArray: setDatesRange
+        setParameterArray: setDatesRange,
+        isSingleSelect: true
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
         showFilterString: true,
         showSearchBar: true,
@@ -458,7 +459,7 @@ var Dashboard = function Dashboard(_ref) {
         customSelectId: "category-select",
         parameterArray: categoryId,
         setParameterArray: setCategoryId,
-        defaultOption: "Todas las categorías"
+        defaultOption: "Todas las categor\xEDas"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
         showFilterString: true,
         showSearchBar: true,

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

@@ -1550,10 +1550,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
             case 8:
               evalResponse = _context13.sent;
-              console.log(evalResponse.map(function (_ref15) {
-                var data = _ref15.data;
-                return JSON.parse(data.body);
-              }));
               userType = user.is_retailer === 1 ? "CA" : "P";
               productTemp = product;
               productTemp.article_status = "".concat(result).concat(userType);
@@ -1582,24 +1578,24 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 idCategory: productTemp.article.id_category,
                 product: productTemp
               }));
-              _context13.next = 26;
+              _context13.next = 25;
               return loadData();
 
-            case 26:
-              _context13.next = 31;
+            case 25:
+              _context13.next = 30;
               break;
 
-            case 28:
-              _context13.prev = 28;
+            case 27:
+              _context13.prev = 27;
               _context13.t0 = _context13["catch"](0);
               console.log(_context13.t0);
 
-            case 31:
+            case 30:
             case "end":
               return _context13.stop();
           }
         }
-      }, _callee13, null, [[0, 28]]);
+      }, _callee13, null, [[0, 27]]);
     }));
 
     return function validateAll(_x8) {
@@ -1608,7 +1604,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
       var data, prod, statusComplete;
       return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
@@ -1650,7 +1646,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x9) {
-      return _ref16.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -2085,7 +2081,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       companyName: company.company_name,
       currentVersion: version,
       setShowCreateVersion: setShowCreateVersion,
-      setShowVersionSelector: setShowVersionSelector
+      setShowVersionSelector: setShowVersionSelector,
+      jwt: token
     }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
       idArticle: product.id_article,
       version: version,

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

@@ -2051,7 +2051,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       companyName: product.article.company_name,
       currentVersion: version,
       setShowCreateVersion: setShowCreateVersion,
-      setShowVersionSelector: setShowVersionSelector
+      setShowVersionSelector: setShowVersionSelector,
+      jwt: token
     }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
       idArticle: product.article.id_article,
       version: version,

package/dist/global-files/data.js

@@ -294,6 +294,7 @@ var getNewStatus = function getNewStatus(statusArray) {
   if (lookupString.includes("AP")) return "AP";
   if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
+  if (lookupString.includes("Ex")) return "EX";
   return new Error("Status not found");
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.75",
+  "version": "21.2.77",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -77,10 +77,10 @@
   "devDependencies": {
     "@babel/cli": "^7.17.10",
     "@babel/core": "^7.16.0",
-    "@storybook/addon-actions": "^6.5.7",
-    "@storybook/addon-essentials": "^6.5.7",
-    "@storybook/addon-links": "^6.5.7",
-    "@storybook/react": "^6.5.7",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/react": "^6.5.13",
     "auth": "^0.0.9",
     "auto": "^10.36.5",
     "babel-loader": "^8.2.3",

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

@@ -11,13 +11,13 @@ CustomSelectDefault.args = {
   selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [
-    {
+      {
       id: 1,
       value: "Decoración",
       subOptions: [
         { id: 1, value: "Espejos" },
         { id: 2, value: "Persianas" },
-      ],
+  ],
     },
     { id: 2, value: "Eléctrico" },
     { id: 3, value: "Ferretería" },

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

@@ -2,7 +2,6 @@ import { Container } from "./styles";
 import { useEffect, useState } from "react";
 import searchIcon from "../../../assets/images/customSelect/searchIcon.png";
 import { useCloseModal } from "../../../global-files/customHooks";
-import { SelecItem } from "./SelectItem";
 import { Calendar } from "../../organisms/Calendar";
 import { CustomSelectItem } from "../../atoms/CustomSelectItem";
 
@@ -18,7 +17,7 @@ export const CustomSelect = ({
   onClickItem,
   icon,
   customOptions,
-  showFilterString,
+  isSingleSelect = false,
 }) => {
   const [filters, setFilters] = useState([]);
   const [showList, setShowList] = useCloseModal(customSelectId);
@@ -151,7 +150,7 @@ export const CustomSelect = ({
             )}
             <div className="filters-container">
               {filters?.map((option) =>
-                customSelectId === "dates-select" ? (
+                isSingleSelect ? (
                   <div
                     className="dates-select-item"
                     key={customSelectId + option.id}

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

@@ -41,5 +41,5 @@ DashboardDeafult.args = {
     },
     src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174",
   },
-  jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIyM2EzZjQ5Ni00ZTM4LTRlMTItOWJmNS03ZjkwYjc3YTJmMzUiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjIzYTNmNDk2LTRlMzgtNGUxMi05YmY1LTdmOTBiNzdhMmYzNSIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiMTRhODNhNS05NDhjLTQyMDgtOTUzNi02NTBiZWFhYjI2MmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjYzOTU1NiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjY0MzE1NiwiaWF0IjoxNjY2NjM5NTU2LCJlbWFpbCI6ImxhZGlib2g3ODVAbWkxNjYuY29tIn0.orGhdg1rhoD52Y5hOfr1H2ZWcfx57O_xSu-i8rZaWqQG2FrdeaoNNZ4r207uhaZF-gyuQevMkb02b4GkpMX1WaPRoS6f0OR0zNrOMXiag262G6kog6YuwiAiRasgfpGOhvOMRpwnm9zV3avqaqEI7S1B4VUl688NmwiVd0Zv6U3yuU2uyOc8Sb0wFKaQAcREydK-xNEwDTXzbsAewl3dXMA6lROQDn5ZOumVbAcZVRw1_z8DwGlsLdho_WwXHiDR_fcnFKZAXm1Jf8wJmQgT6EnmRrOIBROLv0e1uaW78nnvLKL7aWUyLr_VUlOb66AiHw0WnDUbVsDKn1nemMF2_Q",
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYWVmODU5ZC00ODQyLTRkNDQtYTNiNC02ODZlNmJhNTVkMjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzA3MjM5MCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzA3NTk5MCwiaWF0IjoxNjY3MDcyMzkwLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.FbGtX1sC3b2c76hGcxkx-GSurEMKZSwNVEnuUOlV9Dhhqrre1VmtfjvodH_3Leipr4g38Sukb6Pr9lVgEy6DJ57MShpS63niXE7Y43FUJ4gVe4F6k8sYbXUaZYS2vw2_PibnycNsFrpD76fZ_ulTqlSuHNrnzf2mjcDFJ5Qlj8hcLlRnpu_DFVpIiXVyK9kvLE5jImHvo4oQZUSrnuIs-oUE7j8mX8-GH2e95Up2wnBMak6S6meMibKoUEFo2qdtDSFbS1JCMBq4vWw2DxToX-7AGXGp_CLxf-sjJ_UpLmFa0KyyxjhAE2cR9BGo8DM8LEUIqMvcz2KH-7e9QTgisA",
 };

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

@@ -239,6 +239,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           customSelectId="dates-select"
           parameterArray={datesRange}
           setParameterArray={setDatesRange}
+          isSingleSelect
         />
         <CustomSelect
           showFilterString={true}
@@ -249,7 +250,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           customSelectId="providers-select"
           parameterArray={companyId}
           setParameterArray={setCompanyId}
-          defaultOption={"Todos los proveedores"}
+          defaultOption="Todos los proveedores"
         />
         <CustomSelect
           showFilterString={true}
@@ -260,7 +261,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           customSelectId="category-select"
           parameterArray={categoryId}
           setParameterArray={setCategoryId}
-          defaultOption={"Todas las categorías"}
+          defaultOption="Todas las categorías"
         />
         <CustomSelect
           showFilterString={true}
@@ -271,7 +272,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           customSelectId="retailers-select"
           parameterArray={retailerId}
           setParameterArray={setRetailerId}
-          defaultOption={"Todas las cadenas"}
+          defaultOption="Todas las cadenas"
         />
         {user.is_retailer === 1 && (
           <CustomSelect
@@ -281,7 +282,7 @@ export const Dashboard = ({ jwt, user, company }) => {
             customSelectId="applicants-select"
             parameterArray={applicantsFilter}
             setParameterArray={setApplicantsFilter}
-            defaultOption={"Todos los solicitantes"}
+            defaultOption="Todos los solicitantes"
           />
         )}
       </div>

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

@@ -939,7 +939,6 @@ export const ProviderProductEdition = ({
         );
       });
       const evalResponse = await Promise.all(evaluationArray);
-      console.log(evalResponse.map(({ data }) => JSON.parse(data.body)));
       const userType = user.is_retailer === 1 ? "CA" : "P";
 
       const productTemp = product;
@@ -1497,6 +1496,7 @@ export const ProviderProductEdition = ({
           currentVersion={version}
           setShowCreateVersion={setShowCreateVersion}
           setShowVersionSelector={setShowVersionSelector}
+          jwt={token}
         />
       )}
       {showCreateVersion && (

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

@@ -1553,6 +1553,7 @@ export const RetailerProductEdition = ({
           currentVersion={version}
           setShowCreateVersion={setShowCreateVersion}
           setShowVersionSelector={setShowVersionSelector}
+          jwt={token}
         />
       )}
       {showCreateVersion && (

package/src/global-files/data.js

@@ -209,5 +209,6 @@ export const getNewStatus = (statusArray) => {
   if (lookupString.includes("AP")) return "AP";
   if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
+  if (lookupString.includes("Ex")) return "EX";
   return new Error("Status not found");
 };

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

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StatusTagDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _variables = require("../../../global-files/variables");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var status = _variables.GlobalStatus;
-var _default = {
-  title: "Components/atoms/StatusTag",
-  component: _index.StatusTag,
-  argTypes: {
-    statusType: {
-      options: status,
-      control: {
-        type: "select"
-      }
-    },
-    ovalForm: {
-      options: [true, false],
-      control: {
-        type: "boolean"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
-};
-
-var StatusTagDefault = Template.bind({});
-exports.StatusTagDefault = StatusTagDefault;
-StatusTagDefault.args = {
-  statusType: "-",
-  ovalForm: false
-};

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

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StatusTag = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var StatusTag = function StatusTag(_ref) {
-  var statusType = _ref.statusType,
-      ovalForm = _ref.ovalForm;
-
-  var getShortStatus = function getShortStatus(status) {
-    switch (status) {
-      case "COMPLETED":
-        return "C";
-
-      case "RECEPTION":
-        return "Pr";
-
-      case "NULL":
-        return "-";
-
-      case "RECEIVED":
-        return "Rc";
-
-      case "IN_PROGRESS":
-        return "P";
-
-      case "ASSIGNED":
-        return "As";
-
-      case "APPROVED":
-        return "Ap";
-
-      case "VALIDATING":
-        return "V";
-
-      case "PAID_OUT":
-        return "Po";
-
-      default:
-        return status;
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: getShortStatus(statusType)
-    })
-  });
-};
-
-exports.StatusTag = StatusTag;

package/dist/components/atoms/StatusTag/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  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-IN_PROGRESS,\n  &.status-QF {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr,\n  &.status-Rc {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-AF {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
-
-exports.Container = Container;

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RegistrationLoginFirstStepDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
-
-var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
-
-var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/pages/RegistrationLoginFirstStep",
-  component: _index.RegistrationLoginFirstStep
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginFirstStep, (0, _objectSpread2.default)({}, args));
-};
-
-var RegistrationLoginFirstStepDefault = Template.bind({});
-exports.RegistrationLoginFirstStepDefault = RegistrationLoginFirstStepDefault;
-RegistrationLoginFirstStepDefault.args = {
-  imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
-  textCarousel: "Elige la plataforma que conecta proovedores y retailers"
-};

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

@@ -1,269 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RegistrationLoginFirstStep = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _GradientPanel = require("../../atoms/GradientPanel");
-
-var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
-
-var _react = require("react");
-
-var _LogoImage = require("../../atoms/LogoImage");
-
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-
-var _variables = require("../../../global-files/variables");
-
-var _TagAndInput = require("../../molecules/TagAndInput");
-
-var _GeneralButton = require("../../atoms/GeneralButton");
-
-var _GeneralInput = require("../../atoms/GeneralInput");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_ref) {
-  var _ref$imageArrayCarous = _ref.imageArrayCarousel,
-      imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
-      textCarousel = _ref.textCarousel,
-      backogroundColorCarousel = _ref.backogroundColorCarousel;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emptyName = _useState2[0],
-      setEmptyName = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      emptyLastName = _useState4[0],
-      setEmptyLastName = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      emptyEmail = _useState6[0],
-      setEmptyEmail = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      emptyJob = _useState8[0],
-      setEmptyJob = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      emptyPhone = _useState10[0],
-      setEmptyPhone = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      invalidEmail = _useState12[0],
-      setInvalidEmail = _useState12[1];
-
-  var validate = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var name, lastName, email, job, phone;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              name = document.querySelector("#nameInput").value;
-              lastName = document.querySelector("#lastNameInput").value;
-              email = document.querySelector("#emailInput").value;
-              job = document.querySelector("#jobInput").value;
-              phone = document.querySelector("#phoneInput").value;
-              name === "" ? setEmptyName(true) : setEmptyName(false);
-              lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
-              email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-              job === "" ? setEmptyJob(true) : setEmptyJob(false);
-              phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
-              !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function validate(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "name-registration-user",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        inputId: "nameInput",
-        label: "Nombre",
-        inputPlaceHolder: "Nombre"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        inputId: "lastNameInput",
-        label: "Apellido",
-        inputPlaceHolder: "Apellido"
-      })]
-    }), emptyName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su nombre"
-    }), emptyLastName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese sus apellidos"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "emailInput",
-      label: "Correo electrónico",
-      inputPlaceHolder: "username@contentoh.com"
-    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su correo"
-    }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese un correo v\xE1lido"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "jobInput",
-      label: "Puesto laboral",
-      inputPlaceHolder: "Puesto dentro de la empresa"
-    }), emptyJob && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su puesto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "Teléfono",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "phone-registration-user",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-        name: "select",
-        className: "phone-options",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+52"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+54"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+57"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+506"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+593"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+503"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+504"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+507"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+51"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
-        inputId: "phoneInput",
-        inputType: "text",
-        inputPlaceholder: "Teléfono"
-      })]
-    }), emptyPhone && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su n\xFAmero de tel\xE9fono"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "País",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-      name: "select",
-      className: "country-options",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value1",
-        selected: true,
-        children: "Selecciona tu pa\xEDs"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Argentina"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "Colombia"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Ecuador"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "El Salvador"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Honduras"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "M\xE9xico"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Panam\xE1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "Per\xFA"
-      })]
-    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Seleccione su pa\xEDs"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "button-end",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return validate(e);
-      }
-    })
-  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "progress-bar",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-first-step"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-registration"
-    })]
-  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-    text: "Paso 1",
-    headerType: "date-header",
-    color: _variables.GlobalColors.s4
-  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "new-login",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "pre-registro",
-      children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: " Inicia Sesi\xF3n"
-      })]
-    })
-  }, "7")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
-        panelImg: imageArrayCarousel,
-        panelText: textCarousel,
-        panelColor: backogroundColorCarousel
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-login-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: loginRight,
-        panelType: "home-login",
-        panelColor: _variables.GlobalColors.white
-      })
-    })]
-  });
-};
-
-exports.RegistrationLoginFirstStep = RegistrationLoginFirstStep;

package/dist/components/pages/RegistrationLoginFirstStep/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  width: 100%;\n  height: 100vh;\n  .user {\n    .name-registration-user {\n      display: flex;\n      justify-content: space-between;\n      input {\n        width: 160px;\n      }\n    }\n    .input-name-header {\n      margin-bottom: 4px;\n      margin-top: 12px;\n    }\n    .phone-registration-user {\n      display: flex;\n      justify-content: space-between;\n      .phone-options {\n        width: 80px;\n      }\n      input {\n        width: 100%;\n      }\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    .country-options,\n    .phone-options {\n      width: 100%;\n      border: 1px solid ", ";\n      font-family: ", ";\n      color: ", ";\n      font-weight: normal;\n      font-size: 12px;\n      line-height: 15px;\n      padding: 10px;\n      outline: none;\n      border-radius: 2px;\n      resize: none;\n      &:focus {\n        border: 1px solid ", ";\n      }\n    }\n  }\n  .button-end {\n    text-align: end;\n    .general-default-button {\n      width: 160px;\n    }\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  .progress-bar {\n    width: 100%;\n    height: 8px;\n    display: flex;\n    justify-content: space-between;\n    .progress-bar-first-step {\n      width: 33.33%;\n      background-color: rgb(196, 196, 196);\n    }\n    .progress-bar-registration {\n      background-color: rgb(226, 226, 226);\n      width: 66.66%;\n    }\n  }\n  .date-header {\n    .new-login {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n  }\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
-
-exports.Container = Container;