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.
Files changed (35) hide show
  1. package/.env.development +12 -10
  2. package/.env.production +2 -0
  3. package/dist/components/atoms/AsignationOption/index.js +1 -1
  4. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  5. package/dist/components/atoms/Commentary/index.js +3 -1
  6. package/dist/components/atoms/Commentary/styles.js +4 -1
  7. package/dist/components/atoms/GeneralInput/index.js +2 -2
  8. package/dist/components/molecules/StatusAsignationInfo/index.js +21 -10
  9. package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
  10. package/dist/components/molecules/TableHeader/index.js +6 -2
  11. package/dist/components/organisms/FullTabsMenu/index.js +7 -4
  12. package/dist/components/organisms/ImageDataTable/index.js +6 -2
  13. package/dist/components/organisms/ProductImageModal/index.js +0 -3
  14. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +1 -0
  15. package/dist/components/pages/RetailerProductEdition/index.js +421 -146
  16. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  17. package/dist/global-files/data.js +51 -4
  18. package/dist/index.js +0 -70
  19. package/package.json +1 -1
  20. package/src/components/atoms/AsignationOption/index.js +1 -1
  21. package/src/components/atoms/AsignationOption/styles.js +6 -0
  22. package/src/components/atoms/Commentary/index.js +2 -2
  23. package/src/components/atoms/Commentary/styles.js +1 -0
  24. package/src/components/atoms/GeneralInput/index.js +12 -6
  25. package/src/components/molecules/StatusAsignationInfo/index.js +38 -24
  26. package/src/components/molecules/StatusAsignationInfo/styles.js +8 -2
  27. package/src/components/molecules/TableHeader/index.js +9 -1
  28. package/src/components/organisms/FullTabsMenu/index.js +6 -3
  29. package/src/components/organisms/ImageDataTable/index.js +4 -0
  30. package/src/components/organisms/ProductImageModal/index.js +0 -4
  31. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +2 -0
  32. package/src/components/pages/RetailerProductEdition/index.js +195 -55
  33. package/src/components/pages/RetailerProductEdition/styles.js +6 -0
  34. package/src/global-files/data.js +29 -2
  35. package/src/index.js +0 -7
package/.env.development CHANGED
@@ -1,14 +1,16 @@
1
- REACT_APP_ARTICLE_DATA_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data
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://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/datasheets
4
- REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/descriptions
5
- REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data/images
6
- REACT_APP_ARTICLE_DATA_ENDPOINT=https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/articles-data
7
- REACT_APP_VALID_EXPORT_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/valid-export
8
- REACT_APP_SERVICES_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/services
9
- REACT_APP_EVALUATION_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/evaluations
10
- REACT_APP_SEND_EVAL = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/eval-status
11
- REACT_APP_COMMENTS_ENDPOINT = https://zhx2nmgyce.execute-api.us-east-1.amazonaws.com/dev/comments
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 === null || profileImage === void 0 ? void 0 : profileImage.image,
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: asignationsList !== undefined ? asignationsList.map(function (asigantion, index) {
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.image,
151
- asignationType: asignation.asignationType,
152
- name: asignation.name,
153
- team: asigantion.team
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 border-bottom: 1px solid ", ";\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 }\n }\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5);
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
- assignations = _ref.assignations;
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]; //console.log(status);
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: assignations[activeTab]
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,