contentoh-components-library 21.0.99 → 21.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/GeneralInput/index.js +13 -7
- package/dist/components/molecules/LoginPasswordStrength/index.js +8 -13
- package/dist/components/molecules/TagAndInput/index.js +4 -2
- package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
- package/dist/components/pages/ChangePasswordLogin/index.js +12 -35
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +115 -61
- package/dist/components/pages/ProviderProductEdition/index.js +9 -16
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +35 -47
- package/dist/components/pages/RetailerProductEdition/index.js +25 -25
- package/package.json +1 -1
- package/src/components/atoms/GeneralInput/index.js +11 -6
- package/src/components/molecules/LoginPasswordStrength/index.js +6 -16
- package/src/components/molecules/TagAndInput/index.js +2 -0
- package/src/components/pages/ChangePasswordLogin/index.js +1 -2
|
@@ -39,7 +39,8 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
39
39
|
version = _ref.version,
|
|
40
40
|
_ref$optionList = _ref.optionList,
|
|
41
41
|
optionList = _ref$optionList === void 0 ? [] : _ref$optionList,
|
|
42
|
-
description = _ref.description
|
|
42
|
+
description = _ref.description,
|
|
43
|
+
inputOnChange = _ref.inputOnChange;
|
|
43
44
|
|
|
44
45
|
var _useState = (0, _react.useState)({
|
|
45
46
|
value: inputValue
|
|
@@ -55,14 +56,15 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
55
56
|
|
|
56
57
|
var onHandleChange = function onHandleChange(evt) {
|
|
57
58
|
if (validateInput) {
|
|
59
|
+
console.log("here");
|
|
58
60
|
setTextValue({
|
|
59
61
|
value: validateInput(evt, position, inputsArray)
|
|
60
62
|
});
|
|
61
|
-
} else {
|
|
63
|
+
} else if (updatedDatasheets || updatedDescriptions) {
|
|
62
64
|
setTextValue({
|
|
63
65
|
value: inputType === "checkbox" ? evt.target.checked : evt.target.value
|
|
64
66
|
});
|
|
65
|
-
var dataSave = updatedDatasheets.slice();
|
|
67
|
+
var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
|
|
66
68
|
if (dataSave.length === 0) dataSave.push({
|
|
67
69
|
articleId: articleId,
|
|
68
70
|
versionId: version,
|
|
@@ -85,6 +87,11 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
85
87
|
});
|
|
86
88
|
}
|
|
87
89
|
setUpdatedDatasheets(dataSave);
|
|
90
|
+
} else {
|
|
91
|
+
setTextValue({
|
|
92
|
+
value: evt.target.value
|
|
93
|
+
});
|
|
94
|
+
inputOnChange && inputOnChange(evt);
|
|
88
95
|
}
|
|
89
96
|
};
|
|
90
97
|
|
|
@@ -103,15 +110,14 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
103
110
|
},
|
|
104
111
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
105
112
|
value: "",
|
|
106
|
-
selected: true,
|
|
107
113
|
disabled: true,
|
|
108
114
|
children: description
|
|
109
|
-
}), JSON.parse(optionList || "[]").map(function (element) {
|
|
115
|
+
}), JSON.parse(optionList || "[]").map(function (element, index) {
|
|
110
116
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
111
117
|
value: element,
|
|
112
|
-
|
|
118
|
+
defaultValue: element === textValue.value ? "selected" : "",
|
|
113
119
|
children: element
|
|
114
|
-
}, element);
|
|
120
|
+
}, element + "-" + index);
|
|
115
121
|
})]
|
|
116
122
|
}, "dropdownK".concat(inputId)) : inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
|
|
117
123
|
id: inputId,
|
|
@@ -31,32 +31,26 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
|
|
|
31
31
|
var upperCaseLetters = /[A-Z]/g;
|
|
32
32
|
var numbers = /[0-9]/g;
|
|
33
33
|
var specialChar = /[‘!’,‘@’,‘#’,‘$’,‘%’,‘^’,‘&’,‘*’]/g;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
inputValue.addEventListener("input", function (e) {
|
|
37
|
-
updateInfo(e, e.target.value);
|
|
38
|
-
}, false);
|
|
39
|
-
}, []);
|
|
40
|
-
|
|
41
|
-
var updateInfo = function updateInfo(e, newValue) {
|
|
34
|
+
|
|
35
|
+
var updateInfo = function updateInfo(e) {
|
|
42
36
|
switch (e.target.id) {
|
|
43
37
|
case "newPasswordInput":
|
|
44
38
|
setPasswordStrength(0);
|
|
45
39
|
|
|
46
|
-
if (
|
|
40
|
+
if (e.target.value.length >= 8) {
|
|
47
41
|
setPasswordStrength(function (passwordStrength) {
|
|
48
42
|
return passwordStrength + 1;
|
|
49
43
|
});
|
|
50
44
|
} //Verificar si la contraseña contiene mayuscula, numeros y un caracter especial
|
|
51
45
|
|
|
52
46
|
|
|
53
|
-
|
|
47
|
+
e.target.value.match(upperCaseLetters) && setPasswordStrength(function (passwordStrength) {
|
|
54
48
|
return passwordStrength + 1;
|
|
55
49
|
});
|
|
56
|
-
|
|
50
|
+
e.target.value.match(numbers) && setPasswordStrength(function (passwordStrength) {
|
|
57
51
|
return passwordStrength + 1;
|
|
58
52
|
});
|
|
59
|
-
|
|
53
|
+
e.target.value.match(specialChar) && setPasswordStrength(function (passwordStrength) {
|
|
60
54
|
return passwordStrength + 1;
|
|
61
55
|
});
|
|
62
56
|
break;
|
|
@@ -73,7 +67,8 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
|
|
|
73
67
|
inputType: "password",
|
|
74
68
|
inputId: "newPasswordInput",
|
|
75
69
|
label: "Ingrese su nueva contraseña",
|
|
76
|
-
isRequired: required
|
|
70
|
+
isRequired: required,
|
|
71
|
+
inputOnChange: updateInfo
|
|
77
72
|
}), emptyPassword && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
78
73
|
children: "La contrase\xF1a debe ser minimo de 8 caracteres"
|
|
79
74
|
})]
|
|
@@ -33,7 +33,8 @@ var TagAndInput = function TagAndInput(_ref) {
|
|
|
33
33
|
maxChar = _ref.maxChar,
|
|
34
34
|
required = _ref.required,
|
|
35
35
|
optionList = _ref.optionList,
|
|
36
|
-
description = _ref.description
|
|
36
|
+
description = _ref.description,
|
|
37
|
+
inputOnChange = _ref.inputOnChange;
|
|
37
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
38
39
|
inputType: inputType,
|
|
39
40
|
className: "input-container",
|
|
@@ -65,7 +66,8 @@ var TagAndInput = function TagAndInput(_ref) {
|
|
|
65
66
|
maxChar: maxChar,
|
|
66
67
|
required: required,
|
|
67
68
|
optionList: optionList,
|
|
68
|
-
description: description
|
|
69
|
+
description: description,
|
|
70
|
+
inputOnChange: inputOnChange
|
|
69
71
|
})]
|
|
70
72
|
}, "generalTagInput-".concat(inputType));
|
|
71
73
|
};
|
|
@@ -55,7 +55,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
55
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
56
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
|
|
57
57
|
productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.name) || (headerData === null || headerData === void 0 ? void 0 : headerData.name),
|
|
58
|
-
statusType: (headerData === null || headerData === void 0 ? void 0 : headerData.version_status) || (headerData === null || headerData === void 0 ? void 0 : headerData.status),
|
|
58
|
+
statusType: (headerData === null || headerData === void 0 ? void 0 : headerData.version_status) || (headerData === null || headerData === void 0 ? void 0 : headerData.status) || (headerData === null || headerData === void 0 ? void 0 : headerData.article_status),
|
|
59
59
|
percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
|
|
60
60
|
priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio,
|
|
61
61
|
date: new Date((headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp)).toLocaleDateString()
|
|
@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.ChangePasswordLogin = void 0;
|
|
9
9
|
|
|
10
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
11
|
|
|
16
12
|
var _styles = require("./styles");
|
|
@@ -55,37 +51,18 @@ var ChangePasswordLogin = function ChangePasswordLogin(_ref) {
|
|
|
55
51
|
matchPasswords = _useState6[0],
|
|
56
52
|
setMatchPasswords = _useState6[1];
|
|
57
53
|
|
|
58
|
-
var validate =
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (password === confirmPassword) {
|
|
72
|
-
setMatchPasswords(true);
|
|
73
|
-
} else {
|
|
74
|
-
setMatchPasswords(false);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
case 6:
|
|
78
|
-
case "end":
|
|
79
|
-
return _context.stop();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}, _callee);
|
|
83
|
-
}));
|
|
84
|
-
|
|
85
|
-
return function validate(_x) {
|
|
86
|
-
return _ref2.apply(this, arguments);
|
|
87
|
-
};
|
|
88
|
-
}();
|
|
54
|
+
var validate = function validate(e) {
|
|
55
|
+
var password = document.querySelector("#newPasswordInput").value;
|
|
56
|
+
password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
|
|
57
|
+
var confirmPassword = document.querySelector("#confirmPasswordInput").value;
|
|
58
|
+
confirmPassword === "" ? setEmptyConfirmPassword(true) : setEmptyConfirmPassword(false);
|
|
59
|
+
|
|
60
|
+
if (password === confirmPassword) {
|
|
61
|
+
setMatchPasswords(true);
|
|
62
|
+
} else {
|
|
63
|
+
setMatchPasswords(false);
|
|
64
|
+
}
|
|
65
|
+
};
|
|
89
66
|
|
|
90
67
|
var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
91
68
|
className: "credenciales",
|
|
@@ -31,61 +31,115 @@ ProviderProductEditionDefault.args = {
|
|
|
31
31
|
"Ficha técnica": false,
|
|
32
32
|
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhOTZjN2YxMi0wYjI5LTRkMzctOWMxOS1mMDAzMWFiMGY2N2EiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NTQ5MjkzNiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU1NDk2NTM2LCJpYXQiOjE2NTU0OTI5MzYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.Rg3hxEzGy4pSDcG-q5lXRZWBoBiXQQKCdpRtAChvQuGM5GaQySgBW0YUEIXcLuwMbWSzj3RWJ4ZTY8NZvUhYIRbGqnIhB82FP41YCcYF7BYDilr4pZzeqEjx6U4_jR4HtbmkFfscyg0Q1VINNHTj1b0n1xLNMiE6rM7hY3eWFFhyvXn5OIH_5fZaHjYRe2uBDnF6Ogx1Za2z8DzyKkR2-QjVo4l-f64Egc5EfYWm6_3gZ1gkRGLxa7HfQXNUs0ds7Ifkx4QYHggUQdkrNdmGeYGxqZFYgG5a4LWZ-17E6x5yL87LhH-oErepE6xe6oyy-DnHaf7rWnRPqxSuilW5lQ",
|
|
35
35
|
articleId: 238,
|
|
36
36
|
category: 846,
|
|
37
37
|
version: 2,
|
|
38
38
|
productSelected: {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
categoryName: "ILUMINACIÓN|FOCOS|LEDS",
|
|
46
|
-
asignations: [],
|
|
39
|
+
orderId: 14,
|
|
40
|
+
article_status: "AP",
|
|
41
|
+
datasheet_status: "AC",
|
|
42
|
+
description_status: "AC",
|
|
43
|
+
images_status: "AP",
|
|
44
|
+
prio: "none",
|
|
47
45
|
version: 2,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
brand: null,
|
|
47
|
+
article: {
|
|
48
|
+
category: "ILUMINACIÓN|FOCOS|LEDS",
|
|
49
|
+
company_name: "COMPANY DEV",
|
|
52
50
|
country: "México",
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
id_category: "2146",
|
|
52
|
+
id_article: 35705,
|
|
53
|
+
name: "FOCO LED A19 (60W) LUZ AMARILLA",
|
|
54
|
+
upc: "12087311111"
|
|
55
|
+
},
|
|
56
|
+
retailers: [{
|
|
57
|
+
id: 58,
|
|
58
|
+
name: "The Home Depot Golden"
|
|
59
|
+
}, {
|
|
60
|
+
id: 59,
|
|
61
|
+
name: "The Home Depot Platinum"
|
|
62
|
+
}, {
|
|
63
|
+
id: 60,
|
|
64
|
+
name: "The Home Depot Resizing"
|
|
65
|
+
}, {
|
|
66
|
+
id: 61,
|
|
67
|
+
name: "Home Depot TAB"
|
|
55
68
|
}],
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
69
|
+
services: {
|
|
70
|
+
datasheets: 1,
|
|
71
|
+
descriptions: 1,
|
|
72
|
+
images: 1
|
|
73
|
+
},
|
|
74
|
+
id_article: 35705,
|
|
75
|
+
retailersAvailable: [{
|
|
76
|
+
id: 58,
|
|
77
|
+
name: "The Home Depot Golden"
|
|
78
|
+
}, {
|
|
79
|
+
id: 59,
|
|
80
|
+
name: "The Home Depot Platinum"
|
|
81
|
+
}, {
|
|
82
|
+
id: 60,
|
|
83
|
+
name: "The Home Depot Resizing"
|
|
84
|
+
}, {
|
|
85
|
+
id: 61,
|
|
86
|
+
name: "Home Depot TAB"
|
|
87
|
+
}]
|
|
61
88
|
},
|
|
62
89
|
productToEdit: {
|
|
90
|
+
ArticleId: 35705,
|
|
63
91
|
idCategory: "2146",
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
status: "NULL",
|
|
72
|
-
categoryName: "ILUMINACIÓN|FOCOS|LEDS",
|
|
73
|
-
asignations: [],
|
|
92
|
+
product: {
|
|
93
|
+
orderId: 14,
|
|
94
|
+
article_status: "AP",
|
|
95
|
+
datasheet_status: "AC",
|
|
96
|
+
description_status: "AC",
|
|
97
|
+
images_status: "AP",
|
|
98
|
+
prio: "none",
|
|
74
99
|
version: 2,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
100
|
+
brand: null,
|
|
101
|
+
article: {
|
|
102
|
+
category: "ILUMINACIÓN|FOCOS|LEDS",
|
|
103
|
+
company_name: "COMPANY DEV",
|
|
79
104
|
country: "México",
|
|
80
|
-
|
|
81
|
-
|
|
105
|
+
id_category: "2146",
|
|
106
|
+
id_article: 35705,
|
|
107
|
+
name: "FOCO LED A19 (60W) LUZ AMARILLA",
|
|
108
|
+
upc: "12087311111"
|
|
109
|
+
},
|
|
110
|
+
retailers: [{
|
|
111
|
+
id: 58,
|
|
112
|
+
name: "The Home Depot Golden"
|
|
113
|
+
}, {
|
|
114
|
+
id: 59,
|
|
115
|
+
name: "The Home Depot Platinum"
|
|
116
|
+
}, {
|
|
117
|
+
id: 60,
|
|
118
|
+
name: "The Home Depot Resizing"
|
|
119
|
+
}, {
|
|
120
|
+
id: 61,
|
|
121
|
+
name: "Home Depot TAB"
|
|
82
122
|
}],
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
123
|
+
services: {
|
|
124
|
+
datasheets: 1,
|
|
125
|
+
descriptions: 1,
|
|
126
|
+
images: 1
|
|
127
|
+
},
|
|
128
|
+
id_article: 35705,
|
|
129
|
+
retailersAvailable: [{
|
|
130
|
+
id: 58,
|
|
131
|
+
name: "The Home Depot Golden"
|
|
132
|
+
}, {
|
|
133
|
+
id: 59,
|
|
134
|
+
name: "The Home Depot Platinum"
|
|
135
|
+
}, {
|
|
136
|
+
id: 60,
|
|
137
|
+
name: "The Home Depot Resizing"
|
|
138
|
+
}, {
|
|
139
|
+
id: 61,
|
|
140
|
+
name: "Home Depot TAB"
|
|
141
|
+
}]
|
|
142
|
+
}
|
|
89
143
|
},
|
|
90
144
|
location: {
|
|
91
145
|
product: {
|
|
@@ -93,39 +147,39 @@ ProviderProductEditionDefault.args = {
|
|
|
93
147
|
versionId: 3
|
|
94
148
|
},
|
|
95
149
|
state: {
|
|
96
|
-
origin: "
|
|
150
|
+
origin: "Contentoh"
|
|
97
151
|
}
|
|
98
152
|
},
|
|
99
153
|
user: {
|
|
100
|
-
id_user:
|
|
101
|
-
name: "
|
|
102
|
-
last_name: "
|
|
103
|
-
email: "
|
|
104
|
-
position: "
|
|
154
|
+
id_user: 59,
|
|
155
|
+
name: "The Home",
|
|
156
|
+
last_name: "Depot",
|
|
157
|
+
email: "cadena.ismael@allfreemail.net",
|
|
158
|
+
position: "Admin",
|
|
105
159
|
telephone: "+523111366336",
|
|
106
160
|
country: "México",
|
|
107
|
-
id_company:
|
|
108
|
-
id_cognito: "
|
|
161
|
+
id_company: 7,
|
|
162
|
+
id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
|
|
109
163
|
birth_Date: null,
|
|
110
164
|
about_me: null,
|
|
111
165
|
zip_code: null,
|
|
112
166
|
address: null,
|
|
113
167
|
job: null,
|
|
114
|
-
id_stripe: "
|
|
168
|
+
id_stripe: "",
|
|
115
169
|
id_role: 0,
|
|
116
170
|
active: 1,
|
|
117
|
-
is_retailer:
|
|
171
|
+
is_retailer: 1,
|
|
118
172
|
membership: {
|
|
119
|
-
id:
|
|
120
|
-
start_date: "
|
|
121
|
-
end_date: "
|
|
122
|
-
planID:
|
|
123
|
-
plan: "
|
|
124
|
-
name: "Plan
|
|
125
|
-
user_limit: "
|
|
126
|
-
products_limit: "
|
|
173
|
+
id: 24,
|
|
174
|
+
start_date: "2021-11-23T03:35:50.000Z",
|
|
175
|
+
end_date: "2022-11-23T03:35:50.000Z",
|
|
176
|
+
planID: 9,
|
|
177
|
+
plan: "prod_KtlkzZVGq6bRTO",
|
|
178
|
+
name: "Plan Enterprise Full",
|
|
179
|
+
user_limit: "30",
|
|
180
|
+
products_limit: "10000",
|
|
127
181
|
type: "Enterprise"
|
|
128
182
|
},
|
|
129
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
183
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1655492937526"
|
|
130
184
|
}
|
|
131
185
|
};
|
|
@@ -478,14 +478,14 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
478
478
|
case 2:
|
|
479
479
|
services = _context2.sent;
|
|
480
480
|
//Converts the data inside the datasheets object to array
|
|
481
|
-
setServices(services);
|
|
481
|
+
setServices(services);
|
|
482
|
+
getServices(); //setActiveRetailer(product?.retailers[0]);
|
|
482
483
|
|
|
483
484
|
setImages({
|
|
484
485
|
action: "init",
|
|
485
486
|
init: services[2]
|
|
486
487
|
});
|
|
487
488
|
if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
|
|
488
|
-
setActiveRetailer(product.retailers ? product.retailers[0] : product.retailersAvailable[0]);
|
|
489
489
|
(0, _data2.getPercentage)({
|
|
490
490
|
data: [product]
|
|
491
491
|
}).then(function (res) {
|
|
@@ -621,12 +621,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
621
621
|
while (1) {
|
|
622
622
|
switch (_context5.prev = _context5.next) {
|
|
623
623
|
case 0:
|
|
624
|
-
loadData();
|
|
624
|
+
loadData();
|
|
625
|
+
setActiveRetailer(product.retailers ? product.retailers[0] : product.retailersAvailable[0]); // getPercentage({ data: [product] }).then((res) =>
|
|
625
626
|
// setPercentages(res)
|
|
626
627
|
// );
|
|
627
628
|
|
|
628
629
|
getCart();
|
|
629
|
-
getServices();
|
|
630
630
|
_context5.t0 = setUserGroups;
|
|
631
631
|
_context5.next = 6;
|
|
632
632
|
return (0, _data2.fetchUsers)(token);
|
|
@@ -1696,8 +1696,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1696
1696
|
sessionStorage.setItem("productEdit", JSON.stringify(prod));
|
|
1697
1697
|
setProduct(prod);
|
|
1698
1698
|
setShowGenericModal && setShowGenericModal(false);
|
|
1699
|
+
loadData();
|
|
1699
1700
|
|
|
1700
|
-
case
|
|
1701
|
+
case 14:
|
|
1701
1702
|
case "end":
|
|
1702
1703
|
return _context14.stop();
|
|
1703
1704
|
}
|
|
@@ -1950,7 +1951,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1950
1951
|
onClick: function onClick() {
|
|
1951
1952
|
//setModalSent(true);
|
|
1952
1953
|
sendEvaluation();
|
|
1953
|
-
setMessage("\xA1Evaluaci\xF3n de ".concat(
|
|
1954
|
+
setMessage("\xA1Evaluaci\xF3n de ".concat(activeTab, " completada!"));
|
|
1954
1955
|
}
|
|
1955
1956
|
})]
|
|
1956
1957
|
}) : revision ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -1960,15 +1961,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1960
1961
|
children: "Los atributos son requeridos por las plataformas de las cadenas, es muy importante completar los campos requeridos ya que pueden rechazar el producto por falta de informaci\xF3n."
|
|
1961
1962
|
})
|
|
1962
1963
|
}), inCart ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
1963
|
-
type: "button"
|
|
1964
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
|
|
1965
|
-
to: "/checkout",
|
|
1966
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
1967
|
-
children: "Articulo en carrito"
|
|
1968
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
1969
|
-
children: "Ir a checkout"
|
|
1970
|
-
})]
|
|
1971
|
-
})
|
|
1964
|
+
type: "button"
|
|
1972
1965
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
1973
1966
|
onClick: function onClick() {
|
|
1974
1967
|
setShowContentohRequestModal && setShowContentohRequestModal(true);
|
|
@@ -1981,7 +1974,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1981
1974
|
}), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
|
|
1982
1975
|
images: images,
|
|
1983
1976
|
setShowModal: setShowModal
|
|
1984
|
-
}), message.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
|
|
1977
|
+
}), message.length > 0 && !showSurvey && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
|
|
1985
1978
|
buttonType: componentsArray.length > 0 && "delete-product",
|
|
1986
1979
|
componentsArray: componentsArray.length > 0 ? componentsArray : [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
1987
1980
|
src: _genericModalCheck.default,
|
|
@@ -31,7 +31,7 @@ RetailerProductEditionDefault.args = {
|
|
|
31
31
|
"Ficha técnica": false,
|
|
32
32
|
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjZlYzkzZDk4LTU3Y2YtNDdhMS05MTBhLTk1ZWIxNjdhYjhjNyIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjU1NTAyMDg3LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjU1NTA1Njg3LCJpYXQiOjE2NTU1MDIwODcsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.fxgw--POlE3fFg2QWJaSD6tWZB9je4bR-rX5MJGOSRH9dc2WvDROjS1x_bT41M-wx9q-_U2xcFTAIff76zd-PYFYuYD29pJzTNl3c8xpQYcg4LwCvsBueRN9-_qxDcGzdSwdzxVbbk8guGdu4FA9ll-nruVIJ5QWnt8yNkWKRfn_bDLWHuQ2fPHsvVScwdn4Q60wERB6GFy6xLuQtRD5zWOBMu-_gLIfvbTm-eEJu-pkB5WtBDQki-UY1yi3bIjk9mNVSM4cdEFA7_84zKWL1O2eUUCOVC7Cn2NXQ0OEgphYmSftTU7nVN_xvl8JSUXdqRpSpkCYka849zCL5OJV7Q",
|
|
35
35
|
articleId: 238,
|
|
36
36
|
category: 846,
|
|
37
37
|
version: 2,
|
|
@@ -41,18 +41,18 @@ RetailerProductEditionDefault.args = {
|
|
|
41
41
|
descriptions: 1,
|
|
42
42
|
images: 1
|
|
43
43
|
},
|
|
44
|
-
orderId:
|
|
45
|
-
status: "
|
|
46
|
-
datasheet_status:
|
|
44
|
+
orderId: 1,
|
|
45
|
+
status: "AF",
|
|
46
|
+
datasheet_status: "AF",
|
|
47
47
|
prio: "none",
|
|
48
|
-
version:
|
|
49
|
-
description_status:
|
|
50
|
-
images_status:
|
|
48
|
+
version: 2,
|
|
49
|
+
description_status: "AF",
|
|
50
|
+
images_status: "AF",
|
|
51
51
|
article: {
|
|
52
|
-
id_article:
|
|
53
|
-
id_category: "
|
|
54
|
-
name: "
|
|
55
|
-
upc: "
|
|
52
|
+
id_article: 33250,
|
|
53
|
+
id_category: "689",
|
|
54
|
+
name: "crema antiarrugas",
|
|
55
|
+
upc: "2512651",
|
|
56
56
|
timestamp: "2022-06-14T14:52:51.000Z",
|
|
57
57
|
id_user: 28,
|
|
58
58
|
status: "NULL",
|
|
@@ -60,19 +60,19 @@ RetailerProductEditionDefault.args = {
|
|
|
60
60
|
company_id: 1,
|
|
61
61
|
company_name: "COMPANY DEV",
|
|
62
62
|
country: "México",
|
|
63
|
-
id_order:
|
|
64
|
-
id_datasheet_especialist:
|
|
65
|
-
id_datasheet_facilitator:
|
|
66
|
-
id_description_especialist:
|
|
67
|
-
id_description_facilitator:
|
|
68
|
-
id_images_especialist:
|
|
69
|
-
id_images_facilitator:
|
|
70
|
-
id_auditor:
|
|
63
|
+
id_order: 1,
|
|
64
|
+
id_datasheet_especialist: 54,
|
|
65
|
+
id_datasheet_facilitator: 52,
|
|
66
|
+
id_description_especialist: 54,
|
|
67
|
+
id_description_facilitator: 52,
|
|
68
|
+
id_images_especialist: 55,
|
|
69
|
+
id_images_facilitator: 53,
|
|
70
|
+
id_auditor: 30,
|
|
71
71
|
id_recepcionist: null,
|
|
72
|
-
category: "SALUD Y BELLEZA|CUIDADO
|
|
73
|
-
missingAttributes:
|
|
74
|
-
missingDescriptions:
|
|
75
|
-
missingImages:
|
|
72
|
+
category: "SALUD Y BELLEZA|CUIDADO CORPORAL|CREMAS FAMILIARES",
|
|
73
|
+
missingAttributes: null,
|
|
74
|
+
missingDescriptions: null,
|
|
75
|
+
missingImages: null
|
|
76
76
|
},
|
|
77
77
|
retailers: [{
|
|
78
78
|
id: 4,
|
|
@@ -81,26 +81,14 @@ RetailerProductEditionDefault.args = {
|
|
|
81
81
|
id_region: 1,
|
|
82
82
|
active: 1
|
|
83
83
|
}, {
|
|
84
|
-
id:
|
|
85
|
-
name: "
|
|
84
|
+
id: 26,
|
|
85
|
+
name: "Mercado Libre",
|
|
86
86
|
country: "México",
|
|
87
87
|
id_region: 1,
|
|
88
88
|
active: 1
|
|
89
|
-
}, {
|
|
90
|
-
id: 1013,
|
|
91
|
-
name: "Cencosud Colombia",
|
|
92
|
-
country: "Colombia",
|
|
93
|
-
id_region: 2,
|
|
94
|
-
active: 1
|
|
95
|
-
}, {
|
|
96
|
-
id: 2005,
|
|
97
|
-
name: "ClubCo",
|
|
98
|
-
country: "Costa Rica",
|
|
99
|
-
id_region: 3,
|
|
100
|
-
active: 1
|
|
101
89
|
}],
|
|
102
90
|
country: "México",
|
|
103
|
-
upc: "
|
|
91
|
+
upc: "2512651"
|
|
104
92
|
},
|
|
105
93
|
location: {
|
|
106
94
|
product: {
|
|
@@ -109,22 +97,22 @@ RetailerProductEditionDefault.args = {
|
|
|
109
97
|
}
|
|
110
98
|
},
|
|
111
99
|
user: {
|
|
112
|
-
id_user:
|
|
113
|
-
name: "
|
|
114
|
-
last_name: "",
|
|
115
|
-
email: "
|
|
116
|
-
position:
|
|
100
|
+
id_user: 30,
|
|
101
|
+
name: "Admin",
|
|
102
|
+
last_name: "Ulises",
|
|
103
|
+
email: "salmeron.5@hotmail.com",
|
|
104
|
+
position: "Admin",
|
|
117
105
|
telephone: null,
|
|
118
|
-
country:
|
|
106
|
+
country: "México",
|
|
119
107
|
id_company: 2,
|
|
120
|
-
id_cognito: "
|
|
108
|
+
id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
|
|
121
109
|
birth_Date: null,
|
|
122
110
|
about_me: null,
|
|
123
111
|
zip_code: null,
|
|
124
112
|
address: null,
|
|
125
113
|
job: null,
|
|
126
114
|
id_stripe: null,
|
|
127
|
-
id_role:
|
|
115
|
+
id_role: 6,
|
|
128
116
|
active: 1,
|
|
129
117
|
is_retailer: 0,
|
|
130
118
|
membership: {
|
|
@@ -138,6 +126,6 @@ RetailerProductEditionDefault.args = {
|
|
|
138
126
|
products_limit: "3",
|
|
139
127
|
type: "PyMES"
|
|
140
128
|
},
|
|
141
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
129
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1655502088129"
|
|
142
130
|
}
|
|
143
131
|
};
|
|
@@ -515,7 +515,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
515
515
|
// setPercentages(res)
|
|
516
516
|
// );
|
|
517
517
|
|
|
518
|
-
setActiveRetailer(
|
|
518
|
+
setActiveRetailer(function (current) {
|
|
519
|
+
return current.id ? current : product.retailers ? product.retailers[0] : product.retailersAvailable[0];
|
|
520
|
+
});
|
|
519
521
|
getComments();
|
|
520
522
|
_context4.t0 = setUserGroups;
|
|
521
523
|
_context4.next = 6;
|
|
@@ -971,6 +973,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
971
973
|
srvActive = _srv$filter2[0];
|
|
972
974
|
|
|
973
975
|
var unvalidated = product["".concat(getConcept(tab), "_status")] === "QF" || product["".concat(getConcept(tab), "_status")] === "IN_PROGRESS";
|
|
976
|
+
var auditorUnvalidated = !["RA", "AA"].includes(product["".concat(getConcept(tab), "_status")]);
|
|
974
977
|
|
|
975
978
|
switch (userId) {
|
|
976
979
|
case 7:
|
|
@@ -988,7 +991,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
988
991
|
case 6:
|
|
989
992
|
return statusArray.includes(product.status) && servicesData.every(function (serv) {
|
|
990
993
|
return ["RA", "AA"].includes(serv.status);
|
|
991
|
-
});
|
|
994
|
+
}) && auditorUnvalidated;
|
|
992
995
|
|
|
993
996
|
default:
|
|
994
997
|
break;
|
|
@@ -1055,7 +1058,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
1055
1058
|
data = {};
|
|
1056
1059
|
|
|
1057
1060
|
if (!result) {
|
|
1058
|
-
_context9.next =
|
|
1061
|
+
_context9.next = 12;
|
|
1059
1062
|
break;
|
|
1060
1063
|
}
|
|
1061
1064
|
|
|
@@ -1076,11 +1079,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
1076
1079
|
});
|
|
1077
1080
|
|
|
1078
1081
|
case 10:
|
|
1079
|
-
|
|
1080
|
-
_context9.next = 32;
|
|
1082
|
+
_context9.next = 30;
|
|
1081
1083
|
break;
|
|
1082
1084
|
|
|
1083
|
-
case
|
|
1085
|
+
case 12:
|
|
1084
1086
|
specialistDone = evalStatus === "RF" || evalStatus === "RA" || evalStatus === "IN_PROGRESS";
|
|
1085
1087
|
|
|
1086
1088
|
if (specialistDone) {
|
|
@@ -1115,51 +1117,49 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
1115
1117
|
retailerId: activeRetailer.id
|
|
1116
1118
|
};
|
|
1117
1119
|
_context9.t0 = user.id_role;
|
|
1118
|
-
_context9.next = _context9.t0 === 7 ?
|
|
1120
|
+
_context9.next = _context9.t0 === 7 ? 23 : _context9.t0 === 8 ? 23 : _context9.t0 === 4 ? 25 : _context9.t0 === 5 ? 25 : 27;
|
|
1119
1121
|
break;
|
|
1120
1122
|
|
|
1121
|
-
case
|
|
1123
|
+
case 23:
|
|
1122
1124
|
data.especialist = true;
|
|
1123
|
-
return _context9.abrupt("break",
|
|
1125
|
+
return _context9.abrupt("break", 28);
|
|
1124
1126
|
|
|
1125
|
-
case
|
|
1127
|
+
case 25:
|
|
1126
1128
|
data.facilitator = true;
|
|
1127
|
-
return _context9.abrupt("break",
|
|
1129
|
+
return _context9.abrupt("break", 28);
|
|
1128
1130
|
|
|
1129
|
-
case
|
|
1130
|
-
return _context9.abrupt("break",
|
|
1131
|
+
case 27:
|
|
1132
|
+
return _context9.abrupt("break", 28);
|
|
1131
1133
|
|
|
1132
|
-
case
|
|
1133
|
-
_context9.next =
|
|
1134
|
+
case 28:
|
|
1135
|
+
_context9.next = 30;
|
|
1134
1136
|
return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
|
|
1135
1137
|
headers: {
|
|
1136
1138
|
Authorization: token
|
|
1137
1139
|
}
|
|
1138
1140
|
});
|
|
1139
1141
|
|
|
1140
|
-
case
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
case 32:
|
|
1142
|
+
case 30:
|
|
1143
|
+
loadData();
|
|
1144
1144
|
sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
|
|
1145
1145
|
setProduct(productTemp);
|
|
1146
|
-
_context9.next =
|
|
1146
|
+
_context9.next = 38;
|
|
1147
1147
|
break;
|
|
1148
1148
|
|
|
1149
|
-
case
|
|
1150
|
-
_context9.prev =
|
|
1149
|
+
case 35:
|
|
1150
|
+
_context9.prev = 35;
|
|
1151
1151
|
_context9.t1 = _context9["catch"](1);
|
|
1152
1152
|
console.log(_context9.t1);
|
|
1153
1153
|
|
|
1154
|
-
case
|
|
1154
|
+
case 38:
|
|
1155
1155
|
setLoading(false);
|
|
1156
1156
|
|
|
1157
|
-
case
|
|
1157
|
+
case 39:
|
|
1158
1158
|
case "end":
|
|
1159
1159
|
return _context9.stop();
|
|
1160
1160
|
}
|
|
1161
1161
|
}
|
|
1162
|
-
}, _callee9, null, [[1,
|
|
1162
|
+
}, _callee9, null, [[1, 35]]);
|
|
1163
1163
|
}));
|
|
1164
1164
|
|
|
1165
1165
|
return function sendToFacilitator(_x) {
|
package/package.json
CHANGED
|
@@ -23,6 +23,7 @@ export const GeneralInput = ({
|
|
|
23
23
|
version,
|
|
24
24
|
optionList = [],
|
|
25
25
|
description,
|
|
26
|
+
inputOnChange,
|
|
26
27
|
}) => {
|
|
27
28
|
const [textValue, setTextValue] = useState({
|
|
28
29
|
value: inputValue,
|
|
@@ -31,12 +32,13 @@ export const GeneralInput = ({
|
|
|
31
32
|
|
|
32
33
|
const onHandleChange = (evt) => {
|
|
33
34
|
if (validateInput) {
|
|
35
|
+
console.log("here");
|
|
34
36
|
setTextValue({ value: validateInput(evt, position, inputsArray) });
|
|
35
|
-
} else {
|
|
37
|
+
} else if (updatedDatasheets || updatedDescriptions) {
|
|
36
38
|
setTextValue({
|
|
37
39
|
value: inputType === "checkbox" ? evt.target.checked : evt.target.value,
|
|
38
40
|
});
|
|
39
|
-
let dataSave = updatedDatasheets
|
|
41
|
+
let dataSave = updatedDatasheets?.slice();
|
|
40
42
|
if (dataSave.length === 0)
|
|
41
43
|
dataSave.push({
|
|
42
44
|
articleId: articleId,
|
|
@@ -62,6 +64,9 @@ export const GeneralInput = ({
|
|
|
62
64
|
});
|
|
63
65
|
}
|
|
64
66
|
setUpdatedDatasheets(dataSave);
|
|
67
|
+
} else {
|
|
68
|
+
setTextValue({ value: evt.target.value });
|
|
69
|
+
inputOnChange && inputOnChange(evt);
|
|
65
70
|
}
|
|
66
71
|
};
|
|
67
72
|
|
|
@@ -81,14 +86,14 @@ export const GeneralInput = ({
|
|
|
81
86
|
//disabled={!enableInputs}
|
|
82
87
|
onChange={(e) => onHandleChange(e)}
|
|
83
88
|
>
|
|
84
|
-
<option value=""
|
|
89
|
+
<option value="" disabled>
|
|
85
90
|
{description}
|
|
86
91
|
</option>
|
|
87
|
-
{JSON.parse(optionList || "[]").map((element) => (
|
|
92
|
+
{JSON.parse(optionList || "[]").map((element, index) => (
|
|
88
93
|
<option
|
|
89
|
-
key={element}
|
|
94
|
+
key={element + "-" + index}
|
|
90
95
|
value={element}
|
|
91
|
-
|
|
96
|
+
defaultValue={element === textValue.value ? "selected" : ""}
|
|
92
97
|
>
|
|
93
98
|
{element}
|
|
94
99
|
</option>
|
|
@@ -13,30 +13,19 @@ export const LoginPasswordStrength = ({
|
|
|
13
13
|
let numbers = /[0-9]/g;
|
|
14
14
|
let specialChar = /[‘!’,‘@’,‘#’,‘$’,‘%’,‘^’,‘&’,‘*’]/g;
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
const inputValue = document.getElementById("newPasswordInput");
|
|
18
|
-
inputValue.addEventListener(
|
|
19
|
-
"input",
|
|
20
|
-
(e) => {
|
|
21
|
-
updateInfo(e, e.target.value);
|
|
22
|
-
},
|
|
23
|
-
false
|
|
24
|
-
);
|
|
25
|
-
}, []);
|
|
26
|
-
|
|
27
|
-
const updateInfo = (e, newValue) => {
|
|
16
|
+
const updateInfo = (e) => {
|
|
28
17
|
switch (e.target.id) {
|
|
29
18
|
case "newPasswordInput":
|
|
30
19
|
setPasswordStrength(0);
|
|
31
|
-
if (
|
|
20
|
+
if (e.target.value.length >= 8) {
|
|
32
21
|
setPasswordStrength((passwordStrength) => passwordStrength + 1);
|
|
33
22
|
}
|
|
34
23
|
//Verificar si la contraseña contiene mayuscula, numeros y un caracter especial
|
|
35
|
-
|
|
24
|
+
e.target.value.match(upperCaseLetters) &&
|
|
36
25
|
setPasswordStrength((passwordStrength) => passwordStrength + 1);
|
|
37
|
-
|
|
26
|
+
e.target.value.match(numbers) &&
|
|
38
27
|
setPasswordStrength((passwordStrength) => passwordStrength + 1);
|
|
39
|
-
|
|
28
|
+
e.target.value.match(specialChar) &&
|
|
40
29
|
setPasswordStrength((passwordStrength) => passwordStrength + 1);
|
|
41
30
|
break;
|
|
42
31
|
default:
|
|
@@ -52,6 +41,7 @@ export const LoginPasswordStrength = ({
|
|
|
52
41
|
inputId={"newPasswordInput"}
|
|
53
42
|
label={"Ingrese su nueva contraseña"}
|
|
54
43
|
isRequired={required}
|
|
44
|
+
inputOnChange={updateInfo}
|
|
55
45
|
/>
|
|
56
46
|
{emptyPassword && (
|
|
57
47
|
<label>La contraseña debe ser minimo de 8 caracteres</label>
|
|
@@ -23,6 +23,7 @@ export const TagAndInput = ({
|
|
|
23
23
|
required,
|
|
24
24
|
optionList,
|
|
25
25
|
description,
|
|
26
|
+
inputOnChange,
|
|
26
27
|
}) => {
|
|
27
28
|
return (
|
|
28
29
|
<Container
|
|
@@ -54,6 +55,7 @@ export const TagAndInput = ({
|
|
|
54
55
|
required={required}
|
|
55
56
|
optionList={optionList}
|
|
56
57
|
description={description}
|
|
58
|
+
inputOnChange={inputOnChange}
|
|
57
59
|
/>
|
|
58
60
|
</Container>
|
|
59
61
|
);
|
|
@@ -17,8 +17,7 @@ export const ChangePasswordLogin = ({
|
|
|
17
17
|
const [emptyPassword, setEmptyPassword] = useState(false);
|
|
18
18
|
const [emptyConfirmPassword, setEmptyConfirmPassword] = useState(false);
|
|
19
19
|
const [matchPasswords, setMatchPasswords] = useState(true);
|
|
20
|
-
const validate =
|
|
21
|
-
e.preventDefault();
|
|
20
|
+
const validate = (e) => {
|
|
22
21
|
const password = document.querySelector("#newPasswordInput").value;
|
|
23
22
|
password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
|
|
24
23
|
const confirmPassword = document.querySelector(
|