contentoh-components-library 21.1.52 → 21.1.53

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

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
 });

package/dist/global-files/data.js

@@ -280,20 +280,21 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
-  if (lookupString.includes("RF")) return "RF";
+  if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("UNASSIGNED")) return "IN_PROGRESS";
-  if (lookupString.includes("IN_PROGRESS")) return "IN_PROGRESS";
-  if (lookupString.includes("QF")) return "QF";
-  if (lookupString.includes("AF")) return "AF";
+  if (lookupString.includes("RCA")) return "RCA";
+  if (lookupString.includes("UNASSIGNED")) return "CA";
+  if (lookupString.includes("CA")) return "CA";
+  if (lookupString.includes("IE")) return "IE";
+  if (lookupString.includes("AC")) return "AC";
   if (lookupString.includes("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  if (lookupString.includes("ACA")) return "ACA";
+  if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
-  return new Error("Status not found");
+  console.log("Status not found");
+  return "NA";
 };
 
 exports.getNewStatus = getNewStatus;

package/dist/index.js

@@ -784,19 +784,6 @@ Object.keys(_OnboardPlan).forEach(function (key) {
   });
 });
 
-var _RegistrationLoginFirstStep = require("./components/pages/RegistrationLoginFirstStep");
-
-Object.keys(_RegistrationLoginFirstStep).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RegistrationLoginFirstStep[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RegistrationLoginFirstStep[key];
-    }
-  });
-});
-
 var _RegistrationLoginSecondStep = require("./components/pages/RegistrationLoginSecondStep");
 
 Object.keys(_RegistrationLoginSecondStep).forEach(function (key) {

package/package.json

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

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

@@ -57,4 +57,4 @@ export const ValidationPanel = ({
       )}
     </Container>
   );
-};
+};

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

