contentoh-components-library 21.2.10 → 21.2.11
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/pages/RetailerProductEdition/RetailerProductEdition.stories.js +55 -49
- package/dist/components/pages/RetailerProductEdition/index.js +3 -3
- package/package.json +1 -1
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +59 -52
- package/src/components/pages/RetailerProductEdition/index.js +5 -5
- package/dist/components/atoms/StatusTag/StatusTag.stories.js +0 -48
- package/dist/components/atoms/StatusTag/index.js +0 -58
- package/dist/components/atoms/StatusTag/styles.js +0 -20
- package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +0 -37
- package/dist/components/pages/RegistrationLoginFirstStep/index.js +0 -269
- package/dist/components/pages/RegistrationLoginFirstStep/styles.js +0 -20
|
@@ -33,57 +33,63 @@ RetailerProductEditionDefault.args = {
|
|
|
33
33
|
},
|
|
34
34
|
token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
|
|
35
35
|
productSelected: {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
services: {
|
|
37
|
+
datasheets: 1,
|
|
38
|
+
descriptions: 1,
|
|
39
|
+
images: 1
|
|
40
40
|
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
41
|
+
orderId: 2611,
|
|
42
|
+
status: "CA",
|
|
43
|
+
datasheet_status: "CA",
|
|
44
|
+
prio: "none",
|
|
45
|
+
version: 2,
|
|
46
|
+
description_status: "CA",
|
|
47
|
+
images_status: "IE",
|
|
48
|
+
article: {
|
|
49
|
+
id_article: 79722,
|
|
50
|
+
id_category: "165",
|
|
51
|
+
name: "FS SUAVITEL Utra 8L CLB",
|
|
52
|
+
upc: "7509546684116",
|
|
53
|
+
timestamp: "2022-08-22T18:59:35.000Z",
|
|
54
|
+
id_user: 1258,
|
|
55
|
+
status: "NULL",
|
|
56
|
+
active: 1,
|
|
57
|
+
company_id: 226,
|
|
58
|
+
SKU: null,
|
|
59
|
+
Descripcion: null,
|
|
60
|
+
Proveedor: null,
|
|
61
|
+
id_proveedor: 0,
|
|
62
|
+
company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
|
|
63
|
+
country: null,
|
|
64
|
+
id_order: 2611,
|
|
65
|
+
id_datasheet_especialist: 334,
|
|
66
|
+
id_datasheet_facilitator: 158,
|
|
67
|
+
id_description_especialist: 334,
|
|
68
|
+
id_description_facilitator: 158,
|
|
69
|
+
id_images_especialist: 366,
|
|
70
|
+
id_images_facilitator: 160,
|
|
71
|
+
id_auditor: 9,
|
|
72
|
+
id_recepcionist: null,
|
|
73
|
+
category: "Consumibles|Productos de Limpieza y Lavandería|Suavizantes",
|
|
74
|
+
missingAttributes: -44,
|
|
75
|
+
missingDescriptions: 0,
|
|
76
|
+
missingImages: 8
|
|
77
77
|
},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
78
|
+
retailers: [{
|
|
79
|
+
id: 3,
|
|
80
|
+
name: "Sam´s Club",
|
|
81
|
+
country: "México",
|
|
82
|
+
id_region: 1,
|
|
83
|
+
active: 1
|
|
84
|
+
}, {
|
|
85
|
+
id: 43,
|
|
86
|
+
name: "City Club",
|
|
87
|
+
country: "México",
|
|
88
|
+
id_region: 1,
|
|
89
|
+
active: 1
|
|
84
90
|
}],
|
|
85
|
-
|
|
86
|
-
|
|
91
|
+
country: null,
|
|
92
|
+
upc: "7509546684116"
|
|
87
93
|
},
|
|
88
94
|
location: {
|
|
89
95
|
product: {
|
|
@@ -92,7 +98,7 @@ RetailerProductEditionDefault.args = {
|
|
|
92
98
|
}
|
|
93
99
|
},
|
|
94
100
|
user: {
|
|
95
|
-
id_user:
|
|
101
|
+
id_user: 334,
|
|
96
102
|
name: "Facilitador Textos",
|
|
97
103
|
last_name: " ",
|
|
98
104
|
email: "bayadi1538@mnqlm.com",
|
|
@@ -1098,11 +1098,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
|
|
|
1098
1098
|
switch (userId) {
|
|
1099
1099
|
case 7:
|
|
1100
1100
|
case 8:
|
|
1101
|
-
return statusArray.includes(srvActive) &&
|
|
1101
|
+
return statusArray.includes(srvActive) && statusArray.includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
|
|
1102
1102
|
var _serv$status;
|
|
1103
1103
|
|
|
1104
|
-
return
|
|
1105
|
-
}).length === srv.length
|
|
1104
|
+
return statusArray.includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
|
|
1105
|
+
}).length === srv.length;
|
|
1106
1106
|
|
|
1107
1107
|
case 4:
|
|
1108
1108
|
case 5:
|
package/package.json
CHANGED
|
@@ -18,65 +18,72 @@ RetailerProductEditionDefault.args = {
|
|
|
18
18
|
token:
|
|
19
19
|
"eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
|
|
20
20
|
productSelected: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
services: {
|
|
22
|
+
datasheets: 1,
|
|
23
|
+
descriptions: 1,
|
|
24
|
+
images: 1,
|
|
25
25
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
26
|
+
orderId: 2611,
|
|
27
|
+
status: "CA",
|
|
28
|
+
datasheet_status: "CA",
|
|
29
|
+
prio: "none",
|
|
30
|
+
version: 2,
|
|
31
|
+
description_status: "CA",
|
|
32
|
+
images_status: "IE",
|
|
33
|
+
article: {
|
|
34
|
+
id_article: 79722,
|
|
35
|
+
id_category: "165",
|
|
36
|
+
name: "FS SUAVITEL Utra 8L CLB",
|
|
37
|
+
upc: "7509546684116",
|
|
38
|
+
timestamp: "2022-08-22T18:59:35.000Z",
|
|
39
|
+
id_user: 1258,
|
|
40
|
+
status: "NULL",
|
|
41
|
+
active: 1,
|
|
42
|
+
company_id: 226,
|
|
43
|
+
SKU: null,
|
|
44
|
+
Descripcion: null,
|
|
45
|
+
Proveedor: null,
|
|
46
|
+
id_proveedor: 0,
|
|
47
|
+
company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
|
|
48
|
+
country: null,
|
|
49
|
+
id_order: 2611,
|
|
50
|
+
id_datasheet_especialist: 334,
|
|
51
|
+
id_datasheet_facilitator: 158,
|
|
52
|
+
id_description_especialist: 334,
|
|
53
|
+
id_description_facilitator: 158,
|
|
54
|
+
id_images_especialist: 366,
|
|
55
|
+
id_images_facilitator: 160,
|
|
56
|
+
id_auditor: 9,
|
|
57
|
+
id_recepcionist: null,
|
|
58
|
+
category: "Consumibles|Productos de Limpieza y Lavandería|Suavizantes",
|
|
59
|
+
missingAttributes: -44,
|
|
60
|
+
missingDescriptions: 0,
|
|
61
|
+
missingImages: 8,
|
|
62
62
|
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
63
|
+
retailers: [
|
|
64
|
+
{
|
|
65
|
+
id: 3,
|
|
66
|
+
name: "Sam´s Club",
|
|
67
|
+
country: "México",
|
|
68
|
+
id_region: 1,
|
|
69
|
+
active: 1,
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
id: 43,
|
|
73
|
+
name: "City Club",
|
|
74
|
+
country: "México",
|
|
75
|
+
id_region: 1,
|
|
76
|
+
active: 1,
|
|
77
|
+
},
|
|
71
78
|
],
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
},
|
|
79
|
+
country: null,
|
|
80
|
+
upc: "7509546684116",
|
|
81
|
+
},
|
|
75
82
|
location: {
|
|
76
83
|
product: { articleId: 109485, versionId: 3 },
|
|
77
84
|
},
|
|
78
85
|
user: {
|
|
79
|
-
id_user:
|
|
86
|
+
id_user: 334,
|
|
80
87
|
name: "Facilitador Textos",
|
|
81
88
|
last_name: " ",
|
|
82
89
|
email: "bayadi1538@mnqlm.com",
|
|
@@ -645,11 +645,11 @@ export const RetailerProductEdition = ({
|
|
|
645
645
|
case 7:
|
|
646
646
|
case 8:
|
|
647
647
|
return (
|
|
648
|
-
statusArray.includes(srvActive) &&
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
648
|
+
(statusArray.includes(srvActive) &&
|
|
649
|
+
statusArray.includes(product?.status)) ||
|
|
650
|
+
srv.filter((serv) =>
|
|
651
|
+
statusArray.includes(serv.status?.replace(/.*\//, ""))
|
|
652
|
+
).length === srv.length
|
|
653
653
|
);
|
|
654
654
|
case 4:
|
|
655
655
|
case 5:
|
|
@@ -1,48 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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;
|
package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,269 +0,0 @@
|
|
|
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;
|
|
@@ -1,20 +0,0 @@
|
|
|
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;
|