contentoh-components-library 21.2.10 → 21.2.13

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

@@ -38,11 +38,13 @@ var GalleryElement = function GalleryElement(_ref) {
       imageInputs = _ref.imageInputs,
       imageType = _ref.imageType,
       imagePackagingType = _ref.imagePackagingType,
+      imageShotType = _ref.imageShotType,
       changeImage = _ref.changeImage,
       selectedImages = _ref.selectedImages,
       setSelectedImages = _ref.setSelectedImages,
       setCheckAll = _ref.setCheckAll,
-      setSocketType = _ref.setSocketType;
+      setSocketType = _ref.setSocketType,
+      shotThd = _ref.shotThd;
 
   var _useState = (0, _react.useState)(validation),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -149,6 +151,19 @@ var GalleryElement = function GalleryElement(_ref) {
                 index: number
               });
             }
+          }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+            width: "100%",
+            placeholder: "Tipo de imagen THD",
+            options: imageShotType,
+            valueSelected: image.image_shot_type,
+            onChange: function onChange(e) {
+              changeImage({
+                action: "changeShotType",
+                attribute: "image_shot_type",
+                value: +e.target.value,
+                index: number
+              });
+            }
           })]
         })]
       })]

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

@@ -13,7 +13,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var GalleryHeader = function GalleryHeader(_ref) {
   var setCheckAll = _ref.setCheckAll,
-      setSelectedImages = _ref.setSelectedImages;
+      setSelectedImages = _ref.setSelectedImages,
+      shotThd = _ref.shotThd;
 
   var checkAll = function checkAll(e) {
     var checkboxList = document.querySelectorAll("[id^='gallery-element-']");
@@ -53,6 +54,9 @@ var GalleryHeader = function GalleryHeader(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "",
       children: "Tipo de empaque"
+    }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "",
+      children: "Tipo de imagen THD"
     })]
   });
 };

package/dist/components/organisms/ImageDataTable/index.js

@@ -20,7 +20,7 @@ var _LabelToInput = _interopRequireDefault(require("../../atoms/LabelToInput"));
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ImageDataTable = function ImageDataTable(_ref) {
-  var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$attrForImgs, _lists$attrForImgs$ge;
+  var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$imageShotType, _lists$imageShotType$, _lists$attrForImgs, _lists$attrForImgs$ge;
 
   var activeImage = _ref.activeImage,
       darkMode = _ref.darkMode,
@@ -34,7 +34,8 @@ var ImageDataTable = function ImageDataTable(_ref) {
       onClickSave = _ref.onClickSave,
       showSaveButton = _ref.showSaveButton,
       version = _ref.version,
-      setShowVersionSelector = _ref.setShowVersionSelector;
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      shotThd = _ref.shotThd;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     darkMode: darkMode,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
@@ -77,6 +78,16 @@ var ImageDataTable = function ImageDataTable(_ref) {
           return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type);
         })) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name) || "-"
       })]
+    }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de imagen THD"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type);
+        })) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "table-row-text",

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

