contentoh-components-library 21.1.60 → 21.1.63
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/ProductPercentCard/Percent.stories.js +1 -1
- package/dist/components/atoms/ProductPercentCard/styles.js +1 -1
- package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +1 -1
- package/dist/components/molecules/AssignedWork/styles.js +1 -1
- package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +93 -109
- package/dist/components/pages/ProviderProductEdition/index.js +430 -429
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +1 -1
- package/dist/components/pages/RetailerProductEdition/index.js +217 -200
- package/dist/global-files/data.js +8 -8
- package/package.json +1 -1
- package/src/components/atoms/ProductPercentCard/Percent.stories.js +11 -12
- package/src/components/atoms/ProductPercentCard/styles.js +9 -9
- package/src/components/molecules/AssignedWork/AssignedWork.stories.js +8 -8
- package/src/components/molecules/AssignedWork/styles.js +9 -10
- package/src/components/organisms/FullProductNameHeader/index.js +2 -2
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +95 -114
- package/src/components/pages/ProviderProductEdition/index.js +232 -248
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +1 -1
- package/src/components/pages/RetailerProductEdition/index.js +149 -173
- package/src/global-files/data.js +8 -8
- package/src/components/atoms/ProgressBar/styles.js +0 -69
|
@@ -13,7 +13,7 @@ var _index = require("./index");
|
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
|
-
var status = ["-", "Pr", "
|
|
16
|
+
var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
|
|
17
17
|
var _default = {
|
|
18
18
|
title: "Components/atoms/ProductPercentCard",
|
|
19
19
|
component: _index.ProductPercentCard,
|
|
@@ -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 border-radius: 7px;\n max-width: fit-content;\n flex-direction: column;\n height: 83px;\n padding: 10px;\n\n &.status-
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 7px;\n max-width: fit-content;\n flex-direction: column;\n height: 83px;\n padding: 10px;\n\n &.status-PA,\n &.status-RC {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-AS,\n &.status-CA,\n &.status-IE {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-AC,\n &.status-AA,\n &.status-AP,\n &.status-ACA {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n border: 1px solid #d74ded;\n .span {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n .text {\n color: ", ";\n text-align: center;\n font-size: 12px;\n width: 70px;\n font-family: ", ";\n line-height: 14px;\n margin: auto;\n }\n .percent-text {\n display: flex;\n font-family: ", ";\n align-items: center;\n .number {\n font-size: 28px;\n color: ", ";\n }\n .span {\n padding-top: 8px;\n font-size: 18px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -17,7 +17,7 @@ var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/com
|
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
|
|
20
|
-
var status = ["-", "Pr", "
|
|
20
|
+
var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
|
|
21
21
|
var _default = {
|
|
22
22
|
title: "Components/molecules/AssignedWork",
|
|
23
23
|
component: _index.AssignedWork,
|
|
@@ -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 border-radius: 4px;\n background-color: transparent;\n padding: 8px;\n width: 250px;\n padding-bottom: 5px;\n position: relative;\n\n &.status-
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 4px;\n background-color: transparent;\n padding: 8px;\n width: 250px;\n padding-bottom: 5px;\n position: relative;\n\n &.status-PA,\n &.status-R {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-AA,\n &.status-CA,\n &.status-IE {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-AC,\n &.status-AA,\n &.status-AP,\n &.status-ACA {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n border: 1px solid #d74ded;\n .header-and-paragraph {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n .header-flag {\n display: flex;\n justify-content: space-between;\n .flag {\n position: absolute;\n right: 1px;\n top: 0px;\n }\n }\n .header-and-paragraph {\n font-size: 12px;\n line-height: 13px;\n p {\n line-height: 11px;\n font-size: 10px;\n color: ", ";\n }\n }\n\n .clock-assigned {\n display: flex;\n justify-content: space-between;\n align-items: center;\n .assigned {\n display: flex;\n flex-direction: row-reverse;\n .big-image {\n & + .big-image {\n margin-right: -5px;\n }\n }\n }\n }\n .clock-header {\n display: flex;\n border-radius: 4px;\n background: ", ";\n padding: 3px 10px;\n .clock {\n & + * {\n margin-left: 10px;\n }\n }\n .date-header {\n font-size: 11px;\n line-height: 13px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
|
|
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 : "R");
|
|
51
51
|
} else element.push("NA");
|
|
52
52
|
|
|
53
53
|
rt["services"] = element;
|
|
@@ -28,91 +28,115 @@ 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": true,
|
|
32
|
+
Imágenes: true
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
35
|
-
articleId:
|
|
36
|
-
category:
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmN2FkMDcyYi0xZGJmLTQyYTYtYjQ5MC0xYmYwODM0YTg3ZjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1ODUzODc2NCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTg1NDIzNjQsImlhdCI6MTY1ODUzODc2NCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.B7za0LzO3yrlFnHWJKqkhQ2CoN9lGfPUjhscVUPzSYFd55yLewKD1aOGwfhJJM95Wve1JTRnAAkhiWJHVD8bEtk4SJXYtoYnaPb_LKK0tqF9GtSWPaWN1Lmz5pWezjeSujspCvZGboAo7vJcwc0wQbKZ2WceS_Om1bC8ov-ZuOLi6yr8dxYCXWNzJ_n0FQtc5X3cB_4d3RQaMGKJSFKo8UhFH8cuzLxhNowYd2wte-WcdVf8-hZ0ddZaBSOfjQbBVhAg6LaiOODucLUOHazD_qFL-h3opmei1ztmYZ80H2B3cWARUU1l_ZmaXeKe0HSOxaRr3w7F-2Wo2cFih70ZzA",
|
|
35
|
+
articleId: 76180,
|
|
36
|
+
category: 121,
|
|
37
37
|
version: 2,
|
|
38
38
|
productSelected: {
|
|
39
|
-
orderId:
|
|
40
|
-
|
|
41
|
-
datasheet_status: "
|
|
42
|
-
description_status: "AP",
|
|
43
|
-
images_status: "AP",
|
|
39
|
+
orderId: 121,
|
|
40
|
+
status: "AA",
|
|
41
|
+
datasheet_status: "AA",
|
|
44
42
|
prio: "none",
|
|
45
43
|
version: 2,
|
|
44
|
+
description_status: "AA",
|
|
45
|
+
images_status: "AA",
|
|
46
46
|
brand: null,
|
|
47
|
+
retailerOrder: 0,
|
|
48
|
+
missing: {
|
|
49
|
+
datasheet: null,
|
|
50
|
+
descriptions: null,
|
|
51
|
+
images: null
|
|
52
|
+
},
|
|
53
|
+
services: {
|
|
54
|
+
datasheets: 1,
|
|
55
|
+
descriptions: 1,
|
|
56
|
+
images: 1
|
|
57
|
+
},
|
|
47
58
|
article: {
|
|
48
|
-
category: "
|
|
49
|
-
company_name: "
|
|
59
|
+
category: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
|
|
60
|
+
company_name: "COMPANY DEV",
|
|
50
61
|
country: "México",
|
|
51
|
-
id_category: "
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
62
|
+
id_category: "3031",
|
|
63
|
+
id_datasheet_especialist: null,
|
|
64
|
+
id_datasheet_facilitator: null,
|
|
65
|
+
id_description_especialist: null,
|
|
66
|
+
id_description_facilitator: null,
|
|
67
|
+
id_images_especialist: null,
|
|
68
|
+
id_images_facilitator: null,
|
|
69
|
+
id_order: 121,
|
|
70
|
+
id_article: 76180,
|
|
71
|
+
id_auditor: null,
|
|
72
|
+
name: "Prod 3",
|
|
73
|
+
timestamp: "2022-07-18T19:45:31.000Z",
|
|
74
|
+
upc: "1807203"
|
|
55
75
|
},
|
|
56
76
|
retailers: [{
|
|
57
77
|
id: 58,
|
|
58
78
|
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"
|
|
68
79
|
}],
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
80
|
+
statusByRetailer: {
|
|
81
|
+
58: {
|
|
82
|
+
datasheet: "AA",
|
|
83
|
+
description: "AA",
|
|
84
|
+
images: "AA"
|
|
85
|
+
}
|
|
73
86
|
},
|
|
74
|
-
id_article: 55118,
|
|
75
87
|
retailersAvailable: [{
|
|
76
88
|
id: 58,
|
|
77
89
|
name: "The Home Depot Golden"
|
|
78
|
-
},
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
name: "The Home Depot Resizing"
|
|
84
|
-
}, {
|
|
85
|
-
id: 61,
|
|
86
|
-
name: "Home Depot TAB"
|
|
87
|
-
}]
|
|
90
|
+
}],
|
|
91
|
+
categoryName: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
|
|
92
|
+
upc: "1807203",
|
|
93
|
+
id_article: 76180,
|
|
94
|
+
id_order: 121
|
|
88
95
|
},
|
|
89
96
|
productToEdit: {
|
|
90
|
-
ArticleId:
|
|
91
|
-
idCategory: "
|
|
97
|
+
ArticleId: 76180,
|
|
98
|
+
idCategory: "3031",
|
|
92
99
|
product: {
|
|
93
|
-
orderId:
|
|
94
|
-
|
|
95
|
-
datasheet_status: "
|
|
96
|
-
description_status: "AP",
|
|
97
|
-
images_status: "AP",
|
|
100
|
+
orderId: 121,
|
|
101
|
+
status: "AA",
|
|
102
|
+
datasheet_status: "AA",
|
|
98
103
|
prio: "none",
|
|
99
104
|
version: 2,
|
|
105
|
+
description_status: "AA",
|
|
106
|
+
images_status: "AA",
|
|
100
107
|
brand: null,
|
|
108
|
+
retailerOrder: 0,
|
|
109
|
+
missing: {
|
|
110
|
+
datasheet: null,
|
|
111
|
+
descriptions: null,
|
|
112
|
+
images: null
|
|
113
|
+
},
|
|
114
|
+
services: {
|
|
115
|
+
datasheets: 1,
|
|
116
|
+
descriptions: 1,
|
|
117
|
+
images: 1
|
|
118
|
+
},
|
|
101
119
|
article: {
|
|
102
|
-
category: "
|
|
103
|
-
company_name: "
|
|
120
|
+
category: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
|
|
121
|
+
company_name: "COMPANY DEV",
|
|
104
122
|
country: "México",
|
|
105
|
-
id_category: "
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
123
|
+
id_category: "3031",
|
|
124
|
+
id_datasheet_especialist: null,
|
|
125
|
+
id_datasheet_facilitator: null,
|
|
126
|
+
id_description_especialist: null,
|
|
127
|
+
id_description_facilitator: null,
|
|
128
|
+
id_images_especialist: null,
|
|
129
|
+
id_images_facilitator: null,
|
|
130
|
+
id_order: 121,
|
|
131
|
+
id_article: 76180,
|
|
132
|
+
id_auditor: null,
|
|
133
|
+
name: "Prod 3",
|
|
134
|
+
timestamp: "2022-07-18T19:45:31.000Z",
|
|
135
|
+
upc: "1807203"
|
|
109
136
|
},
|
|
110
137
|
retailers: [{
|
|
111
138
|
id: 58,
|
|
112
139
|
name: "The Home Depot Golden"
|
|
113
|
-
}, {
|
|
114
|
-
id: 59,
|
|
115
|
-
name: "The Home Depot Platinum"
|
|
116
140
|
}, {
|
|
117
141
|
id: 60,
|
|
118
142
|
name: "The Home Depot Resizing"
|
|
@@ -120,67 +144,27 @@ ProviderProductEditionDefault.args = {
|
|
|
120
144
|
id: 61,
|
|
121
145
|
name: "Home Depot TAB"
|
|
122
146
|
}],
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
147
|
+
statusByRetailer: {
|
|
148
|
+
58: {
|
|
149
|
+
datasheet: "AA",
|
|
150
|
+
description: "AA",
|
|
151
|
+
images: "AA"
|
|
152
|
+
}
|
|
127
153
|
},
|
|
128
|
-
id_article: 55118,
|
|
129
154
|
retailersAvailable: [{
|
|
130
155
|
id: 58,
|
|
131
156
|
name: "The Home Depot Golden"
|
|
132
|
-
},
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
id: 61,
|
|
140
|
-
name: "Home Depot TAB"
|
|
141
|
-
}]
|
|
142
|
-
}
|
|
157
|
+
}],
|
|
158
|
+
categoryName: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
|
|
159
|
+
upc: "1807203",
|
|
160
|
+
id_article: 76180,
|
|
161
|
+
id_order: 121
|
|
162
|
+
},
|
|
163
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1658189942624"
|
|
143
164
|
},
|
|
144
165
|
location: {
|
|
145
|
-
product: {
|
|
146
|
-
articleId: 109485,
|
|
147
|
-
versionId: 3
|
|
148
|
-
},
|
|
149
166
|
state: {
|
|
150
167
|
origin: "Contentoh"
|
|
151
168
|
}
|
|
152
|
-
},
|
|
153
|
-
user: {
|
|
154
|
-
id_user: 59,
|
|
155
|
-
name: "The Home",
|
|
156
|
-
last_name: "Depot",
|
|
157
|
-
email: "cadena.ismael@allfreemail.net",
|
|
158
|
-
position: "Admin",
|
|
159
|
-
telephone: "+523111366336",
|
|
160
|
-
country: "México",
|
|
161
|
-
id_company: 7,
|
|
162
|
-
id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
|
|
163
|
-
birth_Date: null,
|
|
164
|
-
about_me: null,
|
|
165
|
-
zip_code: null,
|
|
166
|
-
address: null,
|
|
167
|
-
job: null,
|
|
168
|
-
id_stripe: "",
|
|
169
|
-
id_role: 0,
|
|
170
|
-
active: 1,
|
|
171
|
-
is_retailer: 0,
|
|
172
|
-
email_notify: 1,
|
|
173
|
-
membership: {
|
|
174
|
-
id: 24,
|
|
175
|
-
start_date: "2021-11-23T03:35:50.000Z",
|
|
176
|
-
end_date: "2022-11-23T03:35:50.000Z",
|
|
177
|
-
planID: 9,
|
|
178
|
-
plan: "prod_KtlkzZVGq6bRTO",
|
|
179
|
-
name: "Plan Enterprise Full",
|
|
180
|
-
user_limit: "30",
|
|
181
|
-
products_limit: "10000",
|
|
182
|
-
type: "Enterprise"
|
|
183
|
-
},
|
|
184
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
|
|
185
169
|
}
|
|
186
170
|
};
|