contentoh-components-library 21.2.74 → 21.2.76
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/StatusTag/StatusTag.stories.js +48 -0
- package/dist/components/atoms/StatusTag/index.js +58 -0
- package/dist/components/atoms/StatusTag/styles.js +20 -0
- package/dist/components/molecules/CustomSelect/index.js +4 -3
- package/dist/components/molecules/SignInLogin/styles.js +1 -1
- package/dist/components/organisms/VersionSelector/index.js +7 -2
- package/dist/components/pages/Dashboard/Dashboard.stories.js +1 -1
- package/dist/components/pages/Dashboard/index.js +2 -3
- package/dist/components/pages/ProviderProductEdition/index.js +13 -9
- package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
- package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
- package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
- package/dist/global-files/data.js +0 -1
- package/package.json +5 -5
- package/src/components/molecules/CustomSelect/CustomSelect.stories.js +2 -2
- package/src/components/molecules/CustomSelect/index.js +3 -2
- package/src/components/molecules/SignInLogin/styles.js +1 -10
- package/src/components/organisms/VersionSelector/index.js +7 -1
- package/src/components/pages/Dashboard/Dashboard.stories.js +1 -1
- package/src/components/pages/Dashboard/index.js +4 -5
- package/src/components/pages/ProviderProductEdition/index.js +2 -0
- package/src/components/pages/RetailerProductEdition/index.js +1 -0
- package/src/global-files/data.js +0 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = exports.StatusTagDefault = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _index = require("./index");
|
|
13
|
+
|
|
14
|
+
var _variables = require("../../../global-files/variables");
|
|
15
|
+
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
|
|
18
|
+
var status = _variables.GlobalStatus;
|
|
19
|
+
var _default = {
|
|
20
|
+
title: "Components/atoms/StatusTag",
|
|
21
|
+
component: _index.StatusTag,
|
|
22
|
+
argTypes: {
|
|
23
|
+
statusType: {
|
|
24
|
+
options: status,
|
|
25
|
+
control: {
|
|
26
|
+
type: "select"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
ovalForm: {
|
|
30
|
+
options: [true, false],
|
|
31
|
+
control: {
|
|
32
|
+
type: "boolean"
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
exports.default = _default;
|
|
38
|
+
|
|
39
|
+
var Template = function Template(args) {
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
var StatusTagDefault = Template.bind({});
|
|
44
|
+
exports.StatusTagDefault = StatusTagDefault;
|
|
45
|
+
StatusTagDefault.args = {
|
|
46
|
+
statusType: "-",
|
|
47
|
+
ovalForm: false
|
|
48
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StatusTag = void 0;
|
|
7
|
+
|
|
8
|
+
var _styles = require("./styles");
|
|
9
|
+
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
|
|
12
|
+
var StatusTag = function StatusTag(_ref) {
|
|
13
|
+
var statusType = _ref.statusType,
|
|
14
|
+
ovalForm = _ref.ovalForm;
|
|
15
|
+
|
|
16
|
+
var getShortStatus = function getShortStatus(status) {
|
|
17
|
+
switch (status) {
|
|
18
|
+
case "COMPLETED":
|
|
19
|
+
return "C";
|
|
20
|
+
|
|
21
|
+
case "RECEPTION":
|
|
22
|
+
return "Pr";
|
|
23
|
+
|
|
24
|
+
case "NULL":
|
|
25
|
+
return "-";
|
|
26
|
+
|
|
27
|
+
case "RECEIVED":
|
|
28
|
+
return "Rc";
|
|
29
|
+
|
|
30
|
+
case "IN_PROGRESS":
|
|
31
|
+
return "P";
|
|
32
|
+
|
|
33
|
+
case "ASSIGNED":
|
|
34
|
+
return "As";
|
|
35
|
+
|
|
36
|
+
case "APPROVED":
|
|
37
|
+
return "Ap";
|
|
38
|
+
|
|
39
|
+
case "VALIDATING":
|
|
40
|
+
return "V";
|
|
41
|
+
|
|
42
|
+
case "PAID_OUT":
|
|
43
|
+
return "Po";
|
|
44
|
+
|
|
45
|
+
default:
|
|
46
|
+
return status;
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
51
|
+
className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
|
|
52
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
53
|
+
children: getShortStatus(statusType)
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
exports.StatusTag = StatusTag;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Container = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
+
|
|
14
|
+
var _variables = require("../../../global-files/variables");
|
|
15
|
+
|
|
16
|
+
var _templateObject;
|
|
17
|
+
|
|
18
|
+
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);
|
|
19
|
+
|
|
20
|
+
exports.Container = Container;
|
|
@@ -23,6 +23,8 @@ var _searchIcon = _interopRequireDefault(require("../../../assets/images/customS
|
|
|
23
23
|
|
|
24
24
|
var _customHooks = require("../../../global-files/customHooks");
|
|
25
25
|
|
|
26
|
+
var _SelectItem = require("./SelectItem");
|
|
27
|
+
|
|
26
28
|
var _Calendar = require("../../organisms/Calendar");
|
|
27
29
|
|
|
28
30
|
var _CustomSelectItem = require("../../atoms/CustomSelectItem");
|
|
@@ -44,8 +46,7 @@ var CustomSelect = function CustomSelect(_ref) {
|
|
|
44
46
|
onClickItem = _ref.onClickItem,
|
|
45
47
|
icon = _ref.icon,
|
|
46
48
|
customOptions = _ref.customOptions,
|
|
47
|
-
|
|
48
|
-
isSingleSelect = _ref$isSingleSelect === void 0 ? false : _ref$isSingleSelect;
|
|
49
|
+
showFilterString = _ref.showFilterString;
|
|
49
50
|
|
|
50
51
|
var _useState = (0, _react.useState)([]),
|
|
51
52
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -222,7 +223,7 @@ var CustomSelect = function CustomSelect(_ref) {
|
|
|
222
223
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
223
224
|
className: "filters-container",
|
|
224
225
|
children: filters === null || filters === void 0 ? void 0 : filters.map(function (option) {
|
|
225
|
-
return
|
|
226
|
+
return customSelectId === "dates-select" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
226
227
|
className: "dates-select-item",
|
|
227
228
|
onClick: function onClick() {
|
|
228
229
|
option.function ? option.function(setShowDatePicker) : setShowDatePicker(true);
|
|
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
|
|
|
15
15
|
|
|
16
16
|
var _templateObject;
|
|
17
17
|
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: \"white\";\n display: flex;\n height: 100vh;\n width: 50%;\n justify-content: center;\n align-items: center;\n label {\n color: red;\n margin-top: 3px;\n margin-left: 15px;\n font-family: ", ";\n font-size: 11px;\n & + * {\n margin-top: 12px;\n }\n }\n\n &.home-login {\n .credenciales {\n & + * {\n margin-top: 30px;\n }\n }\n .user {\n & + * {\n margin-top: 45px;\n }\n }\n .password {\n & + * {\n margin-top: 20px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: \"white\";\n display: flex;\n height: 100vh;\n width: 50%;\n justify-content: center;\n align-items: center;\n label {\n color: red;\n margin-top: 3px;\n margin-left: 15px;\n font-family: ", ";\n font-size: 11px;\n & + * {\n margin-top: 12px;\n }\n }\n\n &.home-login {\n .credenciales {\n & + * {\n margin-top: 30px;\n }\n }\n .user {\n & + * {\n margin-top: 45px;\n }\n }\n .password {\n position: relative;\n & + * {\n margin-top: 20px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n width: 100%;\n border: 1px solid ", ";\n .input-container {\n h2 {\n position: absolute;\n top: -25px;\n left: 0;\n }\n }\n #passwordInput {\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n border: none;\n }\n .icon {\n position: absolute;\n height: 60%;\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n opacity: 0.3;\n cursor: pointer;\n }\n .icon:hover {\n opacity: 0.8;\n }\n }\n .select {\n display: flex;\n justify-content: space-between;\n .active-right {\n font-family: ", ";\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n letter-spacing: -0.015em;\n color: ", ";\n cursor: pointer;\n }\n & + * {\n margin-top: 50px;\n }\n }\n .button-right {\n text-align: right;\n & + * {\n margin-top: 55px;\n }\n }\n .new-login {\n p {\n font-family: ", ";\n text-align: right;\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n color: ", ";\n cursor: pointer;\n span {\n color: ", ";\n }\n }\n }\n }\n .main-container {\n max-width: 80%;\n max-height: 80%;\n }\n"])), _variables.FontFamily.Raleway_700, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -42,7 +42,8 @@ var VersionSelector = function VersionSelector(_ref) {
|
|
|
42
42
|
companyName = _ref.companyName,
|
|
43
43
|
currentVersion = _ref.currentVersion,
|
|
44
44
|
setShowCreateVersion = _ref.setShowCreateVersion,
|
|
45
|
-
setShowVersionSelector = _ref.setShowVersionSelector
|
|
45
|
+
setShowVersionSelector = _ref.setShowVersionSelector,
|
|
46
|
+
jwt = _ref.jwt;
|
|
46
47
|
|
|
47
48
|
var _useState = (0, _react.useState)([]),
|
|
48
49
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -58,7 +59,11 @@ var VersionSelector = function VersionSelector(_ref) {
|
|
|
58
59
|
case 0:
|
|
59
60
|
_context.prev = 0;
|
|
60
61
|
_context.next = 3;
|
|
61
|
-
return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true")
|
|
62
|
+
return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"), {
|
|
63
|
+
headers: {
|
|
64
|
+
Authorization: jwt
|
|
65
|
+
}
|
|
66
|
+
});
|
|
62
67
|
|
|
63
68
|
case 3:
|
|
64
69
|
response = _context.sent;
|
|
@@ -59,5 +59,5 @@ DashboardDeafult.args = {
|
|
|
59
59
|
},
|
|
60
60
|
src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174"
|
|
61
61
|
},
|
|
62
|
-
jwt: "
|
|
62
|
+
jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIyM2EzZjQ5Ni00ZTM4LTRlMTItOWJmNS03ZjkwYjc3YTJmMzUiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjIzYTNmNDk2LTRlMzgtNGUxMi05YmY1LTdmOTBiNzdhMmYzNSIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiMTRhODNhNS05NDhjLTQyMDgtOTUzNi02NTBiZWFhYjI2MmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjYzOTU1NiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjY0MzE1NiwiaWF0IjoxNjY2NjM5NTU2LCJlbWFpbCI6ImxhZGlib2g3ODVAbWkxNjYuY29tIn0.orGhdg1rhoD52Y5hOfr1H2ZWcfx57O_xSu-i8rZaWqQG2FrdeaoNNZ4r207uhaZF-gyuQevMkb02b4GkpMX1WaPRoS6f0OR0zNrOMXiag262G6kog6YuwiAiRasgfpGOhvOMRpwnm9zV3avqaqEI7S1B4VUl688NmwiVd0Zv6U3yuU2uyOc8Sb0wFKaQAcREydK-xNEwDTXzbsAewl3dXMA6lROQDn5ZOumVbAcZVRw1_z8DwGlsLdho_WwXHiDR_fcnFKZAXm1Jf8wJmQgT6EnmRrOIBROLv0e1uaW78nnvLKL7aWUyLr_VUlOb66AiHw0WnDUbVsDKn1nemMF2_Q"
|
|
63
63
|
};
|
|
@@ -438,8 +438,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
438
438
|
placeHolder: "Buscar fecha",
|
|
439
439
|
customSelectId: "dates-select",
|
|
440
440
|
parameterArray: datesRange,
|
|
441
|
-
setParameterArray: setDatesRange
|
|
442
|
-
isSingleSelect: true
|
|
441
|
+
setParameterArray: setDatesRange
|
|
443
442
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
|
|
444
443
|
showFilterString: true,
|
|
445
444
|
showSearchBar: true,
|
|
@@ -459,7 +458,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
459
458
|
customSelectId: "category-select",
|
|
460
459
|
parameterArray: categoryId,
|
|
461
460
|
setParameterArray: setCategoryId,
|
|
462
|
-
defaultOption: "Todas las
|
|
461
|
+
defaultOption: "Todas las categorías"
|
|
463
462
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
|
|
464
463
|
showFilterString: true,
|
|
465
464
|
showSearchBar: true,
|
|
@@ -1550,6 +1550,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1550
1550
|
|
|
1551
1551
|
case 8:
|
|
1552
1552
|
evalResponse = _context13.sent;
|
|
1553
|
+
console.log(evalResponse.map(function (_ref15) {
|
|
1554
|
+
var data = _ref15.data;
|
|
1555
|
+
return JSON.parse(data.body);
|
|
1556
|
+
}));
|
|
1553
1557
|
userType = user.is_retailer === 1 ? "CA" : "P";
|
|
1554
1558
|
productTemp = product;
|
|
1555
1559
|
productTemp.article_status = "".concat(result).concat(userType);
|
|
@@ -1578,24 +1582,24 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1578
1582
|
idCategory: productTemp.article.id_category,
|
|
1579
1583
|
product: productTemp
|
|
1580
1584
|
}));
|
|
1581
|
-
_context13.next =
|
|
1585
|
+
_context13.next = 26;
|
|
1582
1586
|
return loadData();
|
|
1583
1587
|
|
|
1584
|
-
case
|
|
1585
|
-
_context13.next =
|
|
1588
|
+
case 26:
|
|
1589
|
+
_context13.next = 31;
|
|
1586
1590
|
break;
|
|
1587
1591
|
|
|
1588
|
-
case
|
|
1589
|
-
_context13.prev =
|
|
1592
|
+
case 28:
|
|
1593
|
+
_context13.prev = 28;
|
|
1590
1594
|
_context13.t0 = _context13["catch"](0);
|
|
1591
1595
|
console.log(_context13.t0);
|
|
1592
1596
|
|
|
1593
|
-
case
|
|
1597
|
+
case 31:
|
|
1594
1598
|
case "end":
|
|
1595
1599
|
return _context13.stop();
|
|
1596
1600
|
}
|
|
1597
1601
|
}
|
|
1598
|
-
}, _callee13, null, [[0,
|
|
1602
|
+
}, _callee13, null, [[0, 28]]);
|
|
1599
1603
|
}));
|
|
1600
1604
|
|
|
1601
1605
|
return function validateAll(_x8) {
|
|
@@ -1604,7 +1608,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1604
1608
|
}();
|
|
1605
1609
|
|
|
1606
1610
|
var evaluationToRetailer = /*#__PURE__*/function () {
|
|
1607
|
-
var
|
|
1611
|
+
var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
|
|
1608
1612
|
var data, prod, statusComplete;
|
|
1609
1613
|
return _regenerator.default.wrap(function _callee14$(_context14) {
|
|
1610
1614
|
while (1) {
|
|
@@ -1646,7 +1650,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1646
1650
|
}));
|
|
1647
1651
|
|
|
1648
1652
|
return function evaluationToRetailer(_x9) {
|
|
1649
|
-
return
|
|
1653
|
+
return _ref16.apply(this, arguments);
|
|
1650
1654
|
};
|
|
1651
1655
|
}();
|
|
1652
1656
|
|
package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = exports.RegistrationLoginFirstStepDefault = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _index = require("./index");
|
|
13
|
+
|
|
14
|
+
var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
|
|
15
|
+
|
|
16
|
+
var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
|
|
17
|
+
|
|
18
|
+
var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
|
|
19
|
+
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
|
|
22
|
+
var _default = {
|
|
23
|
+
title: "Components/pages/RegistrationLoginFirstStep",
|
|
24
|
+
component: _index.RegistrationLoginFirstStep
|
|
25
|
+
};
|
|
26
|
+
exports.default = _default;
|
|
27
|
+
|
|
28
|
+
var Template = function Template(args) {
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginFirstStep, (0, _objectSpread2.default)({}, args));
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var RegistrationLoginFirstStepDefault = Template.bind({});
|
|
33
|
+
exports.RegistrationLoginFirstStepDefault = RegistrationLoginFirstStepDefault;
|
|
34
|
+
RegistrationLoginFirstStepDefault.args = {
|
|
35
|
+
imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
|
|
36
|
+
textCarousel: "Elige la plataforma que conecta proovedores y retailers"
|
|
37
|
+
};
|
|
@@ -0,0 +1,269 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.RegistrationLoginFirstStep = void 0;
|
|
9
|
+
|
|
10
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
12
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _styles = require("./styles");
|
|
17
|
+
|
|
18
|
+
var _GradientPanel = require("../../atoms/GradientPanel");
|
|
19
|
+
|
|
20
|
+
var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
|
|
21
|
+
|
|
22
|
+
var _react = require("react");
|
|
23
|
+
|
|
24
|
+
var _LogoImage = require("../../atoms/LogoImage");
|
|
25
|
+
|
|
26
|
+
var _ScreenHeader = require("../../atoms/ScreenHeader");
|
|
27
|
+
|
|
28
|
+
var _variables = require("../../../global-files/variables");
|
|
29
|
+
|
|
30
|
+
var _TagAndInput = require("../../molecules/TagAndInput");
|
|
31
|
+
|
|
32
|
+
var _GeneralButton = require("../../atoms/GeneralButton");
|
|
33
|
+
|
|
34
|
+
var _GeneralInput = require("../../atoms/GeneralInput");
|
|
35
|
+
|
|
36
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
37
|
+
|
|
38
|
+
var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_ref) {
|
|
39
|
+
var _ref$imageArrayCarous = _ref.imageArrayCarousel,
|
|
40
|
+
imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
|
|
41
|
+
textCarousel = _ref.textCarousel,
|
|
42
|
+
backogroundColorCarousel = _ref.backogroundColorCarousel;
|
|
43
|
+
|
|
44
|
+
var _useState = (0, _react.useState)(false),
|
|
45
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
46
|
+
emptyName = _useState2[0],
|
|
47
|
+
setEmptyName = _useState2[1];
|
|
48
|
+
|
|
49
|
+
var _useState3 = (0, _react.useState)(false),
|
|
50
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
51
|
+
emptyLastName = _useState4[0],
|
|
52
|
+
setEmptyLastName = _useState4[1];
|
|
53
|
+
|
|
54
|
+
var _useState5 = (0, _react.useState)(false),
|
|
55
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
56
|
+
emptyEmail = _useState6[0],
|
|
57
|
+
setEmptyEmail = _useState6[1];
|
|
58
|
+
|
|
59
|
+
var _useState7 = (0, _react.useState)(false),
|
|
60
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
61
|
+
emptyJob = _useState8[0],
|
|
62
|
+
setEmptyJob = _useState8[1];
|
|
63
|
+
|
|
64
|
+
var _useState9 = (0, _react.useState)(false),
|
|
65
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
66
|
+
emptyPhone = _useState10[0],
|
|
67
|
+
setEmptyPhone = _useState10[1];
|
|
68
|
+
|
|
69
|
+
var _useState11 = (0, _react.useState)(false),
|
|
70
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
71
|
+
invalidEmail = _useState12[0],
|
|
72
|
+
setInvalidEmail = _useState12[1];
|
|
73
|
+
|
|
74
|
+
var validate = /*#__PURE__*/function () {
|
|
75
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
|
|
76
|
+
var name, lastName, email, job, phone;
|
|
77
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
78
|
+
while (1) {
|
|
79
|
+
switch (_context.prev = _context.next) {
|
|
80
|
+
case 0:
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
name = document.querySelector("#nameInput").value;
|
|
83
|
+
lastName = document.querySelector("#lastNameInput").value;
|
|
84
|
+
email = document.querySelector("#emailInput").value;
|
|
85
|
+
job = document.querySelector("#jobInput").value;
|
|
86
|
+
phone = document.querySelector("#phoneInput").value;
|
|
87
|
+
name === "" ? setEmptyName(true) : setEmptyName(false);
|
|
88
|
+
lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
|
|
89
|
+
email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
|
|
90
|
+
job === "" ? setEmptyJob(true) : setEmptyJob(false);
|
|
91
|
+
phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
|
|
92
|
+
!/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
|
|
93
|
+
|
|
94
|
+
case 12:
|
|
95
|
+
case "end":
|
|
96
|
+
return _context.stop();
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}, _callee);
|
|
100
|
+
}));
|
|
101
|
+
|
|
102
|
+
return function validate(_x) {
|
|
103
|
+
return _ref2.apply(this, arguments);
|
|
104
|
+
};
|
|
105
|
+
}();
|
|
106
|
+
|
|
107
|
+
var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
108
|
+
className: "credenciales",
|
|
109
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
110
|
+
fontFamily: _variables.FontFamily.AvenirNext,
|
|
111
|
+
color: _variables.GlobalColors.s5,
|
|
112
|
+
text: "Ingresa tus credenciales"
|
|
113
|
+
})
|
|
114
|
+
}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
115
|
+
className: "user",
|
|
116
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
117
|
+
className: "name-registration-user",
|
|
118
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
|
|
119
|
+
inputType: "text",
|
|
120
|
+
inputId: "nameInput",
|
|
121
|
+
label: "Nombre",
|
|
122
|
+
inputPlaceHolder: "Nombre"
|
|
123
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
|
|
124
|
+
inputType: "text",
|
|
125
|
+
inputId: "lastNameInput",
|
|
126
|
+
label: "Apellido",
|
|
127
|
+
inputPlaceHolder: "Apellido"
|
|
128
|
+
})]
|
|
129
|
+
}), emptyName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
130
|
+
children: "Ingrese su nombre"
|
|
131
|
+
}), emptyLastName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
132
|
+
children: "Ingrese sus apellidos"
|
|
133
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
|
|
134
|
+
inputType: "text",
|
|
135
|
+
inputId: "emailInput",
|
|
136
|
+
label: "Correo electrónico",
|
|
137
|
+
inputPlaceHolder: "username@contentoh.com"
|
|
138
|
+
}), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
139
|
+
children: "Ingrese su correo"
|
|
140
|
+
}), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
141
|
+
children: "Ingrese un correo v\xE1lido"
|
|
142
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
|
|
143
|
+
inputType: "text",
|
|
144
|
+
inputId: "jobInput",
|
|
145
|
+
label: "Puesto laboral",
|
|
146
|
+
inputPlaceHolder: "Puesto dentro de la empresa"
|
|
147
|
+
}), emptyJob && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
148
|
+
children: "Ingrese su puesto"
|
|
149
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
150
|
+
text: "Teléfono",
|
|
151
|
+
headerType: "input-name-header"
|
|
152
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
153
|
+
className: "phone-registration-user",
|
|
154
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
|
|
155
|
+
name: "select",
|
|
156
|
+
className: "phone-options",
|
|
157
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
158
|
+
children: "+52"
|
|
159
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
160
|
+
children: "+54"
|
|
161
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
162
|
+
children: "+57"
|
|
163
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
164
|
+
children: "+506"
|
|
165
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
166
|
+
children: "+593"
|
|
167
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
168
|
+
children: "+503"
|
|
169
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
170
|
+
children: "+504"
|
|
171
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
172
|
+
children: "+507"
|
|
173
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
174
|
+
children: "+51"
|
|
175
|
+
})]
|
|
176
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
|
|
177
|
+
inputId: "phoneInput",
|
|
178
|
+
inputType: "text",
|
|
179
|
+
inputPlaceholder: "Teléfono"
|
|
180
|
+
})]
|
|
181
|
+
}), emptyPhone && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
182
|
+
children: "Ingrese su n\xFAmero de tel\xE9fono"
|
|
183
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
184
|
+
text: "País",
|
|
185
|
+
headerType: "input-name-header"
|
|
186
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
|
|
187
|
+
name: "select",
|
|
188
|
+
className: "country-options",
|
|
189
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
190
|
+
value: "value1",
|
|
191
|
+
selected: true,
|
|
192
|
+
children: "Selecciona tu pa\xEDs"
|
|
193
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
194
|
+
value: "value2",
|
|
195
|
+
children: "Argentina"
|
|
196
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
197
|
+
value: "value3",
|
|
198
|
+
children: "Colombia"
|
|
199
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
200
|
+
value: "value2",
|
|
201
|
+
children: "Ecuador"
|
|
202
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
203
|
+
value: "value3",
|
|
204
|
+
children: "El Salvador"
|
|
205
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
206
|
+
value: "value2",
|
|
207
|
+
children: "Honduras"
|
|
208
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
209
|
+
value: "value3",
|
|
210
|
+
children: "M\xE9xico"
|
|
211
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
212
|
+
value: "value2",
|
|
213
|
+
children: "Panam\xE1"
|
|
214
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
|
|
215
|
+
value: "value3",
|
|
216
|
+
children: "Per\xFA"
|
|
217
|
+
})]
|
|
218
|
+
}), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
219
|
+
children: "Seleccione su pa\xEDs"
|
|
220
|
+
})]
|
|
221
|
+
}, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
222
|
+
className: "button-end",
|
|
223
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
224
|
+
buttonType: "general-default-button",
|
|
225
|
+
label: "Enviar",
|
|
226
|
+
onClick: function onClick(e) {
|
|
227
|
+
return validate(e);
|
|
228
|
+
}
|
|
229
|
+
})
|
|
230
|
+
}, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
231
|
+
className: "progress-bar",
|
|
232
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
233
|
+
className: "progress-bar-first-step"
|
|
234
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
235
|
+
className: "progress-bar-registration"
|
|
236
|
+
})]
|
|
237
|
+
}, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
238
|
+
text: "Paso 1",
|
|
239
|
+
headerType: "date-header",
|
|
240
|
+
color: _variables.GlobalColors.s4
|
|
241
|
+
}, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
242
|
+
className: "new-login",
|
|
243
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
244
|
+
className: "pre-registro",
|
|
245
|
+
children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
246
|
+
children: " Inicia Sesi\xF3n"
|
|
247
|
+
})]
|
|
248
|
+
})
|
|
249
|
+
}, "7")];
|
|
250
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
251
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
252
|
+
className: "home-retailer",
|
|
253
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
|
|
254
|
+
panelImg: imageArrayCarousel,
|
|
255
|
+
panelText: textCarousel,
|
|
256
|
+
panelColor: backogroundColorCarousel
|
|
257
|
+
})
|
|
258
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
259
|
+
className: "home-login-retailer",
|
|
260
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
|
|
261
|
+
componentsArray: loginRight,
|
|
262
|
+
panelType: "home-login",
|
|
263
|
+
panelColor: _variables.GlobalColors.white
|
|
264
|
+
})
|
|
265
|
+
})]
|
|
266
|
+
});
|
|
267
|
+
};
|
|
268
|
+
|
|
269
|
+
exports.RegistrationLoginFirstStep = RegistrationLoginFirstStep;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Container = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
+
|
|
14
|
+
var _variables = require("../../../global-files/variables");
|
|
15
|
+
|
|
16
|
+
var _templateObject;
|
|
17
|
+
|
|
18
|
+
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);
|
|
19
|
+
|
|
20
|
+
exports.Container = Container;
|
|
@@ -294,7 +294,6 @@ var getNewStatus = function getNewStatus(statusArray) {
|
|
|
294
294
|
if (lookupString.includes("AP")) return "AP";
|
|
295
295
|
if (lookupString.includes("R")) return "R";
|
|
296
296
|
if (lookupString.includes("NA")) return "NA";
|
|
297
|
-
if (lookupString.includes("Ex")) return "EX";
|
|
298
297
|
return new Error("Status not found");
|
|
299
298
|
};
|
|
300
299
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "contentoh-components-library",
|
|
3
|
-
"version": "21.2.
|
|
3
|
+
"version": "21.2.76",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@aws-amplify/auth": "^4.5.3",
|
|
6
6
|
"@aws-amplify/datastore": "^3.11.0",
|
|
@@ -77,10 +77,10 @@
|
|
|
77
77
|
"devDependencies": {
|
|
78
78
|
"@babel/cli": "^7.17.10",
|
|
79
79
|
"@babel/core": "^7.16.0",
|
|
80
|
-
"@storybook/addon-actions": "^6.5.
|
|
81
|
-
"@storybook/addon-essentials": "^6.5.
|
|
82
|
-
"@storybook/addon-links": "^6.5.
|
|
83
|
-
"@storybook/react": "^6.5.
|
|
80
|
+
"@storybook/addon-actions": "^6.5.7",
|
|
81
|
+
"@storybook/addon-essentials": "^6.5.7",
|
|
82
|
+
"@storybook/addon-links": "^6.5.7",
|
|
83
|
+
"@storybook/react": "^6.5.7",
|
|
84
84
|
"auth": "^0.0.9",
|
|
85
85
|
"auto": "^10.36.5",
|
|
86
86
|
"babel-loader": "^8.2.3",
|
|
@@ -11,13 +11,13 @@ CustomSelectDefault.args = {
|
|
|
11
11
|
selectLabel: "Todos los departamentos",
|
|
12
12
|
defaultOption: "Todos los departamentos",
|
|
13
13
|
options: [
|
|
14
|
-
|
|
14
|
+
{
|
|
15
15
|
id: 1,
|
|
16
16
|
value: "Decoración",
|
|
17
17
|
subOptions: [
|
|
18
18
|
{ id: 1, value: "Espejos" },
|
|
19
19
|
{ id: 2, value: "Persianas" },
|
|
20
|
-
|
|
20
|
+
],
|
|
21
21
|
},
|
|
22
22
|
{ id: 2, value: "Eléctrico" },
|
|
23
23
|
{ id: 3, value: "Ferretería" },
|
|
@@ -2,6 +2,7 @@ import { Container } from "./styles";
|
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
import searchIcon from "../../../assets/images/customSelect/searchIcon.png";
|
|
4
4
|
import { useCloseModal } from "../../../global-files/customHooks";
|
|
5
|
+
import { SelecItem } from "./SelectItem";
|
|
5
6
|
import { Calendar } from "../../organisms/Calendar";
|
|
6
7
|
import { CustomSelectItem } from "../../atoms/CustomSelectItem";
|
|
7
8
|
|
|
@@ -17,7 +18,7 @@ export const CustomSelect = ({
|
|
|
17
18
|
onClickItem,
|
|
18
19
|
icon,
|
|
19
20
|
customOptions,
|
|
20
|
-
|
|
21
|
+
showFilterString,
|
|
21
22
|
}) => {
|
|
22
23
|
const [filters, setFilters] = useState([]);
|
|
23
24
|
const [showList, setShowList] = useCloseModal(customSelectId);
|
|
@@ -150,7 +151,7 @@ export const CustomSelect = ({
|
|
|
150
151
|
)}
|
|
151
152
|
<div className="filters-container">
|
|
152
153
|
{filters?.map((option) =>
|
|
153
|
-
|
|
154
|
+
customSelectId === "dates-select" ? (
|
|
154
155
|
<div
|
|
155
156
|
className="dates-select-item"
|
|
156
157
|
key={customSelectId + option.id}
|
|
@@ -31,17 +31,13 @@ export const Container = styled.div`
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
.password {
|
|
34
|
+
position: relative;
|
|
34
35
|
& + * {
|
|
35
36
|
margin-top: 20px;
|
|
36
37
|
}
|
|
37
38
|
&:hover {
|
|
38
39
|
border: 1px solid ${GlobalColors.magenta_s2};
|
|
39
40
|
}
|
|
40
|
-
display: flex;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
align-items: center;
|
|
43
|
-
height: 40px;
|
|
44
|
-
position: relative;
|
|
45
41
|
width: 100%;
|
|
46
42
|
border: 1px solid ${GlobalColors.s2};
|
|
47
43
|
.input-container {
|
|
@@ -54,11 +50,6 @@ export const Container = styled.div`
|
|
|
54
50
|
#passwordInput {
|
|
55
51
|
width: 100%;
|
|
56
52
|
background-color: white;
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 8px;
|
|
59
|
-
left: 0;
|
|
60
|
-
right: 0;
|
|
61
|
-
bottom: 8px;
|
|
62
53
|
box-sizing: border-box;
|
|
63
54
|
border: none;
|
|
64
55
|
}
|
|
@@ -18,13 +18,19 @@ export const VersionSelector = ({
|
|
|
18
18
|
currentVersion,
|
|
19
19
|
setShowCreateVersion,
|
|
20
20
|
setShowVersionSelector,
|
|
21
|
+
jwt,
|
|
21
22
|
}) => {
|
|
22
23
|
const [versions, setVersions] = useState([]);
|
|
23
24
|
|
|
24
25
|
const loadProductVersions = async (articleId) => {
|
|
25
26
|
try {
|
|
26
27
|
const response = await axios.get(
|
|
27
|
-
`${process.env.REACT_APP_VERSIONS_ENDPOINT}?articleId=${articleId}&provider=true
|
|
28
|
+
`${process.env.REACT_APP_VERSIONS_ENDPOINT}?articleId=${articleId}&provider=true`,
|
|
29
|
+
{
|
|
30
|
+
headers: {
|
|
31
|
+
Authorization: jwt,
|
|
32
|
+
},
|
|
33
|
+
}
|
|
28
34
|
);
|
|
29
35
|
|
|
30
36
|
const versionList = JSON.parse(response.data.body).data;
|
|
@@ -41,5 +41,5 @@ DashboardDeafult.args = {
|
|
|
41
41
|
},
|
|
42
42
|
src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174",
|
|
43
43
|
},
|
|
44
|
-
jwt: "
|
|
44
|
+
jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIyM2EzZjQ5Ni00ZTM4LTRlMTItOWJmNS03ZjkwYjc3YTJmMzUiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjIzYTNmNDk2LTRlMzgtNGUxMi05YmY1LTdmOTBiNzdhMmYzNSIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiMTRhODNhNS05NDhjLTQyMDgtOTUzNi02NTBiZWFhYjI2MmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjYzOTU1NiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjY0MzE1NiwiaWF0IjoxNjY2NjM5NTU2LCJlbWFpbCI6ImxhZGlib2g3ODVAbWkxNjYuY29tIn0.orGhdg1rhoD52Y5hOfr1H2ZWcfx57O_xSu-i8rZaWqQG2FrdeaoNNZ4r207uhaZF-gyuQevMkb02b4GkpMX1WaPRoS6f0OR0zNrOMXiag262G6kog6YuwiAiRasgfpGOhvOMRpwnm9zV3avqaqEI7S1B4VUl688NmwiVd0Zv6U3yuU2uyOc8Sb0wFKaQAcREydK-xNEwDTXzbsAewl3dXMA6lROQDn5ZOumVbAcZVRw1_z8DwGlsLdho_WwXHiDR_fcnFKZAXm1Jf8wJmQgT6EnmRrOIBROLv0e1uaW78nnvLKL7aWUyLr_VUlOb66AiHw0WnDUbVsDKn1nemMF2_Q",
|
|
45
45
|
};
|
|
@@ -239,7 +239,6 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
239
239
|
customSelectId="dates-select"
|
|
240
240
|
parameterArray={datesRange}
|
|
241
241
|
setParameterArray={setDatesRange}
|
|
242
|
-
isSingleSelect
|
|
243
242
|
/>
|
|
244
243
|
<CustomSelect
|
|
245
244
|
showFilterString={true}
|
|
@@ -250,7 +249,7 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
250
249
|
customSelectId="providers-select"
|
|
251
250
|
parameterArray={companyId}
|
|
252
251
|
setParameterArray={setCompanyId}
|
|
253
|
-
defaultOption="Todos los proveedores"
|
|
252
|
+
defaultOption={"Todos los proveedores"}
|
|
254
253
|
/>
|
|
255
254
|
<CustomSelect
|
|
256
255
|
showFilterString={true}
|
|
@@ -261,7 +260,7 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
261
260
|
customSelectId="category-select"
|
|
262
261
|
parameterArray={categoryId}
|
|
263
262
|
setParameterArray={setCategoryId}
|
|
264
|
-
defaultOption="Todas las categorías"
|
|
263
|
+
defaultOption={"Todas las categorías"}
|
|
265
264
|
/>
|
|
266
265
|
<CustomSelect
|
|
267
266
|
showFilterString={true}
|
|
@@ -272,7 +271,7 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
272
271
|
customSelectId="retailers-select"
|
|
273
272
|
parameterArray={retailerId}
|
|
274
273
|
setParameterArray={setRetailerId}
|
|
275
|
-
defaultOption="Todas las cadenas"
|
|
274
|
+
defaultOption={"Todas las cadenas"}
|
|
276
275
|
/>
|
|
277
276
|
{user.is_retailer === 1 && (
|
|
278
277
|
<CustomSelect
|
|
@@ -282,7 +281,7 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
282
281
|
customSelectId="applicants-select"
|
|
283
282
|
parameterArray={applicantsFilter}
|
|
284
283
|
setParameterArray={setApplicantsFilter}
|
|
285
|
-
defaultOption="Todos los solicitantes"
|
|
284
|
+
defaultOption={"Todos los solicitantes"}
|
|
286
285
|
/>
|
|
287
286
|
)}
|
|
288
287
|
</div>
|
|
@@ -939,6 +939,7 @@ export const ProviderProductEdition = ({
|
|
|
939
939
|
);
|
|
940
940
|
});
|
|
941
941
|
const evalResponse = await Promise.all(evaluationArray);
|
|
942
|
+
console.log(evalResponse.map(({ data }) => JSON.parse(data.body)));
|
|
942
943
|
const userType = user.is_retailer === 1 ? "CA" : "P";
|
|
943
944
|
|
|
944
945
|
const productTemp = product;
|
|
@@ -1496,6 +1497,7 @@ export const ProviderProductEdition = ({
|
|
|
1496
1497
|
currentVersion={version}
|
|
1497
1498
|
setShowCreateVersion={setShowCreateVersion}
|
|
1498
1499
|
setShowVersionSelector={setShowVersionSelector}
|
|
1500
|
+
jwt={token}
|
|
1499
1501
|
/>
|
|
1500
1502
|
)}
|
|
1501
1503
|
{showCreateVersion && (
|
package/src/global-files/data.js
CHANGED
|
@@ -209,6 +209,5 @@ export const getNewStatus = (statusArray) => {
|
|
|
209
209
|
if (lookupString.includes("AP")) return "AP";
|
|
210
210
|
if (lookupString.includes("R")) return "R";
|
|
211
211
|
if (lookupString.includes("NA")) return "NA";
|
|
212
|
-
if (lookupString.includes("Ex")) return "EX";
|
|
213
212
|
return new Error("Status not found");
|
|
214
213
|
};
|