@@ -1545,10 +1545,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);
@@ -1577,24 +1573,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) {
@@ -1603,7 +1599,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) {
@@ -1645,7 +1641,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x9) {
-      return _ref16.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 

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

@@ -31,46 +31,46 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlM2ExZmQ2OC02OTAwLTRjNWYtYjM5MC1jNjY0MDZhZjkyMGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MTU0ODI4NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MTU1MTg4NSwiaWF0IjoxNjYxNTQ4Mjg1LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.GUmPbOrd8-llRODdaidjReKHBwrVbGV5LP37aD_o14BQ67VSmH2pxLvrZRBNsZhvP0vZuetXt19pyiFgCr1-SF5CMHD3dcnPq2Ka0PUEf8raNEoseCPGaDUugu-waz1qPadZN1OrlhQTm9mOWoGj4u0gQv5FGAbC6xMcRernAo4QX41-Pfjvp2u7p62BYkp6rafzTjazUHZiG-ueqPI9QQQ-2zkbTo46l7TFYz6ATNSiZEvezc52L1nzWDhI5Q8xbNA546WC-leLr30SV9vrXBTGdvLdCKeqEYPrVG1L3nXXZ9CvtHJjdkb60irWZjXT1LbpulfL3IqO2_PKHTUpHQ",
   productSelected: {
     "services": {
       "datasheets": 1,
       "descriptions": 1,
       "images": 1
     },
-    "orderId": 1810,
-    "status": "RP",
-    "datasheet_status": "RP",
+    "orderId": 2674,
+    "status": "PA",
+    "datasheet_status": "PA",
     "prio": "none",
     "version": 2,
-    "description_status": "RP",
-    "images_status": "RP",
+    "description_status": "PA",
+    "images_status": "PA",
     "article": {
-      "id_article": 68934,
-      "id_category": "2290",
-      "name": "SCOTCHBLUE  3PACK MASKING TAPE 24MMX55M",
-      "upc": "167907",
-      "timestamp": "2022-06-22T15:44:57.000Z",
-      "id_user": 704,
+      "id_article": 80969,
+      "id_category": "2044",
+      "name": "CABLE IUSA THWLS/THHWLS 10 AWG  COLOR VERDE  EN CARRETE DE 100 M",
+      "upc": "168594",
+      "timestamp": "2022-08-26T21:11:06.000Z",
+      "id_user": 651,
       "status": "NULL",
       "active": 1,
-      "company_id": 437,
+      "company_id": 388,
       "SKU": null,
       "Descripcion": null,
       "Proveedor": null,
       "id_proveedor": 0,
       "company_name": "",
       "country": null,
-      "id_order": 1810,
-      "id_datasheet_especialist": 1248,
-      "id_datasheet_facilitator": 1252,
-      "id_description_especialist": 1248,
-      "id_description_facilitator": 1252,
-      "id_images_especialist": 1251,
-      "id_images_facilitator": 1286,
-      "id_auditor": 514,
+      "id_order": 2674,
+      "id_datasheet_especialist": null,
+      "id_datasheet_facilitator": null,
+      "id_description_especialist": null,
+      "id_description_facilitator": null,
+      "id_images_especialist": null,
+      "id_images_facilitator": null,
+      "id_auditor": null,
       "id_recepcionist": null,
-      "category": "Pinturas|Herramientas y accesorios para pintar|Cintas",
+      "category": "Eléctrico|Cables Eléctricos|Cables Eléctricos",
       "missingAttributes": null,
       "missingDescriptions": null,
       "missingImages": null
@@ -83,7 +83,7 @@ RetailerProductEditionDefault.args = {
       "active": 1
     }],
     "country": null,
-    "upc": "167907"
+    "upc": "168594"
   },
   location: {
     product: {
@@ -92,36 +92,36 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 1248,
-    name: "Facilitador Textos",
-    last_name: " ",
-    email: "bayadi1538@mnqlm.com",
-    position: "Tester",
+    id_user: 65,
+    name: "Oscar",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
+    position: null,
     telephone: null,
     country: null,
-    id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_company: 2,
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise"
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373"
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1661554813155"
   }
 };

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

@@ -116,6 +116,12 @@ var reducerImages = function reducerImages(state, action) {
         values: values
       });
 
+    case "changeShotType":
+      values[action.index][action.attribute] = action.value;
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeAttrValue":
       var index = attrForImgs.general.findIndex(function (f) {
         return f.id === action.id;
@@ -445,6 +451,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
+  var shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -719,7 +726,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }, [activeRetailer, services]);
 
   var thumbs = function thumbs() {
-    var _images$imageType, _images$imagePackagin, _images$values;
+    var _images$imageType, _images$imagePackagin, _images$imageShotType, _images$values;
 
     var imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
     var imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(function (e) {
@@ -734,6 +741,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         name: e === null || e === void 0 ? void 0 : e.name
       };
     });
+    var imageShotType = images === null || images === void 0 ? void 0 : (_images$imageShotType = images.imageShotType) === null || _images$imageShotType === void 0 ? void 0 : _images$imageShotType.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.type_shot
+      };
+    });
     return images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
         setCheckAll: setCheckAll,
@@ -745,10 +758,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         imageType: imageType,
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
+        imageShotType: imageShotType,
         setSocketType: setSocketType,
         changeImage: setImages,
         selectedImages: selectedImages,
-        setSelectedImages: setSelectedImages
+        setSelectedImages: setSelectedImages,
+        shotThd: shotThd
       }, index + "-" + imageType.name);
     });
   };
@@ -1098,11 +1113,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     switch (userId) {
       case 7:
       case 8:
-        return statusArray.includes(srvActive) && (["RA", "RC"].includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
+        return statusArray.includes(srvActive) && statusArray.includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
           var _serv$status;
 
-          return ["CA"].includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
-        }).length === srv.length);
+          return statusArray.includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
+        }).length === srv.length;
 
       case 4:
       case 5:
@@ -1752,7 +1767,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           },
           showSaveButton: auditorAssigned() || userAssigned(),
           setShowVersionSelector: setShowVersionSelector,
-          version: version
+          version: version,
+          shotThd: shotThd
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "product-information",
@@ -1858,7 +1874,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
               setSelectedImages: setSelectedImages,
               checkAll: checkAll,
-              setCheckAll: setCheckAll
+              setCheckAll: setCheckAll,
+              shotThd: shotThd
             }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                 articleId: product.article.id_article,
@@ -1897,7 +1914,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               headerType: "input-name-header"
             }))]
           })
