contentoh-components-library 21.1.62 → 21.1.65
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 +1 -0
- package/.env.production +1 -0
- package/dist/assets/images/versionSelector/acceptIcon.svg +3 -0
- package/dist/assets/images/versionSelector/addVersion.svg +5 -0
- package/dist/assets/images/versionSelector/closeVersionSelector.svg +4 -0
- package/dist/assets/images/versionSelector/createVersion.svg +3 -0
- package/dist/assets/images/versionSelector/nullIcon.svg +3 -0
- package/dist/assets/images/versionSelector/versionSelected.svg +3 -0
- package/dist/components/atoms/GeneralButton/index.js +3 -1
- package/dist/components/atoms/GeneralButton/styles.js +2 -2
- package/dist/components/atoms/Select/VersionSelect.js +37 -0
- package/dist/components/atoms/Select/index.js +4 -3
- package/dist/components/atoms/Select/style.js +10 -4
- package/dist/components/atoms/SliderToolTip/styles.js +2 -2
- package/dist/components/molecules/StatusAsignationInfo/index.js +9 -1
- package/dist/components/molecules/VersionItem/VersionItem.stories.js +28 -0
- package/dist/components/molecules/VersionItem/index.js +64 -0
- package/dist/components/molecules/VersionItem/styles.js +20 -0
- package/dist/components/organisms/CreateVersion/CreateVersion.stories.js +31 -0
- package/dist/components/organisms/CreateVersion/RenderChilds.js +157 -0
- package/dist/components/organisms/CreateVersion/index.js +170 -0
- package/dist/components/organisms/CreateVersion/styles.js +28 -0
- package/dist/components/organisms/FullTabsMenu/index.js +6 -2
- package/dist/components/organisms/VersionSelector/VersionSelector.stories.js +32 -0
- package/dist/components/organisms/VersionSelector/index.js +129 -0
- package/dist/components/organisms/VersionSelector/styles.js +20 -0
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +78 -104
- package/dist/components/pages/ProviderProductEdition/index.js +35 -16
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +49 -56
- package/dist/components/pages/RetailerProductEdition/index.js +46 -15
- package/dist/global-files/customHooks.js +35 -0
- package/dist/global-files/global-styles.css +1 -0
- package/package.json +1 -1
- package/src/assets/images/versionSelector/acceptIcon.svg +3 -0
- package/src/assets/images/versionSelector/addVersion.svg +5 -0
- package/src/assets/images/versionSelector/closeVersionSelector.svg +4 -0
- package/src/assets/images/versionSelector/createVersion.svg +3 -0
- package/src/assets/images/versionSelector/nullIcon.svg +3 -0
- package/src/assets/images/versionSelector/versionSelected.svg +3 -0
- package/src/components/atoms/GeneralButton/index.js +2 -0
- package/src/components/atoms/GeneralButton/styles.js +18 -0
- package/src/components/atoms/Select/VersionSelect.js +25 -0
- package/src/components/atoms/Select/index.js +1 -1
- package/src/components/atoms/Select/style.js +19 -0
- package/src/components/atoms/SliderToolTip/styles.js +18 -14
- package/src/components/molecules/StatusAsignationInfo/index.js +10 -1
- package/src/components/molecules/VersionItem/VersionItem.stories.js +14 -0
- package/src/components/molecules/VersionItem/index.js +47 -0
- package/src/components/molecules/VersionItem/styles.js +32 -0
- package/src/components/organisms/CreateVersion/CreateVersion.stories.js +14 -0
- package/src/components/organisms/CreateVersion/RenderChilds.js +137 -0
- package/src/components/organisms/CreateVersion/index.js +88 -0
- package/src/components/organisms/CreateVersion/styles.js +79 -0
- package/src/components/organisms/FullTabsMenu/index.js +5 -1
- package/src/components/organisms/VersionSelector/VersionSelector.stories.js +15 -0
- package/src/components/organisms/VersionSelector/index.js +75 -0
- package/src/components/organisms/VersionSelector/styles.js +28 -0
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +97 -134
- package/src/components/pages/ProviderProductEdition/index.js +19 -2
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +49 -56
- package/src/components/pages/RetailerProductEdition/index.js +28 -2
- package/src/global-files/customHooks.js +26 -0
- package/src/global-files/global-styles.css +1 -0
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.CreateVersion = void 0;
|
|
9
|
+
|
|
10
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
15
|
+
|
|
16
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
17
|
+
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
19
|
+
|
|
20
|
+
var _GeneralButton = require("../../atoms/GeneralButton");
|
|
21
|
+
|
|
22
|
+
var _styles = require("./styles");
|
|
23
|
+
|
|
24
|
+
var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
|
|
25
|
+
|
|
26
|
+
var _react = require("react");
|
|
27
|
+
|
|
28
|
+
var _RenderChilds = require("./RenderChilds");
|
|
29
|
+
|
|
30
|
+
var _axios = _interopRequireDefault(require("axios"));
|
|
31
|
+
|
|
32
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
|
+
|
|
34
|
+
var CreateVersion = function CreateVersion(_ref) {
|
|
35
|
+
var idArticle = _ref.idArticle,
|
|
36
|
+
version = _ref.version,
|
|
37
|
+
setShowCreateVersion = _ref.setShowCreateVersion;
|
|
38
|
+
|
|
39
|
+
var _useState = (0, _react.useState)("version-options"),
|
|
40
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
41
|
+
step = _useState2[0],
|
|
42
|
+
setStep = _useState2[1];
|
|
43
|
+
|
|
44
|
+
var _useState3 = (0, _react.useState)([]),
|
|
45
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
46
|
+
versions = _useState4[0],
|
|
47
|
+
setVersions = _useState4[1];
|
|
48
|
+
|
|
49
|
+
var _useState5 = (0, _react.useState)({
|
|
50
|
+
datasheet: version,
|
|
51
|
+
description: version,
|
|
52
|
+
image: version
|
|
53
|
+
}),
|
|
54
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
55
|
+
selectedVersions = _useState6[0],
|
|
56
|
+
setSelectedVersions = _useState6[1];
|
|
57
|
+
|
|
58
|
+
var getVersions = /*#__PURE__*/function () {
|
|
59
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
60
|
+
var response;
|
|
61
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
62
|
+
while (1) {
|
|
63
|
+
switch (_context.prev = _context.next) {
|
|
64
|
+
case 0:
|
|
65
|
+
_context.prev = 0;
|
|
66
|
+
_context.next = 3;
|
|
67
|
+
return (0, _axios.default)({
|
|
68
|
+
method: "get",
|
|
69
|
+
url: "".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(idArticle, "&provider=true"),
|
|
70
|
+
headers: {
|
|
71
|
+
Authorization: sessionStorage.getItem("jwt")
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
case 3:
|
|
76
|
+
response = _context.sent;
|
|
77
|
+
setVersions(JSON.parse(response.data.body).data);
|
|
78
|
+
_context.next = 10;
|
|
79
|
+
break;
|
|
80
|
+
|
|
81
|
+
case 7:
|
|
82
|
+
_context.prev = 7;
|
|
83
|
+
_context.t0 = _context["catch"](0);
|
|
84
|
+
console.log(_context.t0);
|
|
85
|
+
|
|
86
|
+
case 10:
|
|
87
|
+
case "end":
|
|
88
|
+
return _context.stop();
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}, _callee, null, [[0, 7]]);
|
|
92
|
+
}));
|
|
93
|
+
|
|
94
|
+
return function getVersions() {
|
|
95
|
+
return _ref2.apply(this, arguments);
|
|
96
|
+
};
|
|
97
|
+
}();
|
|
98
|
+
|
|
99
|
+
var createVersion = /*#__PURE__*/function () {
|
|
100
|
+
var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(isEmpty) {
|
|
101
|
+
var data;
|
|
102
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
103
|
+
while (1) {
|
|
104
|
+
switch (_context2.prev = _context2.next) {
|
|
105
|
+
case 0:
|
|
106
|
+
_context2.prev = 0;
|
|
107
|
+
data = {
|
|
108
|
+
articleId: idArticle,
|
|
109
|
+
isEmpty: isEmpty
|
|
110
|
+
};
|
|
111
|
+
isEmpty && (data["version"] = selectedVersions);
|
|
112
|
+
_context2.next = 5;
|
|
113
|
+
return (0, _axios.default)({
|
|
114
|
+
method: "post",
|
|
115
|
+
url: process.env.REACT_APP_VERSIONS_ENDPOINT,
|
|
116
|
+
data: data,
|
|
117
|
+
headers: {
|
|
118
|
+
Authorization: sessionStorage.getItem("jwt")
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
case 5:
|
|
123
|
+
setShowCreateVersion(false);
|
|
124
|
+
_context2.next = 11;
|
|
125
|
+
break;
|
|
126
|
+
|
|
127
|
+
case 8:
|
|
128
|
+
_context2.prev = 8;
|
|
129
|
+
_context2.t0 = _context2["catch"](0);
|
|
130
|
+
console.log(_context2.t0);
|
|
131
|
+
|
|
132
|
+
case 11:
|
|
133
|
+
case "end":
|
|
134
|
+
return _context2.stop();
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}, _callee2, null, [[0, 8]]);
|
|
138
|
+
}));
|
|
139
|
+
|
|
140
|
+
return function createVersion(_x) {
|
|
141
|
+
return _ref3.apply(this, arguments);
|
|
142
|
+
};
|
|
143
|
+
}();
|
|
144
|
+
|
|
145
|
+
var onChange = function onChange(e) {
|
|
146
|
+
setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value.slice(-1)))));
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
(0, _react.useEffect)(function () {
|
|
150
|
+
getVersions();
|
|
151
|
+
}, []);
|
|
152
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
153
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
154
|
+
className: "modal-container",
|
|
155
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
156
|
+
className: "button-container",
|
|
157
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
158
|
+
image: _closeVersionSelector.default,
|
|
159
|
+
buttonType: "circular-button",
|
|
160
|
+
id: "close-modal-button",
|
|
161
|
+
onClick: function onClick() {
|
|
162
|
+
return setShowCreateVersion(false);
|
|
163
|
+
}
|
|
164
|
+
})
|
|
165
|
+
}), (0, _RenderChilds.Children)(step, setStep, versions, selectedVersions, onChange, createVersion)]
|
|
166
|
+
})
|
|
167
|
+
});
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
exports.CreateVersion = CreateVersion;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.VersionOptions = exports.EmptyVersion = exports.CreateVersion = exports.Container = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
+
|
|
14
|
+
var _variables = require("../../../global-files/variables");
|
|
15
|
+
|
|
16
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
17
|
+
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1000;\n background-color: #281f3366;\n height: 100vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .modal-container {\n position: relative;\n padding: 40px 20px;\n background: #281f33;\n border-radius: 39px;\n\n .button-container {\n display: flex;\n justify-content: flex-end;\n padding-right: 15px;\n }\n }\n"])));
|
|
19
|
+
|
|
20
|
+
exports.Container = Container;
|
|
21
|
+
|
|
22
|
+
var VersionOptions = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n max-width: 560px;\n text-align: center;\n\n & > * + * {\n margin-top: 20px;\n }\n\n img + * {\n margin-top: 0;\n }\n\n .buttons-container {\n display: flex;\n justify-content: space-evenly;\n\n button {\n flex: 0.3 0 30%;\n }\n\n .general-transparent-button {\n color: ", ";\n border: 1px solid ", ";\n }\n }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.white);
|
|
23
|
+
|
|
24
|
+
exports.VersionOptions = VersionOptions;
|
|
25
|
+
var EmptyVersion = VersionOptions;
|
|
26
|
+
exports.EmptyVersion = EmptyVersion;
|
|
27
|
+
var CreateVersion = (0, _styledComponents.default)(VersionOptions)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n .retailer-name-header {\n margin: 30px 0;\n }\n .version-selector {\n display: flex;\n justify-content: space-evenly;\n\n .selector {\n flex: 0.1 1 20%;\n font-family: ", ";\n color: ", ";\n font-size: 11px;\n font-weight: normal;\n }\n\n & + * {\n margin-top: 50px;\n }\n }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.white);
|
|
28
|
+
exports.CreateVersion = CreateVersion;
|
|
@@ -33,7 +33,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
33
33
|
askToDeleteImages = _ref.askToDeleteImages,
|
|
34
34
|
onClickSave = _ref.onClickSave,
|
|
35
35
|
showSaveButton = _ref.showSaveButton,
|
|
36
|
-
canAssign = _ref.canAssign
|
|
36
|
+
canAssign = _ref.canAssign,
|
|
37
|
+
version = _ref.version,
|
|
38
|
+
setShowVersionSelector = _ref.setShowVersionSelector;
|
|
37
39
|
|
|
38
40
|
var _useState = (0, _react.useState)(false),
|
|
39
41
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -57,7 +59,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
57
59
|
downloadImages: downloadImages,
|
|
58
60
|
onClickSave: onClickSave,
|
|
59
61
|
askToDeleteImages: askToDeleteImages,
|
|
60
|
-
showSaveButton: showSaveButton
|
|
62
|
+
showSaveButton: showSaveButton,
|
|
63
|
+
version: version,
|
|
64
|
+
setShowVersionSelector: setShowVersionSelector
|
|
61
65
|
})]
|
|
62
66
|
});
|
|
63
67
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = exports.VersionSelectorDefault = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _index = require("./index");
|
|
13
|
+
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
|
|
16
|
+
var _default = {
|
|
17
|
+
title: "Components/organisms/VersionSelector",
|
|
18
|
+
component: _index.VersionSelector
|
|
19
|
+
};
|
|
20
|
+
exports.default = _default;
|
|
21
|
+
|
|
22
|
+
var Template = function Template(args) {
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VersionSelector, (0, _objectSpread2.default)({}, args));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var VersionSelectorDefault = Template.bind({});
|
|
27
|
+
exports.VersionSelectorDefault = VersionSelectorDefault;
|
|
28
|
+
VersionSelectorDefault.args = {
|
|
29
|
+
articleId: 35707,
|
|
30
|
+
companyName: "COMPANY DEV",
|
|
31
|
+
currentVersion: 7
|
|
32
|
+
};
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.VersionSelector = void 0;
|
|
9
|
+
|
|
10
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
12
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _styles = require("./styles");
|
|
17
|
+
|
|
18
|
+
var _axios = _interopRequireDefault(require("axios"));
|
|
19
|
+
|
|
20
|
+
var _react = require("react");
|
|
21
|
+
|
|
22
|
+
var _ScreenHeader = require("../../atoms/ScreenHeader");
|
|
23
|
+
|
|
24
|
+
var _GeneralButton = require("../../atoms/GeneralButton");
|
|
25
|
+
|
|
26
|
+
var _addVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/addVersion.svg"));
|
|
27
|
+
|
|
28
|
+
var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
|
|
29
|
+
|
|
30
|
+
var _variables = require("contentoh-components-library/dist/global-files/variables");
|
|
31
|
+
|
|
32
|
+
var _variables2 = require("../../../global-files/variables");
|
|
33
|
+
|
|
34
|
+
var _VersionItem = require("../../molecules/VersionItem");
|
|
35
|
+
|
|
36
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
37
|
+
|
|
38
|
+
var VersionSelector = function VersionSelector(_ref) {
|
|
39
|
+
var modalId = _ref.modalId,
|
|
40
|
+
articleId = _ref.articleId,
|
|
41
|
+
setVersion = _ref.setVersion,
|
|
42
|
+
companyName = _ref.companyName,
|
|
43
|
+
currentVersion = _ref.currentVersion,
|
|
44
|
+
setShowCreateVersion = _ref.setShowCreateVersion;
|
|
45
|
+
|
|
46
|
+
var _useState = (0, _react.useState)(),
|
|
47
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
48
|
+
versions = _useState2[0],
|
|
49
|
+
setVersions = _useState2[1];
|
|
50
|
+
|
|
51
|
+
var loadProductVersions = /*#__PURE__*/function () {
|
|
52
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId) {
|
|
53
|
+
var response, versionList;
|
|
54
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
55
|
+
while (1) {
|
|
56
|
+
switch (_context.prev = _context.next) {
|
|
57
|
+
case 0:
|
|
58
|
+
_context.prev = 0;
|
|
59
|
+
_context.next = 3;
|
|
60
|
+
return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"));
|
|
61
|
+
|
|
62
|
+
case 3:
|
|
63
|
+
response = _context.sent;
|
|
64
|
+
versionList = JSON.parse(response.data.body).data;
|
|
65
|
+
setVersions(versionList);
|
|
66
|
+
_context.next = 11;
|
|
67
|
+
break;
|
|
68
|
+
|
|
69
|
+
case 8:
|
|
70
|
+
_context.prev = 8;
|
|
71
|
+
_context.t0 = _context["catch"](0);
|
|
72
|
+
console.log(_context.t0);
|
|
73
|
+
|
|
74
|
+
case 11:
|
|
75
|
+
case "end":
|
|
76
|
+
return _context.stop();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}, _callee, null, [[0, 8]]);
|
|
80
|
+
}));
|
|
81
|
+
|
|
82
|
+
return function loadProductVersions(_x) {
|
|
83
|
+
return _ref2.apply(this, arguments);
|
|
84
|
+
};
|
|
85
|
+
}();
|
|
86
|
+
|
|
87
|
+
(0, _react.useEffect)(function () {
|
|
88
|
+
loadProductVersions(articleId);
|
|
89
|
+
}, []);
|
|
90
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
91
|
+
id: modalId,
|
|
92
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
93
|
+
className: "versions-header",
|
|
94
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
|
|
95
|
+
text: "Version del producto",
|
|
96
|
+
headerType: "input-name-header",
|
|
97
|
+
color: _variables.GlobalColors.white,
|
|
98
|
+
fontFamily: _variables2.FontFamily.Lato
|
|
99
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
100
|
+
className: "buttons-container",
|
|
101
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
102
|
+
image: _addVersion.default,
|
|
103
|
+
buttonType: "circular-button",
|
|
104
|
+
onClick: function onClick() {
|
|
105
|
+
return setShowCreateVersion(true);
|
|
106
|
+
},
|
|
107
|
+
id: "add-version"
|
|
108
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
109
|
+
image: _closeVersionSelector.default,
|
|
110
|
+
buttonType: "circular-button",
|
|
111
|
+
id: "close-button"
|
|
112
|
+
})]
|
|
113
|
+
})]
|
|
114
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
115
|
+
className: "versions-container",
|
|
116
|
+
children: versions === null || versions === void 0 ? void 0 : versions.map(function (item) {
|
|
117
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionItem.VersionItem, {
|
|
118
|
+
version: item.version,
|
|
119
|
+
articleStatus: item.article_status,
|
|
120
|
+
currentVersion: item.version === currentVersion,
|
|
121
|
+
productOwner: companyName,
|
|
122
|
+
setVersion: setVersion
|
|
123
|
+
});
|
|
124
|
+
})
|
|
125
|
+
})]
|
|
126
|
+
});
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
exports.VersionSelector = VersionSelector;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Container = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
+
|
|
14
|
+
var _variables = require("../../../global-files/variables");
|
|
15
|
+
|
|
16
|
+
var _templateObject;
|
|
17
|
+
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 300px;\n height: 100%;\n background-color: ", ";\n padding: 15px;\n overflow: auto;\n position: absolute;\n right: 0;\n top: 0;\n\n .versions-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .buttons-container {\n display: flex;\n align-items: center;\n\n button + * {\n margin-left: 10px;\n }\n }\n }\n"])), _variables.GlobalColors.deep_gray);
|
|
19
|
+
|
|
20
|
+
exports.Container = Container;
|
|
@@ -31,115 +31,75 @@ ProviderProductEditionDefault.args = {
|
|
|
31
31
|
"Ficha técnica": false,
|
|
32
32
|
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "
|
|
34
|
+
token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
|
|
35
35
|
articleId: 238,
|
|
36
36
|
category: 846,
|
|
37
37
|
version: 2,
|
|
38
38
|
productSelected: {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
id_article: 76145,
|
|
40
|
+
id_category: "700",
|
|
41
|
+
name: "prod 8 LCR",
|
|
42
|
+
upc: "8484161",
|
|
43
|
+
timestamp: "2022-07-11T15:28:44.000Z",
|
|
44
|
+
status: "NULL",
|
|
45
|
+
categoryName: "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
|
|
46
|
+
asignations: [],
|
|
47
|
+
version: 3,
|
|
48
|
+
version_status: "R",
|
|
49
|
+
retailersAvailable: [{
|
|
50
|
+
id: 12,
|
|
51
|
+
name: "La Comer",
|
|
50
52
|
country: "México",
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
|
|
54
|
-
upc: "145582"
|
|
55
|
-
},
|
|
56
|
-
retailers: [{
|
|
57
|
-
id: 58,
|
|
58
|
-
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"
|
|
53
|
+
id_region: 1,
|
|
54
|
+
active: 1
|
|
68
55
|
}],
|
|
69
|
-
|
|
70
|
-
datasheets: 1,
|
|
71
|
-
descriptions: 1,
|
|
72
|
-
images: 1
|
|
73
|
-
},
|
|
74
|
-
id_article: 55118,
|
|
75
|
-
retailersAvailable: [{
|
|
76
|
-
id: 58,
|
|
77
|
-
name: "The Home Depot Golden"
|
|
78
|
-
}, {
|
|
79
|
-
id: 59,
|
|
80
|
-
name: "The Home Depot Platinum"
|
|
81
|
-
}, {
|
|
82
|
-
id: 60,
|
|
83
|
-
name: "The Home Depot Resizing"
|
|
84
|
-
}, {
|
|
85
|
-
id: 61,
|
|
86
|
-
name: "Home Depot TAB"
|
|
87
|
-
}]
|
|
56
|
+
missing: {}
|
|
88
57
|
},
|
|
89
58
|
productToEdit: {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
product: {
|
|
93
|
-
orderId:
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
images_status: "AP",
|
|
59
|
+
idCategory: "2999",
|
|
60
|
+
ArticleId: 69031,
|
|
61
|
+
product: [{
|
|
62
|
+
orderId: 1829,
|
|
63
|
+
id_category: "2999",
|
|
64
|
+
status: "AC",
|
|
65
|
+
datasheet_status: "NS",
|
|
98
66
|
prio: "none",
|
|
99
67
|
version: 2,
|
|
68
|
+
description_status: "NS",
|
|
69
|
+
images_status: "AC",
|
|
100
70
|
brand: null,
|
|
71
|
+
missing: {
|
|
72
|
+
datasheet: 0,
|
|
73
|
+
descriptions: 0,
|
|
74
|
+
images: 0
|
|
75
|
+
},
|
|
101
76
|
article: {
|
|
102
|
-
category: "
|
|
103
|
-
company_name: "
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
upc: "
|
|
77
|
+
category: "RESIZING|RESIZING|RESIZING",
|
|
78
|
+
company_name: "The Home Depot Resize",
|
|
79
|
+
id_category: "2999",
|
|
80
|
+
id_article: 69031,
|
|
81
|
+
name: "RESIZING",
|
|
82
|
+
timestamp: "2022-06-23T15:53:54.000Z",
|
|
83
|
+
upc: "130994"
|
|
109
84
|
},
|
|
110
85
|
retailers: [{
|
|
111
|
-
id: 58,
|
|
112
|
-
name: "The Home Depot Golden"
|
|
113
|
-
}, {
|
|
114
|
-
id: 59,
|
|
115
|
-
name: "The Home Depot Platinum"
|
|
116
|
-
}, {
|
|
117
86
|
id: 60,
|
|
118
87
|
name: "The Home Depot Resizing"
|
|
119
|
-
}, {
|
|
120
|
-
id: 61,
|
|
121
|
-
name: "Home Depot TAB"
|
|
122
88
|
}],
|
|
123
89
|
services: {
|
|
124
|
-
datasheets:
|
|
125
|
-
descriptions:
|
|
90
|
+
datasheets: 0,
|
|
91
|
+
descriptions: 0,
|
|
126
92
|
images: 1
|
|
127
93
|
},
|
|
128
|
-
|
|
94
|
+
checked: false,
|
|
129
95
|
retailersAvailable: [{
|
|
130
|
-
id: 58,
|
|
131
|
-
name: "The Home Depot Golden"
|
|
132
|
-
}, {
|
|
133
|
-
id: 59,
|
|
134
|
-
name: "The Home Depot Platinum"
|
|
135
|
-
}, {
|
|
136
96
|
id: 60,
|
|
137
97
|
name: "The Home Depot Resizing"
|
|
138
|
-
},
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}
|
|
98
|
+
}],
|
|
99
|
+
id_article: 69031,
|
|
100
|
+
categoryName: "RESIZING|RESIZING|RESIZING",
|
|
101
|
+
version_status: "AC"
|
|
102
|
+
}]
|
|
143
103
|
},
|
|
144
104
|
location: {
|
|
145
105
|
product: {
|
|
@@ -151,36 +111,50 @@ ProviderProductEditionDefault.args = {
|
|
|
151
111
|
}
|
|
152
112
|
},
|
|
153
113
|
user: {
|
|
154
|
-
id_user:
|
|
155
|
-
name: "
|
|
156
|
-
last_name: "
|
|
157
|
-
email: "
|
|
158
|
-
position: "
|
|
159
|
-
telephone: "+
|
|
114
|
+
id_user: 1287,
|
|
115
|
+
name: "Gerson",
|
|
116
|
+
last_name: "Martinez",
|
|
117
|
+
email: "gmartinez@contentoh.com",
|
|
118
|
+
position: "Cuenta financiada",
|
|
119
|
+
telephone: "+525551234567",
|
|
160
120
|
country: "México",
|
|
161
|
-
id_company:
|
|
162
|
-
id_cognito: "
|
|
121
|
+
id_company: 819,
|
|
122
|
+
id_cognito: "9e448c0e-18ed-4eaf-9f88-3b3197d4a2fd",
|
|
163
123
|
birth_Date: null,
|
|
164
124
|
about_me: null,
|
|
165
125
|
zip_code: null,
|
|
166
126
|
address: null,
|
|
167
127
|
job: null,
|
|
168
|
-
id_stripe:
|
|
128
|
+
id_stripe: null,
|
|
169
129
|
id_role: 0,
|
|
170
130
|
active: 1,
|
|
171
131
|
is_retailer: 0,
|
|
172
132
|
email_notify: 1,
|
|
173
133
|
membership: {
|
|
174
|
-
id:
|
|
175
|
-
start_date: "
|
|
176
|
-
end_date: "
|
|
177
|
-
planID:
|
|
178
|
-
plan: "
|
|
179
|
-
name: "Plan
|
|
180
|
-
user_limit: "
|
|
181
|
-
products_limit: "
|
|
134
|
+
id: 799,
|
|
135
|
+
start_date: "2022-06-19T15:48:09.000Z",
|
|
136
|
+
end_date: "2023-06-19T15:48:09.000Z",
|
|
137
|
+
planID: 6,
|
|
138
|
+
plan: "prod_KvGd6YSTJyR3AP",
|
|
139
|
+
name: "Plan Small",
|
|
140
|
+
user_limit: "10",
|
|
141
|
+
products_limit: "1000",
|
|
182
142
|
type: "Enterprise"
|
|
183
143
|
},
|
|
184
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
144
|
+
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1287/1287.png?1656431499310"
|
|
145
|
+
},
|
|
146
|
+
company: {
|
|
147
|
+
id_company: 1,
|
|
148
|
+
trade_name: "COMPANY DEV",
|
|
149
|
+
company_name: "COMPANY DEV",
|
|
150
|
+
rfc: null,
|
|
151
|
+
adress: "",
|
|
152
|
+
about_company: "...",
|
|
153
|
+
telephone: "",
|
|
154
|
+
web_site: "",
|
|
155
|
+
zip_code: "",
|
|
156
|
+
email: null,
|
|
157
|
+
social_link: "",
|
|
158
|
+
is_retailer: 0
|
|
185
159
|
}
|
|
186
160
|
};
|