contentoh-components-library 21.3.53 → 21.3.54
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/.env.development +2 -0
- package/dist/components/atoms/ButtonV2/styles.js +1 -1
- package/dist/components/atoms/Status/styles.js +1 -1
- package/dist/components/atoms/VerticalSideMenuMainPage/index.js +18 -23
- package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +4 -4
- package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
- package/dist/components/molecules/HeaderTop/index.js +68 -11
- package/dist/components/organisms/Chat/Chat.stories.js +21 -1
- package/dist/components/organisms/Chat/ContainerItems/index.js +19 -3
- package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
- package/dist/components/organisms/Chat/ContentChat/index.js +343 -191
- package/dist/components/organisms/Chat/Footer/index.js +48 -39
- package/dist/components/organisms/Chat/index.js +48 -3
- package/dist/components/organisms/DashboardMetric/dashboardMetricUtils.js +27 -0
- package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
- package/dist/components/organisms/GlobalModal/styles.js +1 -1
- package/dist/components/organisms/OrderDetail/styles.js +1 -1
- package/dist/components/organisms/OrderDetail/utils/Table/styles.js +1 -1
- package/dist/components/pages/Dashboard/Dashboard.stories.js +31 -50
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +198 -81
- package/dist/components/pages/ProviderProductEdition/index.js +725 -429
- package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +72 -89
- package/dist/components/pages/RetailerProductEdition/index.js +267 -278
- package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
- package/dist/components/pages/RetailerProductEdition/utils.js +61 -2
- package/dist/index.js +13 -0
- package/package.json +7 -6
- package/src/components/atoms/ButtonV2/styles.js +1 -1
- package/src/components/atoms/Status/styles.js +4 -0
- package/src/components/atoms/VerticalSideMenuMainPage/index.js +18 -22
- package/src/components/atoms/VerticalSideMenuMainPage/styles.js +3 -4
- package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
- package/src/components/molecules/HeaderTop/index.js +52 -6
- package/src/components/organisms/Chat/Chat.stories.js +21 -0
- package/src/components/organisms/Chat/ContainerItems/index.js +18 -2
- package/src/components/organisms/Chat/ContainerItems/styles.js +10 -2
- package/src/components/organisms/Chat/ContentChat/index.js +81 -6
- package/src/components/organisms/Chat/Footer/index.js +11 -0
- package/src/components/organisms/Chat/index.js +47 -3
- package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js +18 -1
- package/src/components/organisms/FullProductNameHeader/index.js +1 -1
- package/src/components/organisms/GlobalModal/styles.js +10 -0
- package/src/components/organisms/OrderDetail/index.js +1 -0
- package/src/components/organisms/OrderDetail/styles.js +1 -1
- package/src/components/organisms/OrderDetail/utils/Table/styles.js +0 -1
- package/src/components/organisms/TableResizable/TableResizable.stories.js +17 -0
- package/src/components/organisms/TableResizable/index.js +119 -0
- package/src/components/organisms/TableResizable/styles.js +133 -0
- package/src/components/organisms/TableResizable/utils.js +46 -0
- package/src/components/pages/Dashboard/Dashboard.stories.js +31 -55
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +214 -88
- package/src/components/pages/ProviderProductEdition/index.js +323 -160
- package/src/components/pages/ProviderProductEdition/styles.js +5 -1
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +75 -91
- package/src/components/pages/RetailerProductEdition/index.js +111 -137
- package/src/components/pages/RetailerProductEdition/styles.js +4 -0
- package/src/components/pages/RetailerProductEdition/utils.js +37 -0
- package/src/index.js +1 -0
|
@@ -15,7 +15,7 @@ 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 display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n #modal-message-box {\n width: 400px;\n height: 100px;\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
19
19
|
var headerTop = _ref.headerTop;
|
|
20
20
|
return headerTop;
|
|
21
21
|
}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
|
|
@@ -28,137 +28,120 @@ exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
|
|
|
28
28
|
RetailerProductEditionDefault.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.
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5OGE0NzYxMy04ZGIyLTRlZjUtYjA0Mi01ZDU3MWRkZjIwMWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4Mzg3NTIyNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4Mzg3ODgyNiwiaWF0IjoxNjgzODc1MjI2LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.EtgmT_THMx-Zy_zB5yZK4gz6TXNTVVJEKFt5X0JK2UkGVrp_q_92YCEuejS4n976fyTez0jkwOee6IkVHLV71uZWRBDFt-3Yw4ZxfsZYPNJWhoHXGNxhMU8MCkSntfu597esBTk-VsUpstT5R7L-WJfN8viE7R-qVo-42RlPTG0TFrWA9q0oTcqjv8vbxLpOBUjiEpjmqRhg4blJZwgkGNta6MOlw1vfmisOVbo9wMvqwnCZ9xx9KMKoH9U4uNObK_JomjbvPmTmkcUXsE-wGSD7XcoSwtuhBngLC7-jiu1u8MvL_ff5Z0Qp70sSpLdUglcSS8d1Xf7j_fcZuJ5jKA",
|
|
35
35
|
productSelected: {
|
|
36
|
+
orderId: 15142,
|
|
37
|
+
status: "CA",
|
|
38
|
+
datasheet_status: "CA",
|
|
39
|
+
prio: "none",
|
|
40
|
+
version: 3,
|
|
41
|
+
description_status: "AC",
|
|
42
|
+
images_status: "CA",
|
|
43
|
+
brand: "Garnier",
|
|
44
|
+
retailerOrder: 0,
|
|
45
|
+
missing: {
|
|
46
|
+
datasheet: null,
|
|
47
|
+
descriptions: null,
|
|
48
|
+
images: null
|
|
49
|
+
},
|
|
36
50
|
services: {
|
|
37
51
|
datasheets: 1,
|
|
38
52
|
descriptions: 1,
|
|
39
53
|
images: 1
|
|
40
54
|
},
|
|
41
|
-
orderId: 14606,
|
|
42
|
-
status: "AS",
|
|
43
|
-
datasheet_status: "CA",
|
|
44
|
-
prio: "none",
|
|
45
|
-
version: 3,
|
|
46
|
-
description_status: "CA",
|
|
47
|
-
images_status: "AS",
|
|
48
|
-
statusByRetailer: {
|
|
49
|
-
4: {
|
|
50
|
-
datasheet: "AC",
|
|
51
|
-
description: "CA",
|
|
52
|
-
images: "AS"
|
|
53
|
-
},
|
|
54
|
-
5: {
|
|
55
|
-
datasheet: "CA",
|
|
56
|
-
description: "CA",
|
|
57
|
-
images: "AS"
|
|
58
|
-
},
|
|
59
|
-
6: {
|
|
60
|
-
description: "CA",
|
|
61
|
-
images: "AS",
|
|
62
|
-
datasheet: "CA"
|
|
63
|
-
},
|
|
64
|
-
12: {
|
|
65
|
-
datasheet: "CA",
|
|
66
|
-
description: "CA",
|
|
67
|
-
images: "AS"
|
|
68
|
-
},
|
|
69
|
-
17: {
|
|
70
|
-
datasheet: "CA",
|
|
71
|
-
description: "AC",
|
|
72
|
-
images: "AS"
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
55
|
article: {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
|
|
79
|
-
upc: "7509546078915",
|
|
80
|
-
timestamp: "2023-03-10T20:19:15.000Z",
|
|
81
|
-
id_user: 28,
|
|
82
|
-
status: "NULL",
|
|
83
|
-
active: 1,
|
|
84
|
-
company_id: 1005,
|
|
85
|
-
SKU: null,
|
|
86
|
-
Descripcion: null,
|
|
87
|
-
Proveedor: null,
|
|
88
|
-
id_proveedor: 0,
|
|
89
|
-
company_name: "CRS Transformaciones",
|
|
56
|
+
category: "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
|
|
57
|
+
company_name: "GRUPO BRAHMA",
|
|
90
58
|
country: "México",
|
|
91
|
-
|
|
59
|
+
id_category: "697",
|
|
92
60
|
id_datasheet_especialist: 54,
|
|
93
61
|
id_datasheet_facilitator: 52,
|
|
94
62
|
id_description_especialist: 54,
|
|
95
63
|
id_description_facilitator: 52,
|
|
96
64
|
id_images_especialist: 55,
|
|
97
65
|
id_images_facilitator: 53,
|
|
66
|
+
id_order: 15142,
|
|
67
|
+
id_article: 39270,
|
|
98
68
|
id_auditor: 37,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
missingDescriptions: 0,
|
|
103
|
-
missingImages: 0
|
|
69
|
+
name: "Acondicionador Garnier Fructis 650 ml",
|
|
70
|
+
timestamp: "2023-03-27T18:37:48.000Z",
|
|
71
|
+
upc: "750955287656712"
|
|
104
72
|
},
|
|
105
73
|
retailers: [{
|
|
106
|
-
id: 4,
|
|
107
|
-
name: "Walmart Super y Superama"
|
|
108
|
-
}, {
|
|
109
|
-
id: 5,
|
|
110
|
-
name: "Chedraui"
|
|
111
|
-
}, {
|
|
112
|
-
id: 6,
|
|
113
|
-
name: "HEB"
|
|
114
|
-
}, {
|
|
115
74
|
id: 12,
|
|
116
|
-
name: "La Comer"
|
|
75
|
+
name: "La Comer",
|
|
76
|
+
image: "https://content-management-images.s3.amazonaws.com/retailers/12.png",
|
|
77
|
+
services: ["CA", "CA", "AC", "NA", "NA", "NA", "NA", "NA", "NA"],
|
|
78
|
+
percentage: 100
|
|
79
|
+
}, {
|
|
80
|
+
id: 29,
|
|
81
|
+
name: "Farmacias del Ahorro",
|
|
82
|
+
image: "https://content-management-images.s3.amazonaws.com/retailers/29.png",
|
|
83
|
+
services: ["NA", "NA", "NA", "CA", "CA", "CA", "NA", "NA", "NA"],
|
|
84
|
+
percentage: 100
|
|
117
85
|
}, {
|
|
118
|
-
id:
|
|
119
|
-
name: "
|
|
86
|
+
id: 63,
|
|
87
|
+
name: "DAX",
|
|
88
|
+
image: "https://content-management-images.s3.amazonaws.com/retailers/63.png",
|
|
89
|
+
services: ["NA", "NA", "NA", "NA", "NA", "NA", "AC", "AC", "CA"],
|
|
90
|
+
percentage: 83
|
|
120
91
|
}],
|
|
121
|
-
|
|
122
|
-
|
|
92
|
+
statusByRetailer: {
|
|
93
|
+
12: {
|
|
94
|
+
datasheet: "CA",
|
|
95
|
+
description: "CA"
|
|
96
|
+
},
|
|
97
|
+
29: {
|
|
98
|
+
datasheet: "CA",
|
|
99
|
+
description: "CA"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
123
102
|
},
|
|
124
103
|
location: {
|
|
125
104
|
product: {
|
|
126
105
|
articleId: 354,
|
|
127
106
|
versionId: 3
|
|
107
|
+
},
|
|
108
|
+
state: {
|
|
109
|
+
withChat: true,
|
|
110
|
+
chatType: "product_status"
|
|
128
111
|
}
|
|
129
112
|
},
|
|
130
113
|
user: {
|
|
131
|
-
id_user:
|
|
132
|
-
name: "
|
|
133
|
-
last_name: "",
|
|
134
|
-
email: "
|
|
135
|
-
position: "",
|
|
114
|
+
id_user: 37,
|
|
115
|
+
name: "José",
|
|
116
|
+
last_name: "Castañeda",
|
|
117
|
+
email: "ismael97lopez@gmail.com",
|
|
118
|
+
position: "Auditor",
|
|
136
119
|
telephone: "",
|
|
137
|
-
country: "",
|
|
120
|
+
country: "México",
|
|
138
121
|
id_company: 2,
|
|
139
|
-
id_cognito: "
|
|
122
|
+
id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
|
|
140
123
|
birth_Date: null,
|
|
141
124
|
about_me: "",
|
|
142
125
|
zip_code: "",
|
|
143
126
|
address: "",
|
|
144
127
|
job: "",
|
|
145
128
|
id_stripe: "",
|
|
146
|
-
id_role:
|
|
129
|
+
id_role: 6,
|
|
147
130
|
active: 1,
|
|
148
131
|
is_retailer: 0,
|
|
149
132
|
email_notify: 1,
|
|
150
133
|
is_user_tech: null,
|
|
151
134
|
membership: {
|
|
152
|
-
id:
|
|
153
|
-
start_date: "
|
|
154
|
-
end_date: "
|
|
155
|
-
planID:
|
|
156
|
-
plan: "
|
|
157
|
-
name: "Plan
|
|
158
|
-
user_limit: "
|
|
159
|
-
products_limit: "
|
|
160
|
-
type: "
|
|
135
|
+
id: 2,
|
|
136
|
+
start_date: "2021-11-05T02:35:12.000Z",
|
|
137
|
+
end_date: "2022-11-05T02:34:49.000Z",
|
|
138
|
+
planID: 1,
|
|
139
|
+
plan: "prod_KtkvuFFLpOdP6e",
|
|
140
|
+
name: "Plan Free",
|
|
141
|
+
user_limit: "1",
|
|
142
|
+
products_limit: "3",
|
|
143
|
+
type: "PyMES"
|
|
161
144
|
},
|
|
162
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
145
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1683875228327"
|
|
163
146
|
}
|
|
164
147
|
};
|