contentoh-components-library 21.4.57 → 21.4.59
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/atoms/Avatar/index.js +2 -3
- package/dist/components/atoms/CheckBox/index.js +2 -7
- package/dist/components/atoms/CheckBox/styles.js +1 -1
- package/dist/components/atoms/InputFormatter/styles.js +1 -1
- package/dist/components/atoms/SliderToolTip/styles.js +1 -1
- package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
- package/dist/components/molecules/HeaderTop/index.js +11 -68
- package/dist/components/molecules/SignInLogin/index.js +28 -36
- package/dist/components/molecules/StripeCardSelector/CardSelector.stories.js +2 -1
- package/dist/components/molecules/TagAndInput/index.js +3 -64
- package/dist/components/organisms/Chat/Chat.stories.js +8 -27
- package/dist/components/organisms/Chat/ContainerItems/index.js +3 -19
- package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
- package/dist/components/organisms/Chat/ContentChat/index.js +197 -350
- package/dist/components/organisms/Chat/Footer/index.js +39 -48
- package/dist/components/organisms/Chat/index.js +4 -49
- package/dist/components/organisms/Chat/styles.js +1 -1
- package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
- package/dist/components/organisms/InputGroup/index.js +48 -154
- package/dist/components/organisms/Modal/styles.js +1 -1
- package/dist/components/pages/Dashboard/index.js +2 -8
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +137 -123
- package/dist/components/pages/ProviderProductEdition/index.js +258 -269
- package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +3 -7
- package/dist/components/pages/RetailerProductEdition/index.js +276 -278
- package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
- package/dist/components/pages/RetailerProductEdition/utils.js +2 -61
- package/dist/global-files/data.js +8 -21
- package/dist/global-files/variables.js +1 -5
- package/dist/index.js +58 -201
- package/package.json +1 -2
- package/src/components/atoms/Avatar/index.js +2 -8
- package/src/components/atoms/CheckBox/index.js +1 -4
- package/src/components/atoms/CheckBox/styles.js +0 -2
- package/src/components/atoms/InputFormatter/styles.js +1 -2
- package/src/components/atoms/SliderToolTip/styles.js +1 -1
- package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
- package/src/components/molecules/HeaderTop/index.js +6 -52
- package/src/components/molecules/SignInLogin/index.js +11 -11
- package/src/components/molecules/StripeCardSelector/CardSelector.stories.js +2 -1
- package/src/components/molecules/TagAndInput/index.js +8 -52
- package/src/components/organisms/Chat/Chat.stories.js +7 -27
- package/src/components/organisms/Chat/ContainerItems/index.js +2 -18
- package/src/components/organisms/Chat/ContainerItems/styles.js +2 -14
- package/src/components/organisms/Chat/ContentChat/index.js +12 -88
- package/src/components/organisms/Chat/Footer/index.js +0 -11
- package/src/components/organisms/Chat/index.js +4 -46
- package/src/components/organisms/Chat/styles.js +0 -4
- package/src/components/organisms/FullProductNameHeader/index.js +1 -1
- package/src/components/organisms/InputGroup/index.js +88 -238
- package/src/components/organisms/Modal/styles.js +1 -4
- package/src/components/organisms/OrderDetail/utils/Table/utils.js +16 -6
- package/src/components/pages/Dashboard/index.js +1 -6
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +145 -141
- package/src/components/pages/ProviderProductEdition/index.js +148 -145
- package/src/components/pages/ProviderProductEdition/styles.js +1 -5
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +2 -6
- package/src/components/pages/RetailerProductEdition/index.js +144 -115
- package/src/components/pages/RetailerProductEdition/styles.js +0 -4
- package/src/components/pages/RetailerProductEdition/utils.js +0 -37
- package/src/global-files/data.js +6 -10
- package/src/global-files/variables.js +0 -4
- package/src/index.js +0 -11
- package/src/assets/images/Icons/info.svg +0 -8
- package/src/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -76
- package/src/components/atoms/ImageCarousel/index.js +0 -103
- package/src/components/atoms/ImageCarousel/styles.js +0 -79
- package/src/components/atoms/PercentTag/PercentTag.stories.js +0 -7
- package/src/components/atoms/PercentTag/index.js +0 -9
- package/src/components/atoms/PercentTag/styles.js +0 -69
- package/src/components/atoms/RatingStars/RatingStars.stories.js +0 -10
- package/src/components/atoms/RatingStars/index.js +0 -31
- package/src/components/atoms/RatingStars/styles.js +0 -28
- package/src/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -36
- package/src/components/atoms/RetailerCatalog/index.js +0 -49
- package/src/components/atoms/RetailerCatalog/styles.js +0 -30
- package/src/components/atoms/RetailerOption/RetailerOption.stories.js +0 -15
- package/src/components/atoms/RetailerOption/index.js +0 -53
- package/src/components/atoms/RetailerOption/styles.js +0 -41
- package/src/components/atoms/RetailersList/RetailersList.stories.js +0 -33
- package/src/components/atoms/RetailersList/index.js +0 -20
- package/src/components/atoms/RetailersList/styles.js +0 -19
- package/src/components/atoms/TabSection/styles.js +0 -23
- package/src/components/atoms/UserCatalog/UserCatalog.stories.js +0 -67
- package/src/components/atoms/UserCatalog/index.js +0 -100
- package/src/components/atoms/UserCatalog/styles.js +0 -24
- package/src/components/atoms/UserOption/UserOption.stories.js +0 -25
- package/src/components/atoms/UserOption/index.js +0 -95
- package/src/components/atoms/UserOption/styles.js +0 -61
- package/src/components/atoms/UserSelector/UserSelector.stories.js +0 -25
- package/src/components/atoms/UserSelector/index.js +0 -86
- package/src/components/atoms/UserSelector/styles.js +0 -55
- package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js +0 -16
- package/src/components/molecules/BoxAttribute/index.js +0 -72
- package/src/components/molecules/BoxAttribute/styles.js +0 -41
- package/src/components/molecules/BoxButtons/BoxButtons.stories.js +0 -15
- package/src/components/molecules/BoxButtons/index.js +0 -32
- package/src/components/molecules/BoxButtons/styles.js +0 -43
- package/src/components/molecules/GridItem/GridItem.stories.js +0 -126
- package/src/components/molecules/GridItem/index.js +0 -105
- package/src/components/molecules/GridItem/styles.js +0 -104
- package/src/components/molecules/HeaderItem/ColumnItem.js +0 -9
- package/src/components/molecules/HeaderItem/HeaderItem.stories.js +0 -24
- package/src/components/molecules/HeaderItem/index.js +0 -26
- package/src/components/molecules/HeaderItem/styles.js +0 -27
- package/src/components/molecules/RowItem/ColumnItem.js +0 -9
- package/src/components/molecules/RowItem/RowItem.stories.js +0 -5660
- package/src/components/molecules/RowItem/index.js +0 -45
- package/src/components/molecules/RowItem/styles.js +0 -40
- package/src/components/organisms/Box/Box.stories.js +0 -17
- package/src/components/organisms/Box/index.js +0 -103
- package/src/components/organisms/Box/styles.js +0 -48
- package/src/components/organisms/BoxOnboarding/BoxOnboarding.stories.js +0 -17
- package/src/components/organisms/BoxOnboarding/index.js +0 -60
- package/src/components/organisms/BoxOnboarding/styles.js +0 -44
- package/src/components/organisms/GridProducts/GridProducts.stories.js +0 -5485
- package/src/components/organisms/GridProducts/index.js +0 -50
- package/src/components/organisms/GridProducts/styles.js +0 -14
- package/src/components/organisms/GridProducts/utils.js +0 -111
|
@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
13
13
|
|
|
14
14
|
var _templateObject;
|
|
15
15
|
|
|
16
|
-
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: calc(100% - 341px);\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 }\n
|
|
16
|
+
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: calc(100% - 341px);\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 }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
17
17
|
var headerTop = _ref.headerTop;
|
|
18
18
|
return headerTop;
|
|
19
19
|
});
|
|
@@ -5,18 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.getInputsData = exports.getAuditVersion = void 0;
|
|
9
9
|
|
|
10
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
13
|
-
|
|
14
12
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
15
13
|
|
|
16
14
|
var _axios = _interopRequireDefault(require("axios"));
|
|
17
15
|
|
|
18
|
-
var _handle_http = require("../../../global-files/handle_http");
|
|
19
|
-
|
|
20
16
|
var getAuditVersion = /*#__PURE__*/function () {
|
|
21
17
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, setState, token) {
|
|
22
18
|
var auditResponse;
|
|
@@ -68,59 +64,4 @@ var getInputsData = function getInputsData(services, activeRetailer, setDatashee
|
|
|
68
64
|
}
|
|
69
65
|
};
|
|
70
66
|
|
|
71
|
-
exports.getInputsData = getInputsData;
|
|
72
|
-
|
|
73
|
-
var translateService = function translateService(tab) {
|
|
74
|
-
switch (tab) {
|
|
75
|
-
case "description":
|
|
76
|
-
case "Descripción":
|
|
77
|
-
return "Descripciones";
|
|
78
|
-
|
|
79
|
-
case "datasheet":
|
|
80
|
-
case "Ficha técnica":
|
|
81
|
-
return "Fichas técnicas";
|
|
82
|
-
|
|
83
|
-
case "images":
|
|
84
|
-
case "Imágenes":
|
|
85
|
-
return "Imágenes";
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
exports.translateService = translateService;
|
|
90
|
-
|
|
91
|
-
var createMessage = function createMessage(retailers, idRetailer, oldStatus, newStatus, service) {
|
|
92
|
-
var _ref2 = (retailers === null || retailers === void 0 ? void 0 : retailers.filter(function (ret) {
|
|
93
|
-
return ret.id === idRetailer;
|
|
94
|
-
})) || [],
|
|
95
|
-
_ref3 = (0, _slicedToArray2.default)(_ref2, 1),
|
|
96
|
-
retailer = _ref3[0];
|
|
97
|
-
|
|
98
|
-
return "".concat(translateService(service), " de ").concat(retailer.name, " |").concat(oldStatus, "| a |").concat(newStatus);
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
exports.createMessage = createMessage;
|
|
102
|
-
|
|
103
|
-
var sendMessage = /*#__PURE__*/function () {
|
|
104
|
-
var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(data) {
|
|
105
|
-
var paramsBody, paramsHeader;
|
|
106
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
107
|
-
while (1) {
|
|
108
|
-
switch (_context2.prev = _context2.next) {
|
|
109
|
-
case 0:
|
|
110
|
-
paramsBody = data.paramsBody, paramsHeader = data.paramsHeader;
|
|
111
|
-
return _context2.abrupt("return", (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeader));
|
|
112
|
-
|
|
113
|
-
case 2:
|
|
114
|
-
case "end":
|
|
115
|
-
return _context2.stop();
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}, _callee2);
|
|
119
|
-
}));
|
|
120
|
-
|
|
121
|
-
return function sendMessage(_x4) {
|
|
122
|
-
return _ref4.apply(this, arguments);
|
|
123
|
-
};
|
|
124
|
-
}();
|
|
125
|
-
|
|
126
|
-
exports.sendMessage = sendMessage;
|
|
67
|
+
exports.getInputsData = getInputsData;
|
|
@@ -20,7 +20,7 @@ var _jsBase = require("js-base64");
|
|
|
20
20
|
var _uuid = require("uuid");
|
|
21
21
|
|
|
22
22
|
var getRetailerServices = /*#__PURE__*/function () {
|
|
23
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, categoryId, version
|
|
23
|
+
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, categoryId, version) {
|
|
24
24
|
var _images$values, responseArray, datasheets, descriptions, images;
|
|
25
25
|
|
|
26
26
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
@@ -29,25 +29,12 @@ var getRetailerServices = /*#__PURE__*/function () {
|
|
|
29
29
|
case 0:
|
|
30
30
|
_context.prev = 0;
|
|
31
31
|
_context.next = 3;
|
|
32
|
-
return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version),
|
|
33
|
-
headers: {
|
|
34
|
-
Authorization: Authorization
|
|
35
|
-
}
|
|
36
|
-
}), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version), {
|
|
37
|
-
headers: {
|
|
38
|
-
Authorization: Authorization
|
|
39
|
-
}
|
|
40
|
-
}), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?articleId=").concat(articleId, "&version=").concat(version), {
|
|
32
|
+
return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?articleId=").concat(articleId, "&version=").concat(version), {
|
|
41
33
|
category: category
|
|
42
|
-
}, {
|
|
43
|
-
headers: {
|
|
44
|
-
Authorization: Authorization
|
|
45
|
-
}
|
|
46
34
|
})]);
|
|
47
35
|
|
|
48
36
|
case 3:
|
|
49
37
|
responseArray = _context.sent;
|
|
50
|
-
console.log(responseArray[0]);
|
|
51
38
|
datasheets = JSON.parse(responseArray[0].data.body).data;
|
|
52
39
|
descriptions = JSON.parse(responseArray[1].data.body).data;
|
|
53
40
|
images = JSON.parse(responseArray[2].data.body).data;
|
|
@@ -61,20 +48,20 @@ var getRetailerServices = /*#__PURE__*/function () {
|
|
|
61
48
|
});
|
|
62
49
|
return _context.abrupt("return", [datasheets, descriptions, images]);
|
|
63
50
|
|
|
64
|
-
case
|
|
65
|
-
_context.prev =
|
|
51
|
+
case 11:
|
|
52
|
+
_context.prev = 11;
|
|
66
53
|
_context.t0 = _context["catch"](0);
|
|
67
54
|
console.log(_context.t0);
|
|
68
55
|
|
|
69
|
-
case
|
|
56
|
+
case 14:
|
|
70
57
|
case "end":
|
|
71
58
|
return _context.stop();
|
|
72
59
|
}
|
|
73
60
|
}
|
|
74
|
-
}, _callee, null, [[0,
|
|
61
|
+
}, _callee, null, [[0, 11]]);
|
|
75
62
|
}));
|
|
76
63
|
|
|
77
|
-
return function getRetailerServices(_x, _x2, _x3, _x4
|
|
64
|
+
return function getRetailerServices(_x, _x2, _x3, _x4) {
|
|
78
65
|
return _ref.apply(this, arguments);
|
|
79
66
|
};
|
|
80
67
|
}();
|
|
@@ -276,7 +263,7 @@ var fetchUsers = /*#__PURE__*/function () {
|
|
|
276
263
|
}, _callee4);
|
|
277
264
|
}));
|
|
278
265
|
|
|
279
|
-
return function fetchUsers(
|
|
266
|
+
return function fetchUsers(_x5) {
|
|
280
267
|
return _ref4.apply(this, arguments);
|
|
281
268
|
};
|
|
282
269
|
}();
|
|
@@ -20,11 +20,7 @@ var GlobalColors = {
|
|
|
20
20
|
reception: "#E57432",
|
|
21
21
|
finished: "#18A0FB",
|
|
22
22
|
exported: "#71DE56",
|
|
23
|
-
white: "#FFFFFF"
|
|
24
|
-
gray_light: "#F0F0F0",
|
|
25
|
-
gray: "#707070",
|
|
26
|
-
blue_light: "#F7F7FC",
|
|
27
|
-
purple: "#8A6CAA"
|
|
23
|
+
white: "#FFFFFF"
|
|
28
24
|
};
|
|
29
25
|
exports.GlobalColors = GlobalColors;
|
|
30
26
|
var FontFamily = {
|