-        }), console.log(userAssigned(activeTab), auditorAssigned()), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "commentary-box",
           children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "commentary",

package/package.json

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

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

@@ -16,11 +16,13 @@ export const GalleryElement = ({
   imageInputs,
   imageType,
   imagePackagingType,
+  imageShotType,
   changeImage,
   selectedImages,
   setSelectedImages,
   setCheckAll,
   setSocketType,
+  shotThd,
 }) => {
   const [statusValidation, setStatusValidation] = useState(validation);
   const [showValidationPanel, setShowValidationPanel] = useState(false);
@@ -118,6 +120,22 @@ export const GalleryElement = ({
                   });
                 }}
               />
+              {shotThd && (
+                <Select
+                  width="100%"
+                  placeholder="Tipo de imagen THD"
+                  options={imageShotType}
+                  valueSelected={image.image_shot_type}
+                  onChange={(e) => {
+                    changeImage({
+                      action: "changeShotType",
+                      attribute: "image_shot_type",
+                      value: +e.target.value,
+                      index: number,
+                    });
+                  }}
+                />
+              )}
             </>
           )}
         </div>

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

@@ -1,7 +1,7 @@
 import { Container } from "./styles";
 import { CheckBox } from "../../atoms/CheckBox";
 
-export const GalleryHeader = ({ setCheckAll, setSelectedImages }) => {
+export const GalleryHeader = ({ setCheckAll, setSelectedImages, shotThd }) => {
   const checkAll = (e) => {
     const checkboxList = document.querySelectorAll("[id^='gallery-element-']");
     checkboxList.forEach((chk) => (chk.checked = e.target.checked));
@@ -20,6 +20,7 @@ export const GalleryHeader = ({ setCheckAll, setSelectedImages }) => {
       <p className="">Tipo de toma</p>
       <p className="">Tipo de imagen</p>
       <p className="">Tipo de empaque</p>
+      {shotThd && <p className="">Tipo de imagen THD</p>}
     </Container>
   );
 };

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

@@ -18,6 +18,7 @@ export const ImageDataTable = ({
   showSaveButton,
   version,
   setShowVersionSelector,
+  shotThd,
 }) => {
   return (
     <Container darkMode={darkMode}>
@@ -63,6 +64,22 @@ export const ImageDataTable = ({
           }
         />
       </Row>
+      {shotThd && (
+        <Row>
+          <ScreenHeader
+            headerType={"table-row-text"}
+            text="Tipo de imagen THD"
+          />
+          <ScreenHeader
+            headerType={"table-row-text gray-table-row"}
+            text={
+              lists?.imageShotType?.find(
+                (f) => f.id === +activeImage?.image_shot_type
+              )?.type_shot || "-"
+            }
+          />
+        </Row>
+      )}
       <Row>
         <ScreenHeader headerType={"table-row-text"} text="Formato" />
         <ScreenHeader

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

@@ -938,7 +938,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;

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

@@ -16,46 +16,46 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlM2ExZmQ2OC02OTAwLTRjNWYtYjM5MC1jNjY0MDZhZjkyMGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MTU0ODI4NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MTU1MTg4NSwiaWF0IjoxNjYxNTQ4Mjg1LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.GUmPbOrd8-llRODdaidjReKHBwrVbGV5LP37aD_o14BQ67VSmH2pxLvrZRBNsZhvP0vZuetXt19pyiFgCr1-SF5CMHD3dcnPq2Ka0PUEf8raNEoseCPGaDUugu-waz1qPadZN1OrlhQTm9mOWoGj4u0gQv5FGAbC6xMcRernAo4QX41-Pfjvp2u7p62BYkp6rafzTjazUHZiG-ueqPI9QQQ-2zkbTo46l7TFYz6ATNSiZEvezc52L1nzWDhI5Q8xbNA546WC-leLr30SV9vrXBTGdvLdCKeqEYPrVG1L3nXXZ9CvtHJjdkb60irWZjXT1LbpulfL3IqO2_PKHTUpHQ",
   productSelected: {
     "services": {
         "datasheets": 1,
         "descriptions": 1,
         "images": 1
     },
-    "orderId": 1810,
-    "status": "RP",
-    "datasheet_status": "RP",
+    "orderId": 2674,
+    "status": "PA",
+    "datasheet_status": "PA",
     "prio": "none",
     "version": 2,
-    "description_status": "RP",
-    "images_status": "RP",
+    "description_status": "PA",
+    "images_status": "PA",
     "article": {
-        "id_article": 68934,
-        "id_category": "2290",
-        "name": "SCOTCHBLUE  3PACK MASKING TAPE 24MMX55M",
-        "upc": "167907",
-        "timestamp": "2022-06-22T15:44:57.000Z",
-        "id_user": 704,
+        "id_article": 80969,
+        "id_category": "2044",
+        "name": "CABLE IUSA THWLS/THHWLS 10 AWG  COLOR VERDE  EN CARRETE DE 100 M",
+        "upc": "168594",
+        "timestamp": "2022-08-26T21:11:06.000Z",
+        "id_user": 651,
         "status": "NULL",
         "active": 1,
-        "company_id": 437,
+        "company_id": 388,
         "SKU": null,
         "Descripcion": null,
         "Proveedor": null,
         "id_proveedor": 0,
         "company_name": "",
         "country": null,
-        "id_order": 1810,
-        "id_datasheet_especialist": 1248,
-        "id_datasheet_facilitator": 1252,
-        "id_description_especialist": 1248,
-        "id_description_facilitator": 1252,
-        "id_images_especialist": 1251,
-        "id_images_facilitator": 1286,
-        "id_auditor": 514,
+        "id_order": 2674,
+        "id_datasheet_especialist": null,
+        "id_datasheet_facilitator": null,
+        "id_description_especialist": null,
+        "id_description_facilitator": null,
+        "id_images_especialist": null,
+        "id_images_facilitator": null,
+        "id_auditor": null,
         "id_recepcionist": null,
-        "category": "Pinturas|Herramientas y accesorios para pintar|Cintas",
+        "category": "Eléctrico|Cables Eléctricos|Cables Eléctricos",
         "missingAttributes": null,
         "missingDescriptions": null,
         "missingImages": null
@@ -70,42 +70,42 @@ RetailerProductEditionDefault.args = {
         }
     ],
     "country": null,
-    "upc": "167907"
+    "upc": "168594"
 },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 1248,
-    name: "Facilitador Textos",
-    last_name: " ",
-    email: "bayadi1538@mnqlm.com",
-    position: "Tester",
+    id_user: 65,
+    name: "Oscar",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
+    position: null,
     telephone: null,
     country: null,
-    id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_company: 2,
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise",
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373",
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1661554813155",
   },
 };

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

@@ -59,6 +59,10 @@ const reducerImages = (state, action) => {
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
       return { ...state, values };
+    case "changeShotType":
+      values[action.index][action.attribute] = action.value;
+      return { ...state, values };
+
     case "changeAttrValue":
       const index = attrForImgs.general.findIndex((f) => f.id === action.id);
       if (index !== -1) {
@@ -209,6 +213,7 @@ export const RetailerProductEdition = ({
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     useCloseModal("version-selector");
+  const shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -409,6 +414,10 @@ export const RetailerProductEdition = ({
       value: e?.id,
       name: e?.name,
     }));
+    const imageShotType = images?.imageShotType?.map((e) => ({
+      value: e?.id,
+      name: e?.type_shot,
+    }));
     return images?.values?.map((image, index) => (
       <GalleryElement
         setCheckAll={setCheckAll}
@@ -421,10 +430,12 @@ export const RetailerProductEdition = ({
         imageType={imageType}
         imagePackagingType={imagePackagingType}
         imageInputs={imageInputs}
+        imageShotType={imageShotType}
         setSocketType={setSocketType}
         changeImage={setImages}
         selectedImages={selectedImages}
         setSelectedImages={setSelectedImages}
+        shotThd={shotThd}
       />
     ));
   };
@@ -645,11 +656,11 @@ export const RetailerProductEdition = ({
       case 7:
       case 8:
         return (
-          statusArray.includes(srvActive) &&
-          (["RA", "RC"].includes(product?.status) ||
-            srv.filter((serv) =>
-              ["CA"].includes(serv.status?.replace(/.*\//, ""))
-            ).length === srv.length)
+          (statusArray.includes(srvActive) &&
+            statusArray.includes(product?.status)) ||
+          srv.filter((serv) =>
+            statusArray.includes(serv.status?.replace(/.*\//, ""))
+          ).length === srv.length
         );
       case 4:
       case 5:
@@ -1187,6 +1198,7 @@ export const RetailerProductEdition = ({
             showSaveButton={auditorAssigned() || userAssigned()}
             setShowVersionSelector={setShowVersionSelector}
             version={version}
+            shotThd={shotThd}
           />
         </div>
         <div className="product-information">
@@ -1330,6 +1342,7 @@ export const RetailerProductEdition = ({
                       setSelectedImages={setSelectedImages}
                       checkAll={checkAll}
                       setCheckAll={setCheckAll}
+                      shotThd={shotThd}
                     />
                   )}
                 {activeTab === "Ficha técnica" &&
@@ -1387,7 +1400,6 @@ export const RetailerProductEdition = ({
               </>
             )}
           </div>
-          {console.log(userAssigned(activeTab), auditorAssigned())}
           {(userAssigned(activeTab) || auditorAssigned()) &&
             product[`${getConcept(activeTab)}_status`] !== "NS" && (
               <div className="commentary-box">

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;