contentoh-components-library 21.1.54 → 21.1.57

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

@@ -55,12 +55,10 @@ ProviderProductEditionDefault.args = {
     },
     retailers: [{
       id: 58,
-      name: "The Home Depot Golden",
-      services: ["AA", "AA", "AA", "AA"]
+      name: "The Home Depot Golden"
     }, {
       id: 59,
-      name: "The Home Depot Platinum",
-      services: ["NA", "NA", "NA", "AA"]
+      name: "The Home Depot Platinum"
     }, {
       id: 60,
       name: "The Home Depot Resizing"
@@ -76,12 +74,10 @@ ProviderProductEditionDefault.args = {
     id_article: 55118,
     retailersAvailable: [{
       id: 58,
-      name: "The Home Depot Golden",
-      percentage: 100
+      name: "The Home Depot Golden"
     }, {
       id: 59,
-      name: "The Home Depot Platinum",
-      percentage: 100
+      name: "The Home Depot Platinum"
     }, {
       id: 60,
       name: "The Home Depot Resizing"
@@ -113,12 +109,10 @@ ProviderProductEditionDefault.args = {
       },
       retailers: [{
         id: 58,
-        name: "The Home Depot Golden",
-        services: ["AA", "AA", "AA", "NA"]
+        name: "The Home Depot Golden"
       }, {
         id: 59,
-        name: "The Home Depot Platinum",
-        services: ["NA", "NA", "NA", "AA"]
+        name: "The Home Depot Platinum"
       }, {
         id: 60,
         name: "The Home Depot Resizing"
@@ -134,12 +128,10 @@ ProviderProductEditionDefault.args = {
       id_article: 55118,
       retailersAvailable: [{
         id: 58,
-        name: "The Home Depot Golden",
-        percentage: 100
+        name: "The Home Depot Golden"
       }, {
         id: 59,
-        name: "The Home Depot Platinum",
-        percentage: 100
+        name: "The Home Depot Platinum"
       }, {
         id: 60,
         name: "The Home Depot Resizing"

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

@@ -1303,11 +1303,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }
   };
 
-  var getSectionStatus = function getSectionStatus() {
-    var concept = getConcept(activeTab);
-    return ["AA", "AP", "R", "CA", "RCA"].includes(productEdit.product["".concat(concept, "_status")]);
-  };
-
   var confirmStatusComplete = function confirmStatusComplete() {
     var datasheet_status = product.datasheet_status,
         description_status = product.description_status,
@@ -1322,112 +1317,81 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var sendEvaluation = /*#__PURE__*/function () {
     var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
-      var _productTemp$id_order;
-
-      var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, newStatuses, orderStatus, serviceStatus, newProductEdit, _JSON$parse, newArticleStatus, newServiceStatus, newStatus, retailerStatusCopy, status;
+      var data, retailerId, _product$id_order2, _product$id_order3, productTemp, concept;
 
       return _regenerator.default.wrap(function _callee13$(_context13) {
         while (1) {
           switch (_context13.prev = _context13.next) {
             case 0:
               setLoading(true);
-              concept = getConcept(activeTab);
-              productTemp = product;
-              articleId = productTemp.id_article;
-              orderId = (_productTemp$id_order = productTemp.id_order) !== null && _productTemp$id_order !== void 0 ? _productTemp$id_order : productTemp.orderId;
-              sectionStatusKey = "".concat(getConcept(activeTab), "_status");
-              evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
-              data = {
-                articleId: articleId,
-                orderId: orderId,
-                concept: concept,
-                evalStatus: evalStatus
-              };
+              data = {};
               retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
-              _context13.prev = 9;
 
               if (!result) {
-                _context13.next = 25;
+                _context13.next = 9;
                 break;
               }
 
-              data.result = result;
-              data.retailerId = retailerId;
-              _context13.next = 15;
+              data = {
+                articleId: product.id_article,
+                orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
+                concept: getConcept(activeTab),
+                result: result,
+                retailerId: retailerId
+              };
+              _context13.next = 7;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 15:
-              res = _context13.sent;
-              newStatuses = JSON.parse(res.data.body);
-              orderStatus = newStatuses.newOrderStatus;
-              serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(getConcept(activeTab), "Status")];
-              newProductEdit = productEdit;
-              newProductEdit.product[sectionStatusKey] = serviceStatus;
-              setProductEdit(newProductEdit);
-              showSurvey && showSurvey(orderStatus[orderId] === "AP");
-              _context13.next = 28;
+            case 7:
+              _context13.next = 19;
               break;
 
-            case 25:
-              _context13.next = 27;
-              return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
+            case 9:
+              productTemp = product;
+              concept = getConcept(activeTab);
+              productTemp["".concat(concept, "_status")] = "Evaluated";
+              data = {
+                articleId: product.id_article,
+                orderId: (_product$id_order3 = product.id_order) !== null && _product$id_order3 !== void 0 ? _product$id_order3 : product.orderId,
+                concept: concept
+              };
+
+              _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 27:
-              res = _context13.sent;
-
-            case 28:
-              if (!(res.data.statusCode === 200)) {
-                _context13.next = 41;
-                break;
-              }
-
-              _JSON$parse = JSON.parse(res.data.body), newArticleStatus = _JSON$parse.newArticleStatus, newServiceStatus = _JSON$parse.newServiceStatus, newStatus = _JSON$parse.newStatus;
-              if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-              retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
-              retailerStatusCopy[activeRetailer.id][concept] = newStatus;
-              setRetailerStatus(retailerStatusCopy);
-              productTemp.statusByRetailer = retailerStatusCopy;
-
-              if (newServiceStatus) {
-                status = newServiceStatus[articleId]["".concat(concept, "Status")];
-                productTemp["".concat(concept, "_status")] = status;
-              }
-
               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(function (prev) {
-                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, status));
+                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, "Evaluated"));
               });
-              _context13.next = 41;
-              return loadData();
-
-            case 41:
-              _context13.next = 46;
-              break;
 
-            case 43:
-              _context13.prev = 43;
-              _context13.t0 = _context13["catch"](9);
-              console.log(_context13.t0);
-
-            case 46:
+            case 19:
               loadData();
               showSurvey && showSurvey(confirmStatusComplete());
 
-            case 48:
+            case 21:
             case "end":
               return _context13.stop();
           }
         }
-      }, _callee13, null, [[9, 43]]);
+      }, _callee13);
     }));
 
     return function sendEvaluation(_x7) {
@@ -1448,11 +1412,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               sendAll = [];
               conceptArray = ["description", "datasheet", "images"];
               servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(function (ret) {
-                var _product$id_order2;
+                var _product$id_order4;
 
                 var data = {
                   articleId: product.id_article,
-                  orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
+                  orderId: (_product$id_order4 = product.id_order) !== null && _product$id_order4 !== void 0 ? _product$id_order4 : product.orderId,
                   concept: ret.service,
                   result: result,
                   retailerId: ret.id_retailer
@@ -1468,11 +1432,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
             case 8:
               conceptArray === null || conceptArray === void 0 ? void 0 : conceptArray.forEach(function (concept) {
-                var _product$id_order3;
+                var _product$id_order5;
 
                 var data = {
                   articleId: product.id_article,
-                  orderId: (_product$id_order3 = product.id_order) !== null && _product$id_order3 !== void 0 ? _product$id_order3 : product.orderId,
+                  orderId: (_product$id_order5 = product.id_order) !== null && _product$id_order5 !== void 0 ? _product$id_order5 : product.orderId,
                   concept: concept
                 };
                 sendAll.push(_axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
@@ -1570,6 +1534,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     };
   }();
 
+  var getSectionStatus = function getSectionStatus() {
+    var concept = getConcept(activeTab);
+    return ["AA", "AP", "RECEIVED", "IN_PROGRESS", "RC"].includes(productEdit.product["".concat(concept, "_status")]);
+  };
+
   var enableActions = function enableActions(versionStatus) {
     try {
       var userIsRetailer = user.is_retailer;

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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1,269 @@
+"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

@@ -0,0 +1,20 @@
+"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;

package/dist/global-files/data.js

@@ -280,18 +280,18 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
-  if (lookupString.includes("RCA")) return "RCA";
-  if (lookupString.includes("RC")) return "RC";
+  if (lookupString.includes("RF")) return "RF";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  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("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("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("R")) return "R";
+  if (lookupString.includes("AC")) return "AC";
+  if (lookupString.includes("RECEIVED")) return "RECEIVED";
   if (lookupString.includes("NA")) return "NA";
   return new Error("Status not found");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.1.54",
+  "version": "21.1.57",
   "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,12 +42,10 @@ 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,
@@ -68,12 +66,10 @@ ProviderProductEditionDefault.args = {
       {
         id: 58,
         name: "The Home Depot Golden",
-        percentage: 100,
       },
       {
         id: 59,
         name: "The Home Depot Platinum",
-        percentage: 100,
       },
       {
         id: 60,
@@ -110,12 +106,10 @@ 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,
@@ -136,12 +130,10 @@ ProviderProductEditionDefault.args = {
         {
           id: 58,
           name: "The Home Depot Golden",
-          percentage: 100,
         },
         {
           id: 59,
           name: "The Home Depot Platinum",
-          percentage: 100,
         },
         {
           id: 60,
@@ -191,4 +183,4 @@ ProviderProductEditionDefault.args = {
     },
     src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885",
   },
-};
+};

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

@@ -787,13 +787,6 @@ 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 =
@@ -811,67 +804,51 @@ export const ProviderProductEdition = ({
 
   const sendEvaluation = async (result) => {
     setLoading(true);
-    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 };
+    let data = {};
     const retailerId = activeRetailer?.id;
-    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);
+    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" }));
     }
     loadData();
     showSurvey && showSurvey(confirmStatusComplete());
@@ -976,6 +953,13 @@ 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("RCA")) return "RCA";
-  if (lookupString.includes("RC")) return "RC";
+  if (lookupString.includes("RF")) return "RF";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  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("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("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("R")) return "R";
+  if (lookupString.includes("AC")) return "AC";
+  if (lookupString.includes("RECEIVED")) return "RECEIVED";
   if (lookupString.includes("NA")) return "NA";
   return new Error("Status not found");
 };

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

@@ -1,28 +0,0 @@
-import { StatusTag } from "./index";
-import { GlobalStatus } from "../../../global-files/variables";
-
-const status = GlobalStatus;
-
-export default {
-  title: "Components/atoms/StatusTag",
-  component: StatusTag,
-  argTypes: {
-    statusType: {
-      options: status,
-      control: { type: "select" },
-    },
-    ovalForm: {
-      options: [true, false],
-      control: { type: "boolean" },
-    },
-  },
-};
-
-const Template = (args) => <StatusTag {...args} />;
-
-export const StatusTagDefault = Template.bind({});
-
-StatusTagDefault.args = {
-  statusType: "-",
-  ovalForm: false,
-};