@@ -42,10 +42,12 @@ ProviderProductEditionDefault.args = {
       {
         id: 58,
         name: "The Home Depot Golden",
+        services: ["AA", "AA", "AA", "AA"],
       },
       {
         id: 59,
         name: "The Home Depot Platinum",
+        services: ["NA", "NA", "NA", "AA"],
       },
       {
         id: 60,
@@ -66,10 +68,12 @@ ProviderProductEditionDefault.args = {
       {
         id: 58,
         name: "The Home Depot Golden",
+        percentage: 100,
       },
       {
         id: 59,
         name: "The Home Depot Platinum",
+        percentage: 100,
       },
       {
         id: 60,
@@ -106,10 +110,12 @@ ProviderProductEditionDefault.args = {
         {
           id: 58,
           name: "The Home Depot Golden",
+          services: ["AA", "AA", "AA", "NA"],
         },
         {
           id: 59,
           name: "The Home Depot Platinum",
+          services: ["NA", "NA", "NA", "AA"],
         },
         {
           id: 60,
@@ -130,10 +136,12 @@ ProviderProductEditionDefault.args = {
         {
           id: 58,
           name: "The Home Depot Golden",
+          percentage: 100,
         },
         {
           id: 59,
           name: "The Home Depot Platinum",
+          percentage: 100,
         },
         {
           id: 60,
@@ -183,4 +191,4 @@ ProviderProductEditionDefault.args = {
     },
     src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885",
   },
-};
+};

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

@@ -787,6 +787,13 @@ export const ProviderProductEdition = ({
     }
   };
 
+  const getSectionStatus = () => {
+    const concept = getConcept(activeTab);
+    return ["AA", "AP", "R", "CA", "RCA"].includes(
+      productEdit.product[`${concept}_status`]
+    );
+  };
+
   const confirmStatusComplete = () => {
     const { datasheet_status, description_status, images_status } = product;
     const completionStates =
@@ -804,51 +811,67 @@ export const ProviderProductEdition = ({
 
   const sendEvaluation = async (result) => {
     setLoading(true);
-    let data = {};
+    const concept = getConcept(activeTab);
+    const productTemp = product;
+    const articleId = productTemp.id_article;
+    const orderId = productTemp.id_order ?? productTemp.orderId;
+    const sectionStatusKey = `${getConcept(activeTab)}_status`;
+    const evalStatus = product[sectionStatusKey] || product?.version_status;
+    let data = { articleId, orderId, concept, evalStatus };
     const retailerId = activeRetailer?.id;
-    if (result) {
-      data = {
-        articleId: product.id_article,
-        orderId: product.id_order ?? product.orderId,
-        concept: getConcept(activeTab),
-        result: result,
-        retailerId,
-      };
-      await axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
-        headers: {
-          Authorization: token,
-        },
-      });
-    } else {
-      const productTemp = product;
-      const concept = getConcept(activeTab);
-      productTemp[`${concept}_status`] = "Evaluated";
-      data = {
-        articleId: product.id_article,
-        orderId: product.id_order ?? product.orderId,
-        concept,
-      };
-      axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
-        headers: {
-          Authorization: token,
-        },
-      });
-      setProduct(productTemp);
-      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      setProductEdit({
-        ArticleId: productTemp.id_article,
-        idCategory: productTemp.article.id_category,
-        product: productTemp,
-      });
-      sessionStorage.setItem(
-        "productEdit",
-        JSON.stringify({
-          ArticleId: productTemp.id_article,
-          idCategory: productTemp.article.id_category,
-          product: productTemp,
-        })
-      );
-      setOrigin((prev) => ({ ...prev, [concept]: "Evaluated" }));
+    let res;
+    try {
+      if (result) {
+        data.result = result;
+        data.retailerId = retailerId;
+        res = await axios.put(
+          `${process.env.REACT_APP_EVALUATION_ENDPOINT}`,
+          data,
+          {
+            headers: {
+              Authorization: token,
+            },
+          }
+        );
+        const newStatuses = JSON.parse(res.data.body);
+        const orderStatus = newStatuses.newOrderStatus;
+        const serviceStatus =
+          newStatuses.newServiceStatus[articleId][
+            `${getConcept(activeTab)}Status`
+          ];
+
+        const newProductEdit = productEdit;
+        newProductEdit.product[sectionStatusKey] = serviceStatus;
+        setProductEdit(newProductEdit);
+        showSurvey && showSurvey(orderStatus[orderId] === "AP");
+      } else {
+        res = await axios.put(`${process.env.REACT_APP_SEND_EVAL}`, data, {
+          headers: {
+            Authorization: token,
+          },
+        });
+      }
+      if (res.data.statusCode === 200) {
+        const { newArticleStatus, newServiceStatus, newStatus } = JSON.parse(
+          res.data.body
+        );
+        if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
+        const retailerStatusCopy = { ...retailerStatus };
+        retailerStatusCopy[activeRetailer.id][concept] = newStatus;
+        setRetailerStatus(retailerStatusCopy);
+        productTemp.statusByRetailer = retailerStatusCopy;
+        let status;
+        if (newServiceStatus) {
+          status = newServiceStatus[articleId][`${concept}Status`];
+          productTemp[`${concept}_status`] = status;
+        }
+        setProduct(productTemp);
+        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+        setOrigin((prev) => ({ ...prev, [concept]: status }));
+        await loadData();
+      }
+    } catch (err) {
+      console.log(err);
     }
     loadData();
     showSurvey && showSurvey(confirmStatusComplete());
@@ -953,13 +976,6 @@ export const ProviderProductEdition = ({
     loadData();
   };
 
-  const getSectionStatus = () => {
-    const concept = getConcept(activeTab);
-    return ["AA", "AP", "RECEIVED", "IN_PROGRESS", "RC"].includes(
-      productEdit.product[`${concept}_status`]
-    );
-  };
-
   const enableActions = (versionStatus) => {
     try {
       const userIsRetailer = user.is_retailer;

package/src/global-files/data.js

@@ -195,18 +195,18 @@ export const fetchUsers = async (auth) => {
 export const getNewStatus = (statusArray) => {
   let lookupString = "";
   statusArray.forEach((element) => (lookupString += element + "/"));
-  if (lookupString.includes("RF")) return "RF";
+  if (lookupString.includes("RCA")) return "RCA";
+  if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("UNASSIGNED")) return "IN_PROGRESS";
-  if (lookupString.includes("IN_PROGRESS")) return "IN_PROGRESS";
-  if (lookupString.includes("QF")) return "QF";
-  if (lookupString.includes("AF")) return "AF";
+  if (lookupString.includes("ACA")) return "ACA";
+  if (lookupString.includes("UNASSIGNED")) return "CA";
+  if (lookupString.includes("CA")) return "CA";
+  if (lookupString.includes("IE")) return "IE";
+  if (lookupString.includes("AC")) return "AC";
   if (lookupString.includes("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
   return new Error("Status not found");
 };

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;