contentoh-components-library 11.0.0 → 14.0.0
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 +12 -10
- package/.env.production +2 -0
- package/dist/components/atoms/AsignationOption/index.js +1 -1
- package/dist/components/atoms/AsignationOption/styles.js +1 -1
- package/dist/components/atoms/Commentary/index.js +3 -1
- package/dist/components/atoms/Commentary/styles.js +4 -1
- package/dist/components/atoms/GeneralInput/index.js +2 -2
- package/dist/components/molecules/StatusAsignationInfo/index.js +21 -10
- package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
- package/dist/components/molecules/TableHeader/index.js +6 -2
- package/dist/components/organisms/FullTabsMenu/index.js +7 -4
- package/dist/components/organisms/ImageDataTable/index.js +6 -2
- package/dist/components/organisms/ProductImageModal/index.js +0 -3
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +1 -0
- package/dist/components/pages/RetailerProductEdition/index.js +421 -146
- package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
- package/dist/global-files/data.js +51 -4
- package/dist/index.js +0 -70
- package/package.json +1 -1
- package/src/components/atoms/AsignationOption/index.js +1 -1
- package/src/components/atoms/AsignationOption/styles.js +6 -0
- package/src/components/atoms/Commentary/index.js +2 -2
- package/src/components/atoms/Commentary/styles.js +1 -0
- package/src/components/atoms/GeneralInput/index.js +12 -6
- package/src/components/molecules/StatusAsignationInfo/index.js +38 -24
- package/src/components/molecules/StatusAsignationInfo/styles.js +8 -2
- package/src/components/molecules/TableHeader/index.js +9 -1
- package/src/components/organisms/FullTabsMenu/index.js +6 -3
- package/src/components/organisms/ImageDataTable/index.js +4 -0
- package/src/components/organisms/ProductImageModal/index.js +0 -4
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +2 -0
- package/src/components/pages/RetailerProductEdition/index.js +195 -55
- package/src/components/pages/RetailerProductEdition/styles.js +6 -0
- package/src/global-files/data.js +29 -2
- package/src/index.js +0 -7
package/.env.development
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
REACT_APP_ARTICLE_DATA_ENDPOINT=https://
|
|
1
|
+
REACT_APP_ARTICLE_DATA_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data
|
|
2
2
|
|
|
3
|
-
REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://
|
|
4
|
-
REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://
|
|
5
|
-
REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://
|
|
6
|
-
REACT_APP_ARTICLE_DATA_ENDPOINT=https://
|
|
7
|
-
REACT_APP_VALID_EXPORT_ENDPOINT = https://
|
|
8
|
-
REACT_APP_SERVICES_ENDPOINT = https://
|
|
9
|
-
REACT_APP_EVALUATION_ENDPOINT = https://
|
|
10
|
-
REACT_APP_SEND_EVAL = https://
|
|
11
|
-
REACT_APP_COMMENTS_ENDPOINT = https://
|
|
3
|
+
REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/datasheets
|
|
4
|
+
REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/descriptions
|
|
5
|
+
REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data/images
|
|
6
|
+
REACT_APP_ARTICLE_DATA_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/articles-data
|
|
7
|
+
REACT_APP_VALID_EXPORT_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/valid-export
|
|
8
|
+
REACT_APP_SERVICES_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/services
|
|
9
|
+
REACT_APP_EVALUATION_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/evaluations
|
|
10
|
+
REACT_APP_SEND_EVAL = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/eval-status
|
|
11
|
+
REACT_APP_COMMENTS_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/comments
|
|
12
|
+
REACT_APP_USER_ENDPOINT=https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/users
|
|
13
|
+
REACT_APP_ASSIGNATIONS_ENDPOINT = https://lqrc8jfjqi.execute-api.us-east-1.amazonaws.com/dev/assignations
|
|
12
14
|
|
|
13
15
|
REACT_APP_IMAGES_BUCKET=content-management-images
|
|
14
16
|
REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
|
package/.env.production
CHANGED
|
@@ -9,6 +9,8 @@ REACT_APP_SERVICES_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws
|
|
|
9
9
|
REACT_APP_EVALUATION_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/evaluations
|
|
10
10
|
REACT_APP_SEND_EVAL = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/eval-status
|
|
11
11
|
REACT_APP_COMMENTS_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/comments
|
|
12
|
+
REACT_APP_USER_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/users
|
|
13
|
+
REACT_APP_ASSIGNATIONS_ENDPOINT = https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/assignations
|
|
12
14
|
|
|
13
15
|
REACT_APP_IMAGES_BUCKET=content-management-images-prod
|
|
14
16
|
REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile-prod
|
|
@@ -56,7 +56,7 @@ var AsignationOption = function AsignationOption(_ref) {
|
|
|
56
56
|
onClick: onClick,
|
|
57
57
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
58
58
|
imageType: imageType,
|
|
59
|
-
image: profileImage
|
|
59
|
+
image: profileImage,
|
|
60
60
|
altText: "profile image"
|
|
61
61
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
62
62
|
className: "labels-container",
|
|
@@ -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 display: flex;\n width: fit-content;\n align-items: center;\n cursor: pointer;\n\n .profile-image,\n .medium-image {\n & + * {\n margin-left: 15px;\n }\n }\n\n .labels-container {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n\n .name-label,\n .team-label {\n inline-size: 100px;\n overflow: hidden;\n }\n\n .name-label {\n color: ", ";\n }\n\n .team-label {\n color: ", ";\n }\n\n & + * {\n margin-left: 11px;\n }\n }\n\n button {\n background-color: transparent;\n cursor: pointer;\n border: none;\n }\n\n & + * {\n margin-top: 10px;\n }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4);
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: fit-content;\n align-items: center;\n cursor: pointer;\n border-radius: 3px;\n padding: 5px;\n\n .profile-image,\n .medium-image {\n & + * {\n margin-left: 15px;\n }\n }\n\n .labels-container {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n\n .name-label,\n .team-label {\n inline-size: 100px;\n overflow: hidden;\n }\n\n .name-label {\n color: ", ";\n }\n\n .team-label {\n color: ", ";\n }\n\n & + * {\n margin-left: 11px;\n }\n }\n\n button {\n background-color: transparent;\n cursor: pointer;\n border: none;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n & + * {\n margin-top: 10px;\n }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s3);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -10,8 +10,10 @@ var _styles = require("./styles");
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
|
|
12
12
|
var Commentary = function Commentary(_ref) {
|
|
13
|
-
var comment = _ref.comment
|
|
13
|
+
var comment = _ref.comment,
|
|
14
|
+
reviewed = _ref.reviewed;
|
|
14
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
16
|
+
reviewed: reviewed,
|
|
15
17
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
16
18
|
children: comment
|
|
17
19
|
})
|
|
@@ -15,6 +15,9 @@ 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: 500px;\n height: 80px;\n border: 1px solid ", ";\n padding: 10px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 15px;\n color: ", ";\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4)
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 500px;\n height: 80px;\n border: 1px solid ", ";\n padding: 10px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 15px;\n color: ", ";\n text-decoration: ", ";\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, function (_ref) {
|
|
19
|
+
var reviewed = _ref.reviewed;
|
|
20
|
+
return reviewed ? "line-through" : "none";
|
|
21
|
+
});
|
|
19
22
|
|
|
20
23
|
exports.Container = Container;
|
|
@@ -49,7 +49,7 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
49
49
|
var value = _ref2.value;
|
|
50
50
|
return value = e.target.value;
|
|
51
51
|
});
|
|
52
|
-
addTextAreaToArray(e.target.value, updatedDatasheets, setUpdatedDatasheets);
|
|
52
|
+
updatedDatasheets && addTextAreaToArray(e.target.value, updatedDatasheets, setUpdatedDatasheets);
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
var onHandleTextAreaChange = function onHandleTextAreaChange(e) {
|
|
@@ -57,7 +57,7 @@ var GeneralInput = function GeneralInput(_ref) {
|
|
|
57
57
|
var value = _ref3.value;
|
|
58
58
|
return value = e.target.value;
|
|
59
59
|
});
|
|
60
|
-
addTextAreaToArray(e.target.value, updatedDescriptions, setUpdatedDescriptions);
|
|
60
|
+
updatedDatasheets && addTextAreaToArray(e.target.value, updatedDescriptions, setUpdatedDescriptions);
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
(0, _react.useEffect)(function () {
|
|
@@ -28,6 +28,8 @@ var _data = require("../../../global-files/data");
|
|
|
28
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
29
|
|
|
30
30
|
var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
31
|
+
var _assignationsImages$a, _assignationsImages$c;
|
|
32
|
+
|
|
31
33
|
var _ref$status = _ref.status,
|
|
32
34
|
status = _ref$status === void 0 ? "-" : _ref$status,
|
|
33
35
|
imagesSection = _ref.imagesSection,
|
|
@@ -41,6 +43,8 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
41
43
|
saveDescriptions = _ref.saveDescriptions,
|
|
42
44
|
updateImages = _ref.updateImages,
|
|
43
45
|
assignationsImages = _ref.assignationsImages,
|
|
46
|
+
setAssignation = _ref.setAssignation,
|
|
47
|
+
isRetailer = _ref.isRetailer,
|
|
44
48
|
_ref$id = _ref.id,
|
|
45
49
|
id = _ref$id === void 0 ? "default-id" : _ref$id;
|
|
46
50
|
|
|
@@ -54,6 +58,11 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
54
58
|
layout = _useState4[0],
|
|
55
59
|
setLayout = _useState4[1];
|
|
56
60
|
|
|
61
|
+
var _useState5 = (0, _react.useState)("facilitator"),
|
|
62
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
63
|
+
assignationType = _useState6[0],
|
|
64
|
+
setAssignationType = _useState6[1];
|
|
65
|
+
|
|
57
66
|
var closeAsignations = function closeAsignations(e) {
|
|
58
67
|
if (!e.target.closest("#default-id") && showAsignationPanel) {
|
|
59
68
|
document.removeEventListener("click", closeAsignations, false);
|
|
@@ -107,15 +116,16 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
107
116
|
ovalForm: true
|
|
108
117
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
109
118
|
className: "assignations-container",
|
|
110
|
-
children: assignationsImages === null || assignationsImages === void 0 ? void 0 : assignationsImages.map(function (assignation, index) {
|
|
119
|
+
children: assignationsImages === null || assignationsImages === void 0 ? void 0 : (_assignationsImages$a = assignationsImages.assignations) === null || _assignationsImages$a === void 0 ? void 0 : _assignationsImages$a.map(function (assignation, index) {
|
|
111
120
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
112
121
|
imageType: "small-image",
|
|
113
|
-
image: (0, _data.getProfilePicture)(assignation, 20, 20),
|
|
122
|
+
image: (0, _data.getProfilePicture)(assignation.id, 20, 20),
|
|
114
123
|
altText: "user profile image",
|
|
115
124
|
onClick: function onClick() {
|
|
116
125
|
setShowAsignationPanel(true);
|
|
126
|
+
setAssignationType(assignation === null || assignation === void 0 ? void 0 : assignation.collaboratorType);
|
|
117
127
|
}
|
|
118
|
-
}, index + "-" + assignation);
|
|
128
|
+
}, index + "-" + assignation.id);
|
|
119
129
|
})
|
|
120
130
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
|
|
121
131
|
text: "Asig.",
|
|
@@ -145,18 +155,19 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
145
155
|
})]
|
|
146
156
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
147
157
|
className: "asignations-list",
|
|
148
|
-
children:
|
|
158
|
+
children: (assignationsImages === null || assignationsImages === void 0 ? void 0 : assignationsImages.collaborators) !== undefined ? assignationsImages === null || assignationsImages === void 0 ? void 0 : (_assignationsImages$c = assignationsImages.collaborators[assignationType]) === null || _assignationsImages$c === void 0 ? void 0 : _assignationsImages$c.map(function (asignation, index) {
|
|
149
159
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
|
|
150
|
-
profileImage: asignation.
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
160
|
+
profileImage: (0, _data.getProfilePicture)(asignation === null || asignation === void 0 ? void 0 : asignation.id_user, 40, 40),
|
|
161
|
+
onClick: function onClick() {
|
|
162
|
+
setAssignation(assignationType, asignation === null || asignation === void 0 ? void 0 : asignation.id_user);
|
|
163
|
+
},
|
|
164
|
+
name: asignation.name
|
|
165
|
+
}, index + "-" + asignation.name);
|
|
155
166
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
156
167
|
className: "no-asignations",
|
|
157
168
|
children: "Sin personas para asignar"
|
|
158
169
|
})
|
|
159
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
170
|
+
}), isRetailer === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
160
171
|
className: "default-asignations-list",
|
|
161
172
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AsignationOption, {
|
|
162
173
|
asignationType: "provider",
|
|
@@ -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 display: flex;\n align-items: center;\n position: relative;\n\n > * + * {\n margin-left: 8px;\n }\n\n .images-buttons {\n button + * {\n margin-left: 8px;\n }\n }\n\n .assignations-container {\n display: flex;\n }\n\n .asignation-panel {\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n border-radius: 4px;\n padding: 10px;\n position: absolute;\n top: calc(100% + 10px);\n right: 0;\n\n .asignation-header {\n display: flex;\n justify-content: space-between;\n\n .asignation-status,\n .asignation-percent {\n & > p {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n }\n }\n\n .asignation-percent {\n text-align: right;\n }\n\n & + * {\n margin-top: 10px;\n }\n }\n\n .asignations-list {\n min-height: 40px;\n
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n position: relative;\n\n > * + * {\n margin-left: 8px;\n }\n\n .images-buttons {\n button + * {\n margin-left: 8px;\n }\n }\n\n .assignations-container {\n display: flex;\n cursor: pointer;\n }\n\n .asignation-panel {\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);\n border-radius: 4px;\n padding: 10px 8px;\n position: absolute;\n top: calc(100% + 10px);\n right: 0;\n z-index: 10;\n\n .asignation-header {\n display: flex;\n justify-content: space-between;\n\n .asignation-status,\n .asignation-percent {\n & > p {\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n }\n }\n\n .asignation-percent {\n text-align: right;\n }\n\n & + * {\n margin-top: 10px;\n }\n }\n\n .asignations-list {\n min-height: 40px;\n\n .no-asignations {\n padding: 5px;\n font-family: ", ";\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n }\n\n & + * {\n margin-top: 10px;\n border-top: 1px solid ", ";\n }\n }\n\n .default-asignations-list {\n padding-top: 10px;\n }\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s3);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -18,7 +18,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
18
18
|
var TableHeader = function TableHeader(_ref) {
|
|
19
19
|
var imagesStatus = _ref.imagesStatus,
|
|
20
20
|
activeImage = _ref.activeImage,
|
|
21
|
-
assignationsImages = _ref.assignationsImages
|
|
21
|
+
assignationsImages = _ref.assignationsImages,
|
|
22
|
+
setAssignation = _ref.setAssignation,
|
|
23
|
+
isRetailer = _ref.isRetailer;
|
|
22
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
23
25
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
24
26
|
text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
|
|
@@ -26,7 +28,9 @@ var TableHeader = function TableHeader(_ref) {
|
|
|
26
28
|
headerType: "input-name-header"
|
|
27
29
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusAsignationInfo.StatusAsignationInfo, {
|
|
28
30
|
status: imagesStatus,
|
|
29
|
-
assignationsImages: assignationsImages
|
|
31
|
+
assignationsImages: assignationsImages,
|
|
32
|
+
setAssignation: setAssignation,
|
|
33
|
+
isRetailer: isRetailer
|
|
30
34
|
})]
|
|
31
35
|
});
|
|
32
36
|
};
|
|
@@ -30,13 +30,14 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
30
30
|
saveDatasheets = _ref.saveDatasheets,
|
|
31
31
|
saveDescriptions = _ref.saveDescriptions,
|
|
32
32
|
updateImages = _ref.updateImages,
|
|
33
|
-
|
|
33
|
+
assig = _ref.assig,
|
|
34
|
+
setAssignation = _ref.setAssignation,
|
|
35
|
+
isRetailer = _ref.isRetailer;
|
|
34
36
|
|
|
35
37
|
var _useState = (0, _react.useState)(false),
|
|
36
38
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
37
39
|
imagesSection = _useState2[0],
|
|
38
|
-
setImagesSection = _useState2[1];
|
|
39
|
-
|
|
40
|
+
setImagesSection = _useState2[1];
|
|
40
41
|
|
|
41
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
42
43
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, {
|
|
@@ -52,7 +53,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
52
53
|
saveDatasheets: saveDatasheets,
|
|
53
54
|
saveDescriptions: saveDescriptions,
|
|
54
55
|
updateImages: updateImages,
|
|
55
|
-
assignationsImages:
|
|
56
|
+
assignationsImages: assig,
|
|
57
|
+
setAssignation: setAssignation,
|
|
58
|
+
isRetailer: isRetailer
|
|
56
59
|
})]
|
|
57
60
|
});
|
|
58
61
|
};
|
|
@@ -28,13 +28,17 @@ var ImageDataTable = function ImageDataTable(_ref) {
|
|
|
28
28
|
retailerSelected = _ref.retailerSelected,
|
|
29
29
|
setImages = _ref.setImages,
|
|
30
30
|
assignationsImages = _ref.assignationsImages,
|
|
31
|
-
imagesStatus = _ref.imagesStatus
|
|
31
|
+
imagesStatus = _ref.imagesStatus,
|
|
32
|
+
setAssignation = _ref.setAssignation,
|
|
33
|
+
isRetailer = _ref.isRetailer;
|
|
32
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
33
35
|
darkMode: darkMode,
|
|
34
36
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
|
|
35
37
|
imagesStatus: imagesStatus,
|
|
36
38
|
activeImage: activeImage,
|
|
37
|
-
assignationsImages: assignationsImages
|
|
39
|
+
assignationsImages: assignationsImages,
|
|
40
|
+
setAssignation: setAssignation,
|
|
41
|
+
isRetailer: isRetailer
|
|
38
42
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
|
|
39
43
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
40
44
|
headerType: "table-row-text",
|
|
@@ -65,9 +65,6 @@ var ProductImageModal = function ProductImageModal(_ref) {
|
|
|
65
65
|
document.addEventListener("click", closeValidationPanel, false);
|
|
66
66
|
}
|
|
67
67
|
}, [showValidationPanel]);
|
|
68
|
-
(0, _react.useEffect)(function () {
|
|
69
|
-
console.log(images === null || images === void 0 ? void 0 : images.values[activeImage]);
|
|
70
|
-
}, [activeImage]);
|
|
71
68
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
72
69
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
73
70
|
className: "modal-container",
|
|
@@ -68,6 +68,7 @@ RetailerProductEditionDefault.args = {
|
|
|
68
68
|
"Ficha técnica": false,
|
|
69
69
|
Imágenes: false
|
|
70
70
|
},
|
|
71
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjU2M2I0NTFlLTVhZDQtNGMzNy1iNjIzLTc3NjMwM2Y3YjJiNSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjQ4NzYwODcwLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjQ4NzY0NDcwLCJpYXQiOjE2NDg3NjA4NzAsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Y2gmN-9KDeYyvvSJOzKJUP-WL8O4AmZhdLnfHxSB_9lAXQFns6uJUbX1nzE75cuqeQ3NeiNZy4hu8y5Y7hckPuQFy01nY3OoY3SfD06W0SciNz0txNSR7oN6KH_c_9FOwQiQ0mnOs9udo9nDM4faFFUuu9UD6RMVfeLW1gfZmtyc3lfmy6YO6feJcS3opSSQpXH4Mgh415fXFjbyz344ssd5nl7Onyh8jq5i-LAex3OPXhKzjrBnDRpGg3BQPIfpsquGZNKBiWqyos--CuohFBeyevMLGoKOcU-Ga-zIdEfonTtDVRe6CQLgOZJ2xTPdswlzRPby1gFoZjNebeeRVw",
|
|
71
72
|
articleId: 238,
|
|
72
73
|
category: 846,
|
|
73
74
|
version: 2,
|