contentoh-components-library 21.1.42 → 21.1.46
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/index.js +17 -2
- package/dist/components/atoms/StatusTag/styles.js +1 -1
- package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +69 -75
- package/dist/components/pages/ProviderProductEdition/index.js +328 -380
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +41 -86
- package/dist/components/pages/RetailerProductEdition/index.js +198 -211
- package/dist/global-files/data.js +9 -10
- package/package.json +2 -2
- package/src/components/atoms/StatusTag/index.js +12 -2
- package/src/components/atoms/StatusTag/styles.js +11 -11
- package/src/components/molecules/StatusAsignationInfo/index.js +1 -1
- package/src/components/organisms/FullProductNameHeader/index.js +1 -1
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +68 -66
- package/src/components/pages/ProviderProductEdition/index.js +208 -218
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +38 -87
- package/src/components/pages/RetailerProductEdition/index.js +168 -143
- package/src/global-files/data.js +9 -10
|
@@ -18,12 +18,27 @@ var StatusTag = function StatusTag(_ref) {
|
|
|
18
18
|
case "COMPLETED":
|
|
19
19
|
return "C";
|
|
20
20
|
|
|
21
|
+
case "RECEPTION":
|
|
22
|
+
return "Pr";
|
|
23
|
+
|
|
21
24
|
case "NULL":
|
|
22
|
-
return "
|
|
25
|
+
return "-";
|
|
26
|
+
|
|
27
|
+
case "RECEIVED":
|
|
28
|
+
return "Rc";
|
|
29
|
+
|
|
30
|
+
case "IN_PROGRESS":
|
|
31
|
+
return "P";
|
|
32
|
+
|
|
33
|
+
case "ASSIGNED":
|
|
34
|
+
return "As";
|
|
23
35
|
|
|
24
36
|
case "APPROVED":
|
|
25
37
|
return "Ap";
|
|
26
38
|
|
|
39
|
+
case "VALIDATING":
|
|
40
|
+
return "V";
|
|
41
|
+
|
|
27
42
|
case "PAID_OUT":
|
|
28
43
|
return "Po";
|
|
29
44
|
|
|
@@ -33,7 +48,7 @@ var StatusTag = function StatusTag(_ref) {
|
|
|
33
48
|
};
|
|
34
49
|
|
|
35
50
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
36
|
-
className: "status-".concat(getShortStatus(statusType
|
|
51
|
+
className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
|
|
37
52
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
38
53
|
children: getShortStatus(statusType)
|
|
39
54
|
})
|
|
@@ -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 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-
|
|
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
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -47,7 +47,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
47
47
|
var element = [];
|
|
48
48
|
servicesData.forEach(function (sd) {
|
|
49
49
|
if (sd.id_retailer === rt.id) {
|
|
50
|
-
element.push(sd.status ? sd.status : "
|
|
50
|
+
element.push(sd.status ? sd.status : "RECEIVED");
|
|
51
51
|
} else element.push("NA");
|
|
52
52
|
|
|
53
53
|
rt["services"] = element;
|
|
@@ -28,128 +28,122 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
|
|
|
28
28
|
ProviderProductEditionDefault.args = {
|
|
29
29
|
tabsSections: {
|
|
30
30
|
Descripción: true,
|
|
31
|
-
"Ficha técnica":
|
|
32
|
-
Imágenes:
|
|
31
|
+
"Ficha técnica": false,
|
|
32
|
+
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
35
|
-
articleId:
|
|
36
|
-
category:
|
|
37
|
-
version:
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
|
|
35
|
+
articleId: 238,
|
|
36
|
+
category: 846,
|
|
37
|
+
version: 2,
|
|
38
38
|
productSelected: {
|
|
39
|
-
orderId:
|
|
39
|
+
orderId: 55,
|
|
40
40
|
article_status: "AP",
|
|
41
|
-
datasheet_status: "
|
|
42
|
-
description_status: "
|
|
43
|
-
images_status: "
|
|
41
|
+
datasheet_status: "AP",
|
|
42
|
+
description_status: "AP",
|
|
43
|
+
images_status: "AP",
|
|
44
44
|
prio: "none",
|
|
45
|
-
version:
|
|
45
|
+
version: 2,
|
|
46
46
|
brand: null,
|
|
47
47
|
article: {
|
|
48
|
-
category: "
|
|
49
|
-
company_name: "
|
|
48
|
+
category: "ILUMINACIÓN|FOCOS|FOCOS",
|
|
49
|
+
company_name: "THD Proveedor",
|
|
50
50
|
country: "México",
|
|
51
|
-
id_category: "
|
|
52
|
-
id_article:
|
|
53
|
-
name: "
|
|
54
|
-
upc: "
|
|
51
|
+
id_category: "2143",
|
|
52
|
+
id_article: 55118,
|
|
53
|
+
name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
|
|
54
|
+
upc: "145582"
|
|
55
55
|
},
|
|
56
56
|
retailers: [{
|
|
57
57
|
id: 58,
|
|
58
|
-
name: "The Home Depot Golden"
|
|
59
|
-
services: ["ACA", "ACA", "ACA", "NA"]
|
|
58
|
+
name: "The Home Depot Golden"
|
|
60
59
|
}, {
|
|
61
60
|
id: 59,
|
|
62
|
-
name: "The Home Depot Platinum"
|
|
63
|
-
|
|
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"
|
|
64
68
|
}],
|
|
65
69
|
services: {
|
|
66
70
|
datasheets: 1,
|
|
67
71
|
descriptions: 1,
|
|
68
72
|
images: 1
|
|
69
73
|
},
|
|
70
|
-
|
|
71
|
-
58: {
|
|
72
|
-
datasheet: "ACA",
|
|
73
|
-
description: "ACA",
|
|
74
|
-
images: "ACA"
|
|
75
|
-
},
|
|
76
|
-
59: {
|
|
77
|
-
images: "ACA"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
id_article: 55154,
|
|
74
|
+
id_article: 55118,
|
|
81
75
|
retailersAvailable: [{
|
|
82
76
|
id: 58,
|
|
83
|
-
name: "The Home Depot Golden"
|
|
84
|
-
percentage: 100
|
|
77
|
+
name: "The Home Depot Golden"
|
|
85
78
|
}, {
|
|
86
79
|
id: 59,
|
|
87
|
-
name: "The Home Depot Platinum"
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
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
|
+
}]
|
|
91
88
|
},
|
|
92
89
|
productToEdit: {
|
|
93
|
-
ArticleId:
|
|
94
|
-
idCategory: "
|
|
90
|
+
ArticleId: 55118,
|
|
91
|
+
idCategory: "2143",
|
|
95
92
|
product: {
|
|
96
|
-
orderId:
|
|
93
|
+
orderId: 55,
|
|
97
94
|
article_status: "AP",
|
|
98
|
-
datasheet_status: "
|
|
99
|
-
description_status: "
|
|
100
|
-
images_status: "
|
|
95
|
+
datasheet_status: "AP",
|
|
96
|
+
description_status: "AP",
|
|
97
|
+
images_status: "AP",
|
|
101
98
|
prio: "none",
|
|
102
|
-
version:
|
|
99
|
+
version: 2,
|
|
103
100
|
brand: null,
|
|
104
101
|
article: {
|
|
105
|
-
category: "
|
|
106
|
-
company_name: "
|
|
102
|
+
category: "ILUMINACIÓN|FOCOS|FOCOS",
|
|
103
|
+
company_name: "THD Proveedor",
|
|
107
104
|
country: "México",
|
|
108
|
-
id_category: "
|
|
109
|
-
id_article:
|
|
110
|
-
name: "
|
|
111
|
-
upc: "
|
|
105
|
+
id_category: "2143",
|
|
106
|
+
id_article: 55118,
|
|
107
|
+
name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
|
|
108
|
+
upc: "145582"
|
|
112
109
|
},
|
|
113
110
|
retailers: [{
|
|
114
111
|
id: 58,
|
|
115
|
-
name: "The Home Depot Golden"
|
|
116
|
-
services: ["ACA", "ACA", "ACA", "NA"]
|
|
112
|
+
name: "The Home Depot Golden"
|
|
117
113
|
}, {
|
|
118
114
|
id: 59,
|
|
119
|
-
name: "The Home Depot Platinum"
|
|
120
|
-
|
|
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"
|
|
121
122
|
}],
|
|
122
123
|
services: {
|
|
123
124
|
datasheets: 1,
|
|
124
125
|
descriptions: 1,
|
|
125
126
|
images: 1
|
|
126
127
|
},
|
|
127
|
-
|
|
128
|
-
58: {
|
|
129
|
-
datasheet: "ACA",
|
|
130
|
-
description: "ACA",
|
|
131
|
-
images: "ACA"
|
|
132
|
-
},
|
|
133
|
-
59: {
|
|
134
|
-
images: "ACA"
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
id_article: 55154,
|
|
128
|
+
id_article: 55118,
|
|
138
129
|
retailersAvailable: [{
|
|
139
130
|
id: 58,
|
|
140
|
-
name: "The Home Depot Golden"
|
|
141
|
-
percentage: 100
|
|
131
|
+
name: "The Home Depot Golden"
|
|
142
132
|
}, {
|
|
143
133
|
id: 59,
|
|
144
|
-
name: "The Home Depot Platinum"
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
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
|
+
}]
|
|
148
142
|
}
|
|
149
143
|
},
|
|
150
144
|
location: {
|
|
151
145
|
product: {
|
|
152
|
-
articleId:
|
|
146
|
+
articleId: 109485,
|
|
153
147
|
versionId: 3
|
|
154
148
|
},
|
|
155
149
|
state: {
|
|
@@ -174,7 +168,7 @@ ProviderProductEditionDefault.args = {
|
|
|
174
168
|
id_stripe: "",
|
|
175
169
|
id_role: 0,
|
|
176
170
|
active: 1,
|
|
177
|
-
is_retailer:
|
|
171
|
+
is_retailer: 0,
|
|
178
172
|
email_notify: 1,
|
|
179
173
|
membership: {
|
|
180
174
|
id: 24,
|
|
@@ -187,6 +181,6 @@ ProviderProductEditionDefault.args = {
|
|
|
187
181
|
products_limit: "10000",
|
|
188
182
|
type: "Enterprise"
|
|
189
183
|
},
|
|
190
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?
|
|
184
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
|
|
191
185
|
}
|
|
192
186
|
};
|