contentoh-components-library 21.5.31 → 21.5.33
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/organisms/InputGroup/styles.js +1 -1
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +21 -21
- package/dist/components/pages/RetailerProductEdition/index.js +48 -25
- package/package.json +1 -1
- package/src/components/organisms/InputGroup/styles.js +4 -0
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +27 -27
- package/src/components/pages/RetailerProductEdition/index.js +17 -7
|
@@ -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: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 5px;\n\n .input-container {\n flex: 1 1 20%;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n }\n }\n\n .inputs-validation-onboarding{\n display: flex;\n align-items: center;\n gap:5px;\n padding: 0px 5px;\n //border: 1px solid #e33aa9;\n // border-left: 1px solid #e33aa9;\n // border-bottom: 1px solid #e33aa9;\n border-radius: 6px;\n position:relative;\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n\n .btnReviewState {\n display: flex;\n flex-direction: column;\n border: 1px solid lightgray;\n border-radius: 3px;\n z-index: 1000;\n position: absolute;\n transform: translate(35%, 0);\n }\n\n .btnReviewState button {\n display: flex;\n align-items: center;\n border: none;\n background: white;\n border-radius: 3px;\n box-shadow: 2px 2px 2px lightgray;\n }\n .btnReviewState button:hover {\n background: lightgray;\n }\n /* #divBtnsReviewdown {\n border-left: 1px solid black;\n border-right: 1px solid black;\n border-bottom: 1px solid black;\n }\n #aceptbtn {\n background: white;\n border: none;\n }\n #rejectbtn {\n background: white;\n border: none;\n } */\n"])), _variables.GlobalColors.s2);
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n border-radius: 6px;\n padding: 10px;\n width: 100%;\n\n .retailer-name-header {\n & + * {\n margin-top: 10px;\n }\n }\n &.datasheets-layout {\n padding-right: 0;\n\n .inputs-container {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 5px;\n\n .input-container {\n flex: 1 1 20%;\n min-width: 227px;\n display: flex;\n flex-direction: column;\n }\n }\n\n .inputs-validation-onboarding{\n display: flex;\n align-items: center;\n gap:5px;\n padding: 0px 5px;\n //border: 1px solid #e33aa9;\n // border-left: 1px solid #e33aa9;\n // border-bottom: 1px solid #e33aa9;\n border-radius: 6px;\n position:relative;\n }\n\n .inputs-validation{\n position:relative;\n }\n }\n\n & + * {\n margin-top: 15px;\n }\n\n .btnReviewState {\n display: flex;\n flex-direction: column;\n border: 1px solid lightgray;\n border-radius: 3px;\n z-index: 1000;\n position: absolute;\n transform: translate(35%, 0);\n }\n\n .btnReviewState button {\n display: flex;\n align-items: center;\n border: none;\n background: white;\n border-radius: 3px;\n box-shadow: 2px 2px 2px lightgray;\n }\n .btnReviewState button:hover {\n background: lightgray;\n }\n /* #divBtnsReviewdown {\n border-left: 1px solid black;\n border-right: 1px solid black;\n border-bottom: 1px solid black;\n }\n #aceptbtn {\n background: white;\n border: none;\n }\n #rejectbtn {\n background: white;\n border: none;\n } */\n"])), _variables.GlobalColors.s2);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -31,49 +31,49 @@ RetailerProductEditionDefault.args = {
|
|
|
31
31
|
"Ficha técnica": false,
|
|
32
32
|
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.
|
|
34
|
+
token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI0MDgzYzkwNS1lMjhlLTQwNGEtYTM1OS1kODYyMDhlYTBkNDMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcyMTkyNzI5NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcyMTkzMDg5NywiaWF0IjoxNzIxOTI3Mjk3LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.hRzLPtOsqiztDOB3dAKUUs0rAkmEdccKvMmg2UZ3IMER1nJ4mG2leYQWOOxhDp4RhwrA7MeFURkRKXFSJXgm3DWNEpoxuiumwafCL7pKAXkUGXVkkqqkJVt4GFaZpAiaTA9Tygxsa1HiCeuQnHqXI0DHclcPf8LbwVf1wV89iE-Rt0VIqQ4sAunuLIZEquzKxBqJB6wnGorfMMJRkW2DXm0WmXX1HaX6lzLsADQuL2iVpAVYqczjkhqozYt7uAFtVqGHfVCfgaThikSNxr4y4z5eKiC01f6e4f1NHqJ07hlv3msJ0NHJd0gI9uV_YFrTRei6YKbxv2v0Bw3_P0UPFw",
|
|
35
35
|
productSelected: {
|
|
36
36
|
services: {
|
|
37
37
|
datasheets: 1,
|
|
38
38
|
descriptions: 1,
|
|
39
39
|
images: 1
|
|
40
40
|
},
|
|
41
|
-
orderId:
|
|
42
|
-
status: "
|
|
41
|
+
orderId: 8274,
|
|
42
|
+
status: "AC",
|
|
43
43
|
datasheet_status: "AA",
|
|
44
44
|
prio: "none",
|
|
45
45
|
version: 3,
|
|
46
46
|
description_status: "AA",
|
|
47
|
-
images_status: "
|
|
47
|
+
images_status: "AC",
|
|
48
48
|
statusByRetailer: {
|
|
49
49
|
"58": {
|
|
50
50
|
datasheet: "AA",
|
|
51
51
|
description: "AA",
|
|
52
|
-
images: "
|
|
52
|
+
images: "AC"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
article: {
|
|
56
|
-
id_article:
|
|
57
|
-
id_category: "
|
|
58
|
-
name: "
|
|
59
|
-
upc: "
|
|
60
|
-
timestamp: "2024-
|
|
61
|
-
id_user:
|
|
56
|
+
id_article: 129406,
|
|
57
|
+
id_category: "2270",
|
|
58
|
+
name: "CLOSET LATITUD BLANCO 5 CAJONES149 X 188.5 X 39 CM",
|
|
59
|
+
upc: "220675",
|
|
60
|
+
timestamp: "2024-07-17T21:03:57.000Z",
|
|
61
|
+
id_user: 1636,
|
|
62
62
|
status: null,
|
|
63
63
|
active: 1,
|
|
64
|
-
company_id:
|
|
65
|
-
company_name: "
|
|
66
|
-
country:
|
|
67
|
-
id_order:
|
|
68
|
-
id_datasheet_especialist:
|
|
64
|
+
company_id: 315,
|
|
65
|
+
company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
|
|
66
|
+
country: "México",
|
|
67
|
+
id_order: 8274,
|
|
68
|
+
id_datasheet_especialist: 499,
|
|
69
69
|
id_datasheet_facilitator: null,
|
|
70
|
-
id_description_especialist:
|
|
70
|
+
id_description_especialist: 158,
|
|
71
71
|
id_description_facilitator: null,
|
|
72
72
|
id_images_especialist: 1259,
|
|
73
73
|
id_images_facilitator: null,
|
|
74
74
|
id_auditor: 514,
|
|
75
75
|
id_recepcionist: null,
|
|
76
|
-
category: "
|
|
76
|
+
category: "Organizadores y Closets|Clósets|Clósets Armables",
|
|
77
77
|
missingAttributes: 0,
|
|
78
78
|
missingDescriptions: 0,
|
|
79
79
|
missingImages: 0
|
|
@@ -82,8 +82,8 @@ RetailerProductEditionDefault.args = {
|
|
|
82
82
|
id: 58,
|
|
83
83
|
name: "The Home Depot Golden"
|
|
84
84
|
}],
|
|
85
|
-
country: "",
|
|
86
|
-
upc: "
|
|
85
|
+
country: "México",
|
|
86
|
+
upc: "220675"
|
|
87
87
|
},
|
|
88
88
|
// location: {
|
|
89
89
|
// product: { articleId: 126855, versionId: 3 },
|
|
@@ -125,6 +125,6 @@ RetailerProductEditionDefault.args = {
|
|
|
125
125
|
products_limit: "1000",
|
|
126
126
|
type: "Enterprise"
|
|
127
127
|
},
|
|
128
|
-
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?
|
|
128
|
+
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?1721927297471"
|
|
129
129
|
}
|
|
130
130
|
};
|
|
@@ -2467,32 +2467,55 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
|
|
|
2467
2467
|
type: "pink",
|
|
2468
2468
|
label: "Aceptar",
|
|
2469
2469
|
size: 12,
|
|
2470
|
-
onClick: /*#__PURE__*/
|
|
2471
|
-
var
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2470
|
+
onClick: /*#__PURE__*/function () {
|
|
2471
|
+
var _ref26 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22(e) {
|
|
2472
|
+
var element, body;
|
|
2473
|
+
return _regenerator.default.wrap(function _callee22$(_context22) {
|
|
2474
|
+
while (1) {
|
|
2475
|
+
switch (_context22.prev = _context22.next) {
|
|
2476
|
+
case 0:
|
|
2477
|
+
element = document.querySelector("#modal-message-box .ql-container .ql-editor > p");
|
|
2478
|
+
|
|
2479
|
+
if (element) {
|
|
2480
|
+
_context22.next = 4;
|
|
2481
|
+
break;
|
|
2482
|
+
}
|
|
2483
|
+
|
|
2484
|
+
console.error("Elemento no encontrado");
|
|
2485
|
+
return _context22.abrupt("return");
|
|
2486
|
+
|
|
2487
|
+
case 4:
|
|
2488
|
+
body = element.innerHTML;
|
|
2489
|
+
|
|
2490
|
+
if (!(typeof body !== "string")) {
|
|
2491
|
+
_context22.next = 8;
|
|
2492
|
+
break;
|
|
2493
|
+
}
|
|
2494
|
+
|
|
2495
|
+
console.error("El contenido de body no es una cadena", body);
|
|
2496
|
+
return _context22.abrupt("return");
|
|
2497
|
+
|
|
2498
|
+
case 8:
|
|
2499
|
+
_context22.next = 10;
|
|
2500
|
+
return createComment(e, body, activeTab);
|
|
2501
|
+
|
|
2502
|
+
case 10:
|
|
2503
|
+
valRejAll ? validateAll("R") : sendToFacilitator("R");
|
|
2504
|
+
setMessage("Rechazado");
|
|
2505
|
+
setShowRejectModal(false);
|
|
2506
|
+
|
|
2507
|
+
case 13:
|
|
2508
|
+
case "end":
|
|
2509
|
+
return _context22.stop();
|
|
2510
|
+
}
|
|
2492
2511
|
}
|
|
2493
|
-
}
|
|
2494
|
-
}
|
|
2495
|
-
|
|
2512
|
+
}, _callee22);
|
|
2513
|
+
}));
|
|
2514
|
+
|
|
2515
|
+
return function (_x12) {
|
|
2516
|
+
return _ref26.apply(this, arguments);
|
|
2517
|
+
};
|
|
2518
|
+
}()
|
|
2496
2519
|
}, "btn-Aceptar")]
|
|
2497
2520
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
|
|
2498
2521
|
className: "container-modalAlert",
|
package/package.json
CHANGED
|
@@ -16,49 +16,49 @@ RetailerProductEditionDefault.args = {
|
|
|
16
16
|
Imágenes: false,
|
|
17
17
|
},
|
|
18
18
|
token:
|
|
19
|
-
"eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.
|
|
19
|
+
"eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNGRiODI2My1jYjA1LTQzMTItOWU0NS1lM2RlY2E2NjllNzIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6ImY0ZGI4MjYzLWNiMDUtNDMxMi05ZTQ1LWUzZGVjYTY2OWU3MiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI0MDgzYzkwNS1lMjhlLTQwNGEtYTM1OS1kODYyMDhlYTBkNDMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcyMTkyNzI5NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcyMTkzMDg5NywiaWF0IjoxNzIxOTI3Mjk3LCJlbWFpbCI6ImVtb250YW5vQGNvbnRlbnRvaC5jb20ifQ.hRzLPtOsqiztDOB3dAKUUs0rAkmEdccKvMmg2UZ3IMER1nJ4mG2leYQWOOxhDp4RhwrA7MeFURkRKXFSJXgm3DWNEpoxuiumwafCL7pKAXkUGXVkkqqkJVt4GFaZpAiaTA9Tygxsa1HiCeuQnHqXI0DHclcPf8LbwVf1wV89iE-Rt0VIqQ4sAunuLIZEquzKxBqJB6wnGorfMMJRkW2DXm0WmXX1HaX6lzLsADQuL2iVpAVYqczjkhqozYt7uAFtVqGHfVCfgaThikSNxr4y4z5eKiC01f6e4f1NHqJ07hlv3msJ0NHJd0gI9uV_YFrTRei6YKbxv2v0Bw3_P0UPFw",
|
|
20
20
|
productSelected: {
|
|
21
21
|
services: {
|
|
22
22
|
datasheets: 1,
|
|
23
23
|
descriptions: 1,
|
|
24
24
|
images: 1,
|
|
25
25
|
},
|
|
26
|
-
orderId:
|
|
27
|
-
status: "
|
|
26
|
+
orderId: 8274,
|
|
27
|
+
status: "AC",
|
|
28
28
|
datasheet_status: "AA",
|
|
29
29
|
prio: "none",
|
|
30
30
|
version: 3,
|
|
31
31
|
description_status: "AA",
|
|
32
|
-
images_status: "
|
|
32
|
+
images_status: "AC",
|
|
33
33
|
statusByRetailer: {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
},
|
|
34
|
+
"58": {
|
|
35
|
+
datasheet: "AA",
|
|
36
|
+
description: "AA",
|
|
37
|
+
images: "AC",
|
|
39
38
|
},
|
|
39
|
+
},
|
|
40
40
|
article: {
|
|
41
|
-
id_article:
|
|
42
|
-
id_category: "
|
|
43
|
-
name: "
|
|
44
|
-
upc: "
|
|
45
|
-
timestamp: "2024-
|
|
46
|
-
id_user:
|
|
41
|
+
id_article: 129406,
|
|
42
|
+
id_category: "2270",
|
|
43
|
+
name: "CLOSET LATITUD BLANCO 5 CAJONES149 X 188.5 X 39 CM",
|
|
44
|
+
upc: "220675",
|
|
45
|
+
timestamp: "2024-07-17T21:03:57.000Z",
|
|
46
|
+
id_user: 1636,
|
|
47
47
|
status: null,
|
|
48
48
|
active: 1,
|
|
49
|
-
company_id:
|
|
50
|
-
company_name: "
|
|
51
|
-
country:
|
|
52
|
-
id_order:
|
|
53
|
-
id_datasheet_especialist:
|
|
49
|
+
company_id: 315,
|
|
50
|
+
company_name: "MADERAS Y DISEÑOS DEL NORTE S.A. DE C.V.",
|
|
51
|
+
country: "México",
|
|
52
|
+
id_order: 8274,
|
|
53
|
+
id_datasheet_especialist: 499,
|
|
54
54
|
id_datasheet_facilitator: null,
|
|
55
|
-
id_description_especialist:
|
|
55
|
+
id_description_especialist: 158,
|
|
56
56
|
id_description_facilitator: null,
|
|
57
57
|
id_images_especialist: 1259,
|
|
58
58
|
id_images_facilitator: null,
|
|
59
59
|
id_auditor: 514,
|
|
60
60
|
id_recepcionist: null,
|
|
61
|
-
category: "
|
|
61
|
+
category: "Organizadores y Closets|Clósets|Clósets Armables",
|
|
62
62
|
missingAttributes: 0,
|
|
63
63
|
missingDescriptions: 0,
|
|
64
64
|
missingImages: 0,
|
|
@@ -69,10 +69,9 @@ RetailerProductEditionDefault.args = {
|
|
|
69
69
|
name: "The Home Depot Golden",
|
|
70
70
|
},
|
|
71
71
|
],
|
|
72
|
-
country: "",
|
|
73
|
-
upc: "
|
|
74
|
-
}
|
|
75
|
-
,
|
|
72
|
+
country: "México",
|
|
73
|
+
upc: "220675",
|
|
74
|
+
},
|
|
76
75
|
// location: {
|
|
77
76
|
// product: { articleId: 126855, versionId: 3 },
|
|
78
77
|
// state: {
|
|
@@ -113,7 +112,8 @@ RetailerProductEditionDefault.args = {
|
|
|
113
112
|
products_limit: "1000",
|
|
114
113
|
type: "Enterprise",
|
|
115
114
|
},
|
|
116
|
-
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?
|
|
115
|
+
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1973/1973.png?1721927297471",
|
|
117
116
|
}
|
|
117
|
+
|
|
118
118
|
,
|
|
119
119
|
};
|
|
@@ -1793,14 +1793,24 @@ export const RetailerProductEdition = ({
|
|
|
1793
1793
|
type={"pink"}
|
|
1794
1794
|
label={"Aceptar"}
|
|
1795
1795
|
size={12}
|
|
1796
|
-
onClick={async () => {
|
|
1797
|
-
const
|
|
1796
|
+
onClick={async (e) => {
|
|
1797
|
+
const element = document.querySelector(
|
|
1798
1798
|
"#modal-message-box .ql-container .ql-editor > p"
|
|
1799
|
-
)
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1799
|
+
);
|
|
1800
|
+
|
|
1801
|
+
if (!element) {
|
|
1802
|
+
console.error("Elemento no encontrado");
|
|
1803
|
+
return;
|
|
1804
|
+
}
|
|
1805
|
+
|
|
1806
|
+
const body = element.innerHTML;
|
|
1807
|
+
|
|
1808
|
+
if (typeof body !== "string") {
|
|
1809
|
+
console.error("El contenido de body no es una cadena", body);
|
|
1810
|
+
return;
|
|
1811
|
+
}
|
|
1812
|
+
|
|
1813
|
+
await createComment(e, body, activeTab);
|
|
1804
1814
|
valRejAll ? validateAll("R") : sendToFacilitator("R");
|
|
1805
1815
|
setMessage("Rechazado");
|
|
1806
1816
|
setShowRejectModal(false);
|