contentoh-components-library 21.1.23 → 21.1.26
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/SliderToolTip/styles.js +2 -2
- package/dist/components/atoms/ValidationPanel/index.js +26 -17
- package/dist/components/atoms/ValidationPanel/styles.js +1 -1
- package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +1 -1
- package/dist/components/atoms/VerticalSideMenuMainPage/index.js +21 -23
- package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +22 -6
- package/dist/components/molecules/AvatarAndValidation/index.js +4 -2
- package/dist/components/molecules/StatusAsignationInfo/index.js +0 -6
- package/dist/components/organisms/FullProductNameHeader/index.js +3 -1
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +111 -72
- package/dist/components/pages/ProviderProductEdition/index.js +159 -81
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +58 -51
- package/dist/components/pages/RetailerProductEdition/index.js +25 -19
- package/dist/global-files/data.js +21 -12
- package/dist/index.js +38 -51
- package/package.json +1 -1
- package/src/components/atoms/SliderToolTip/styles.js +6 -3
- package/src/components/atoms/ValidationPanel/index.js +24 -14
- package/src/components/atoms/ValidationPanel/styles.js +6 -2
- package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +2 -2
- package/src/components/atoms/VerticalSideMenuMainPage/index.js +19 -22
- package/src/components/atoms/VerticalSideMenuMainPage/styles.js +25 -19
- package/src/components/molecules/AvatarAndValidation/index.js +2 -0
- package/src/components/molecules/StatusAsignationInfo/index.js +0 -6
- package/src/components/organisms/FullProductNameHeader/index.js +2 -0
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +119 -82
- package/src/components/pages/ProviderProductEdition/index.js +131 -49
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +59 -51
- package/src/components/pages/RetailerProductEdition/index.js +18 -8
- package/src/global-files/data.js +32 -20
- package/src/index.js +0 -1
|
@@ -15,10 +15,10 @@ var _variables = require("../../../global-files/variables");
|
|
|
15
15
|
|
|
16
16
|
var _templateObject, _templateObject2;
|
|
17
17
|
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: transparent;\n cursor: pointer;\n position: relative;\n img {\n &.small-image {\n width: 20px;\n height: 20px;\n }\n &.medium-image {\n width: 30px;\n height: 30px;\n }\n &.big-image {\n width: 40px;\n height: 40px;\n }\n }\n"])));
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: transparent;\n cursor: pointer;\n position: relative;\n & + * {\n margin-left: 10px;\n }\n img {\n &.small-image {\n width: 20px;\n height: 20px;\n }\n &.medium-image {\n width: 30px;\n height: 30px;\n }\n &.big-image {\n width: 40px;\n height: 40px;\n }\n }\n"])));
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
21
21
|
|
|
22
|
-
var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: sans-serif;\n margin: auto;\n background: #281f33;\n border-radius: 6px;\n width: 310px !important;\n padding: 16px;\n padding-top: 20px;\n box-sizing: border-box;\n position: absolute;\n cursor: default;\n z-index: 2;\n &.top-slide {\n top: calc(
|
|
22
|
+
var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: sans-serif;\n margin: auto;\n background: #281f33;\n border-radius: 6px;\n width: 310px !important;\n padding: 16px;\n padding-top: 20px;\n box-sizing: border-box;\n position: absolute;\n cursor: default;\n z-index: 2;\n &.top-slide {\n top: calc(100% - 370px);\n left: calc(100% - 1168px);\n }\n &.bottom-slide {\n top: calc(100%);\n left: calc(-280px / 2);\n }\n #div-slider {\n width: 310px;\n }\n ul,\n li {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n .slider {\n position: relative;\n max-width: 300px;\n width: 100%;\n height: 270px;\n margin: 0;\n span {\n font-family: \"Avenir Next\";\n font-style: normal;\n font-weight: 500;\n font-size: 15px;\n line-height: 15px;\n text-align: center;\n letter-spacing: -0.015em;\n color: #fafafa;\n display: flex;\n justify-content: center;\n background-color: #281f33;\n & + * {\n margin-top: 10px;\n }\n }\n li {\n position: absolute;\n left: 0px;\n top: 0px;\n opacity: 0;\n width: inherit;\n height: inherit;\n transition: opacity 0.5s;\n background: transparent;\n img {\n width: 100%;\n height: 180px;\n border-radius: 4px;\n background-color: #fafafa;\n & + * {\n margin-top: 10px;\n }\n }\n p {\n font-family: \"Avenir Next\";\n font-style: normal;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n text-align: center;\n letter-spacing: -0.015em;\n color: #fafafa;\n background-color: #281f33;\n }\n div {\n background-color: #fafafa;\n height: 180px;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n img {\n width: 90%;\n }\n & + * {\n margin-top: 13px;\n }\n }\n }\n .end-div {\n div {\n height: 130px;\n width: 100%;\n background-color: #fafafa;\n display: flex;\n align-items: center;\n border-radius: 4px;\n img {\n width: 100%;\n height: 115px;\n object-fit: contain;\n }\n }\n .lema-end {\n justify-content: center;\n justify-content: space-evenly;\n height: 110px;\n background-color: #281f33;\n flex-direction: column;\n justify-content: space-evenly;\n border-radius: inherit;\n }\n button {\n display: none;\n justify-content: center;\n align-items: center;\n padding: 10px;\n width: 160px;\n height: 30px;\n border: 1px solid #d4d1d7;\n border-radius: 15px;\n color: #fafafa;\n background-color: #281f33;\n font-family: \"Avenir Next\";\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 25px;\n letter-spacing: -0.015em;\n position: absolute;\n left: 22%;\n top: 90%;\n cursor: pointer;\n }\n }\n }\n li:first-child {\n opacity: 1;\n }\n li:target {\n opacity: 1;\n }\n .menu {\n margin: 0;\n text-align: center;\n li {\n display: inline-block;\n text-align: center;\n & + * {\n margin-left: 15px;\n }\n a {\n display: inline-block;\n text-decoration: none;\n background-color: #c4c4c4;\n width: 10px;\n height: 10px;\n border-radius: 100%;\n }\n #slidea1 {\n background-color: #e33aa9;\n }\n }\n }\n"])));
|
|
23
23
|
|
|
24
24
|
exports.Slider = Slider;
|
|
@@ -22,13 +22,9 @@ var ValidationPanel = function ValidationPanel(_ref) {
|
|
|
22
22
|
setOptionClicked = _ref.setOptionClicked,
|
|
23
23
|
setShowValidationPanel = _ref.setShowValidationPanel,
|
|
24
24
|
approve = _ref.approve,
|
|
25
|
-
reject = _ref.reject
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
setOptionClicked("".concat(option, "-button"));
|
|
29
|
-
setShowValidationPanel(false);
|
|
30
|
-
};
|
|
31
|
-
|
|
25
|
+
reject = _ref.reject,
|
|
26
|
+
showApproveRejectAll = _ref.showApproveRejectAll;
|
|
27
|
+
console.log(showApproveRejectAll);
|
|
32
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
33
29
|
id: id,
|
|
34
30
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
@@ -53,16 +49,29 @@ var ValidationPanel = function ValidationPanel(_ref) {
|
|
|
53
49
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
54
50
|
children: "Rechazado"
|
|
55
51
|
})]
|
|
56
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
52
|
+
}), showApproveRejectAll && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
53
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
54
|
+
onClick: function onClick() {
|
|
55
|
+
approve && approve();
|
|
56
|
+
},
|
|
57
|
+
className: "validation-option",
|
|
58
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
59
|
+
src: _acceptIcon.default,
|
|
60
|
+
alt: "accept button"
|
|
61
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
62
|
+
children: "Validar todo y enviar a evaluaci\xF3n"
|
|
63
|
+
})]
|
|
64
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
65
|
+
onClick: function onClick() {
|
|
66
|
+
reject && reject();
|
|
67
|
+
},
|
|
68
|
+
className: "validation-option",
|
|
69
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
70
|
+
src: _rejectIcon.default,
|
|
71
|
+
alt: "reject button"
|
|
72
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
73
|
+
children: "Rechazar todo y enviar a evaluaci\xF3n"
|
|
74
|
+
})]
|
|
66
75
|
})]
|
|
67
76
|
})]
|
|
68
77
|
});
|
|
@@ -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 background-color: ", ";\n width:
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n width: max-content;\n padding: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n border-radius: 3px;\n position: absolute;\n right: 0;\n top: 100%;\n z-index: 100;\n\n button {\n width: 100%;\n height: 20px;\n display: flex;\n align-items: center;\n border: none;\n cursor: pointer;\n font-family: ", ";\n color: ", ";\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n background-color: ", ";\n border-radius: 10px;\n }\n\n & + * {\n margin-top: 8px;\n }\n }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.s3);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
|
@@ -23,6 +23,8 @@ var _closeMenu = _interopRequireDefault(require("../../../assets/images/vertical
|
|
|
23
23
|
|
|
24
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
25
|
|
|
26
|
+
var _styles2 = require("../../molecules/LoginPasswordStrength/styles");
|
|
27
|
+
|
|
26
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
29
|
|
|
28
30
|
var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
@@ -33,6 +35,7 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
33
35
|
trueBar = _useState2[0],
|
|
34
36
|
setTrueBar = _useState2[1];
|
|
35
37
|
|
|
38
|
+
var sub;
|
|
36
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
37
40
|
className: trueBar,
|
|
38
41
|
bar: trueBar,
|
|
@@ -44,38 +47,33 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
44
47
|
className: "logo"
|
|
45
48
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
46
49
|
className: "option",
|
|
47
|
-
children: menuoption.map(function (item
|
|
50
|
+
children: menuoption.map(function (item) {
|
|
48
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
49
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
50
53
|
className: "option-link",
|
|
51
54
|
exact: true,
|
|
52
55
|
activeClassName: "active",
|
|
53
|
-
to:
|
|
56
|
+
to: item.path,
|
|
54
57
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
55
|
-
src:
|
|
56
|
-
alt:
|
|
58
|
+
src: item.icon,
|
|
59
|
+
alt: item.title,
|
|
57
60
|
width: "25px"
|
|
58
61
|
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
59
|
-
children:
|
|
62
|
+
children: item.title
|
|
60
63
|
})]
|
|
61
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
children: "
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
exact: true,
|
|
73
|
-
activeClassName: "active",
|
|
74
|
-
to: "/AddProducts",
|
|
75
|
-
children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
76
|
-
children: "Agregar Producto"
|
|
64
|
+
}), item.suboption === undefined ? "" : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
65
|
+
children: menuoption[1].suboption.map(function (subitem) {
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
67
|
+
className: "sub-option",
|
|
68
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
69
|
+
exact: true,
|
|
70
|
+
activeClassName: "active",
|
|
71
|
+
to: subitem.path,
|
|
72
|
+
children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
73
|
+
children: subitem.title
|
|
74
|
+
})
|
|
77
75
|
})
|
|
78
|
-
})
|
|
76
|
+
});
|
|
79
77
|
})
|
|
80
78
|
})]
|
|
81
79
|
});
|
|
@@ -88,7 +86,7 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
88
86
|
alt: "Open Menu",
|
|
89
87
|
onClick: function onClick() {
|
|
90
88
|
{
|
|
91
|
-
trueBar ? setTrueBar("") : setTrueBar("
|
|
89
|
+
trueBar ? setTrueBar("") : setTrueBar("actived");
|
|
92
90
|
}
|
|
93
91
|
}
|
|
94
92
|
})
|
|
@@ -11,23 +11,39 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
11
11
|
|
|
12
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
13
|
|
|
14
|
+
var _reactRouterDom = require("react-router-dom");
|
|
15
|
+
|
|
14
16
|
var _templateObject;
|
|
15
17
|
|
|
16
|
-
var Container = _styledComponents.default.
|
|
18
|
+
var Container = (0, _styledComponents.default)(_reactRouterDom.NavLink)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n width: 58px;\n box-sizing: border-box;\n padding: 23px 10px 70px 10px;\n flex-direction: column;\n justify-content: space-between;\n overflow: auto;\n border-radius: 50px;\n background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n scrollbar-width: none;\n display: flex;\n text-align: center;\n &.actived {\n width: 200px;\n padding: 23px 10px 15px 10px;\n border-radius: 20px;\n }\n .navbar-top {\n .logo {\n & + * {\n margin-top: ", "%;\n }\n }\n .option {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding-left: ", "px;\n div {\n height: ", "px;\n width: ", "px;\n display: flex;\n justify-content: ", ";\n border-radius: ", "px;\n align-items: center;\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 21px;\n letter-spacing: -0.015em;\n color: #fafafa;\n text-decoration: none;\n &.option-link {\n cursor: pointer;\n margin-top: 12px;\n padding-left: ", "px;\n }\n p {\n cursor: pointer;\n }\n img {\n & + * {\n margin-left: 12px;\n }\n }\n }\n .option-link:hover {\n background: #e33aa9;\n }\n .sub-option {\n display: flex;\n flex-direction: column;\n padding-left: ", "px;\n height: auto;\n width: auto;\n div {\n display: flex;\n justify-content: flex-start;\n text-decoration: none;\n position: relative;\n font-size: 13px;\n border-left: 1px solid #f0eef2;\n border-radius: 0;\n color: #f0eef2;\n padding-top: 20px;\n padding-left: 12px;\n height: 25px;\n &::before {\n border-left: 1px solid #e33aa9;\n width: 10px;\n content: \"\";\n border-radius: 50%;\n height: 10px;\n background-color: white;\n position: absolute;\n left: ", "%;\n bottom: 1%;\n }\n }\n }\n }\n }\n .menu-bottom {\n display: flex;\n justify-content: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
17
19
|
var bar = _ref.bar;
|
|
18
|
-
return bar === "" ?
|
|
20
|
+
return bar === "" ? 145 : 50;
|
|
19
21
|
}, function (_ref2) {
|
|
20
22
|
var bar = _ref2.bar;
|
|
21
|
-
return bar ?
|
|
23
|
+
return bar ? 5 : 0;
|
|
22
24
|
}, function (_ref3) {
|
|
23
25
|
var bar = _ref3.bar;
|
|
24
|
-
return bar ?
|
|
26
|
+
return bar ? 32 : 38;
|
|
25
27
|
}, function (_ref4) {
|
|
26
28
|
var bar = _ref4.bar;
|
|
27
|
-
return bar ?
|
|
29
|
+
return bar ? 165 : 38;
|
|
28
30
|
}, function (_ref5) {
|
|
29
31
|
var bar = _ref5.bar;
|
|
32
|
+
return bar ? "flex-start" : "center";
|
|
33
|
+
}, function (_ref6) {
|
|
34
|
+
var bar = _ref6.bar;
|
|
35
|
+
return bar ? 18 : 100;
|
|
36
|
+
}, function (_ref7) {
|
|
37
|
+
var bar = _ref7.bar;
|
|
38
|
+
return bar ? 15 : 0;
|
|
39
|
+
}, function (_ref8) {
|
|
40
|
+
var bar = _ref8.bar;
|
|
41
|
+
return bar ? 28 : 20;
|
|
42
|
+
}, function (_ref9) {
|
|
43
|
+
var bar = _ref9.bar;
|
|
44
|
+
return bar ? -4 : -16;
|
|
45
|
+
}, function (_ref10) {
|
|
46
|
+
var bar = _ref10.bar;
|
|
30
47
|
return bar ? "flex-end" : "center";
|
|
31
48
|
});
|
|
32
|
-
|
|
33
49
|
exports.Container = Container;
|
|
@@ -29,7 +29,8 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
|
|
|
29
29
|
setActiveRetailer = _ref.setActiveRetailer,
|
|
30
30
|
showValidationButtons = _ref.showValidationButtons,
|
|
31
31
|
approve = _ref.approve,
|
|
32
|
-
reject = _ref.reject
|
|
32
|
+
reject = _ref.reject,
|
|
33
|
+
showApproveRejectAll = _ref.showApproveRejectAll;
|
|
33
34
|
|
|
34
35
|
var _useState = (0, _react.useState)(false),
|
|
35
36
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -72,7 +73,8 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
|
|
|
72
73
|
setOptionClicked: setButtonType,
|
|
73
74
|
setShowValidationPanel: setShowValidationPanel,
|
|
74
75
|
approve: approve,
|
|
75
|
-
reject: reject
|
|
76
|
+
reject: reject,
|
|
77
|
+
showApproveRejectAll: showApproveRejectAll
|
|
76
78
|
})]
|
|
77
79
|
});
|
|
78
80
|
};
|
|
@@ -80,20 +80,14 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
80
80
|
|
|
81
81
|
var slidefront = [{
|
|
82
82
|
slide: _slide.default,
|
|
83
|
-
id: "slide1",
|
|
84
|
-
id_link: "slidea1",
|
|
85
83
|
title: "Valida tu producto en cada activo digital",
|
|
86
84
|
description: "Al solicitar a Content-oh! podrás validar la información, imágenes y documentación de tu producto, esto hará más sencillo que puedas aprobar o rechazar el contenido."
|
|
87
85
|
}, {
|
|
88
86
|
slide: _slide2.default,
|
|
89
|
-
id: "slide2",
|
|
90
|
-
id_link: "slidea2",
|
|
91
87
|
title: "Aprueba o rechaza con un clic",
|
|
92
88
|
description: "Cuando termines de revisar tu información, elige si aproebas o rechazas, esto enviara una notificiación a nuestro equipo, para continuar o corregir el producto."
|
|
93
89
|
}, {
|
|
94
90
|
slide: _slide3.default,
|
|
95
|
-
id: "slide3",
|
|
96
|
-
id_link: "slidea3",
|
|
97
91
|
title: "Estatus de tu producto en el proceso",
|
|
98
92
|
description: "La mayor parte del proceso podrás identificar que estatus tiene tu producto, esto dara visibilidad a todo tu equipo para saber la etapa se encuentra."
|
|
99
93
|
}];
|
|
@@ -31,7 +31,8 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
31
31
|
showValidationButtons = _ref.showValidationButtons,
|
|
32
32
|
approve = _ref.approve,
|
|
33
33
|
reject = _ref.reject,
|
|
34
|
-
servicesData = _ref.servicesData
|
|
34
|
+
servicesData = _ref.servicesData,
|
|
35
|
+
showApproveRejectAll = _ref.showApproveRejectAll;
|
|
35
36
|
|
|
36
37
|
var _useState = (0, _react.useState)([]),
|
|
37
38
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -79,6 +80,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
79
80
|
activeRetailer: activeRetailer,
|
|
80
81
|
setActiveRetailer: setActiveRetailer,
|
|
81
82
|
showValidationButtons: showValidationButtons,
|
|
83
|
+
showApproveRejectAll: showApproveRejectAll,
|
|
82
84
|
approve: approve,
|
|
83
85
|
reject: reject
|
|
84
86
|
})]
|
|
@@ -31,96 +31,134 @@ ProviderProductEditionDefault.args = {
|
|
|
31
31
|
"Ficha técnica": false,
|
|
32
32
|
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZmM5YThiNC1mYWViLTQ3ZDUtYjEyYS05NzcxNThmNWUzMWUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjA4NzIzOSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwOTA4MzksImlhdCI6MTY1NjA4NzIzOSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.P4HmwNMwF6r9BuH-9onpbU7_iiXwSw1TOEux9seeVwHiEJytl6BOcHkKJEnUZ2dfarK2CRMiYVLVycbT3O4MCVyFb8hWnos_eTBAVIOD9kxd7FMLOL_v5JP6Vw4XxWx2xsut9Jvcw0M-_QipxvAKdHtNcC-pOYs0W2IvyXf0JbYgkthZwRwIOUYhqF2yMtKFFzAX2kZO5_QMNeTLamFoexDU_0heba7sToE_oLyovhPTTRobXQcss8mmiilEfnnGZ_YNlwf-0myAMMJkllESl0tff1YQpHLn1sUN6sA-DotQvYhaGbxNebgQ_sMfPNy8cEFOIrNLP_QMjEC_RCu_tw",
|
|
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
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
39
|
+
orderId: 64,
|
|
40
|
+
status: "AP",
|
|
41
|
+
datasheet_status: "AP",
|
|
42
|
+
prio: "none",
|
|
43
|
+
version: 7,
|
|
44
|
+
description_status: "AP",
|
|
45
|
+
images_status: "AP",
|
|
46
|
+
brand: "1",
|
|
47
|
+
retailerOrder: 0,
|
|
48
|
+
missing: {
|
|
49
|
+
datasheet: null,
|
|
50
|
+
descriptions: null,
|
|
51
|
+
images: null
|
|
52
|
+
},
|
|
53
|
+
services: {
|
|
54
|
+
datasheets: 1,
|
|
55
|
+
descriptions: 1,
|
|
56
|
+
images: 1
|
|
57
|
+
},
|
|
58
|
+
article: {
|
|
59
|
+
category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
|
|
60
|
+
company_name: "COMPANY DEV",
|
|
58
61
|
country: "México",
|
|
59
|
-
|
|
60
|
-
|
|
62
|
+
id_category: "41",
|
|
63
|
+
id_datasheet_especialist: 54,
|
|
64
|
+
id_datasheet_facilitator: 52,
|
|
65
|
+
id_description_especialist: 54,
|
|
66
|
+
id_description_facilitator: 52,
|
|
67
|
+
id_images_especialist: 55,
|
|
68
|
+
id_images_facilitator: 53,
|
|
69
|
+
id_order: 64,
|
|
70
|
+
id_article: 35707,
|
|
71
|
+
id_auditor: 37,
|
|
72
|
+
name: "chetos",
|
|
73
|
+
upc: "1010101010"
|
|
74
|
+
},
|
|
75
|
+
retailers: [{
|
|
76
|
+
id: 3,
|
|
77
|
+
name: "Sam´s Club"
|
|
61
78
|
}, {
|
|
62
|
-
id:
|
|
63
|
-
name: "
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
79
|
+
id: 8,
|
|
80
|
+
name: "Fragua"
|
|
81
|
+
}],
|
|
82
|
+
retailersAvailable: [{
|
|
83
|
+
id: 3,
|
|
84
|
+
name: "Sam´s Club"
|
|
67
85
|
}, {
|
|
68
|
-
id:
|
|
69
|
-
name: "
|
|
70
|
-
country: "México",
|
|
71
|
-
id_region: 1,
|
|
72
|
-
active: 1
|
|
86
|
+
id: 8,
|
|
87
|
+
name: "Fragua"
|
|
73
88
|
}],
|
|
74
|
-
|
|
89
|
+
categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
|
|
90
|
+
upc: "1010101010",
|
|
91
|
+
id_article: 35707,
|
|
92
|
+
id_order: 64
|
|
75
93
|
},
|
|
76
94
|
productToEdit: {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
product:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
95
|
+
ArticleId: 35707,
|
|
96
|
+
idCategory: "41",
|
|
97
|
+
product: {
|
|
98
|
+
orderId: 64,
|
|
99
|
+
status: "AP",
|
|
100
|
+
datasheet_status: "AP",
|
|
101
|
+
prio: "none",
|
|
102
|
+
version: 7,
|
|
103
|
+
description_status: "AP",
|
|
104
|
+
images_status: "AP",
|
|
105
|
+
brand: "1",
|
|
106
|
+
retailerOrder: 0,
|
|
107
|
+
missing: {
|
|
108
|
+
datasheet: null,
|
|
109
|
+
descriptions: null,
|
|
110
|
+
images: null
|
|
111
|
+
},
|
|
112
|
+
services: {
|
|
113
|
+
datasheets: 1,
|
|
114
|
+
descriptions: 1,
|
|
115
|
+
images: 1
|
|
116
|
+
},
|
|
117
|
+
article: {
|
|
118
|
+
category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
|
|
119
|
+
company_name: "COMPANY DEV",
|
|
99
120
|
country: "México",
|
|
100
|
-
|
|
101
|
-
|
|
121
|
+
id_category: "41",
|
|
122
|
+
id_datasheet_especialist: 54,
|
|
123
|
+
id_datasheet_facilitator: 52,
|
|
124
|
+
id_description_especialist: 54,
|
|
125
|
+
id_description_facilitator: 52,
|
|
126
|
+
id_images_especialist: 55,
|
|
127
|
+
id_images_facilitator: 53,
|
|
128
|
+
id_order: 64,
|
|
129
|
+
id_article: 35707,
|
|
130
|
+
id_auditor: 37,
|
|
131
|
+
name: "chetos",
|
|
132
|
+
upc: "1010101010"
|
|
133
|
+
},
|
|
134
|
+
retailers: [{
|
|
135
|
+
id: 3,
|
|
136
|
+
name: "Sam´s Club"
|
|
102
137
|
}, {
|
|
103
|
-
id:
|
|
104
|
-
name: "
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
138
|
+
id: 8,
|
|
139
|
+
name: "Fragua"
|
|
140
|
+
}],
|
|
141
|
+
retailersAvailable: [{
|
|
142
|
+
id: 3,
|
|
143
|
+
name: "Sam´s Club"
|
|
108
144
|
}, {
|
|
109
|
-
id:
|
|
110
|
-
name: "
|
|
111
|
-
country: "México",
|
|
112
|
-
id_region: 1,
|
|
113
|
-
active: 1
|
|
145
|
+
id: 8,
|
|
146
|
+
name: "Fragua"
|
|
114
147
|
}],
|
|
115
|
-
|
|
116
|
-
|
|
148
|
+
categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
|
|
149
|
+
upc: "1010101010",
|
|
150
|
+
id_article: 35707,
|
|
151
|
+
id_order: 64
|
|
152
|
+
}
|
|
117
153
|
},
|
|
118
154
|
location: {
|
|
119
155
|
product: {
|
|
120
156
|
articleId: 109485,
|
|
121
157
|
versionId: 3
|
|
122
158
|
},
|
|
123
|
-
state: {
|
|
159
|
+
state: {
|
|
160
|
+
origin: "Contentoh"
|
|
161
|
+
}
|
|
124
162
|
},
|
|
125
163
|
user: {
|
|
126
164
|
id_user: 1236,
|
|
@@ -140,7 +178,8 @@ ProviderProductEditionDefault.args = {
|
|
|
140
178
|
id_stripe: null,
|
|
141
179
|
id_role: 0,
|
|
142
180
|
active: 1,
|
|
143
|
-
is_retailer:
|
|
181
|
+
is_retailer: 1,
|
|
182
|
+
email_notify: 0,
|
|
144
183
|
membership: {
|
|
145
184
|
id: 797,
|
|
146
185
|
start_date: "2022-06-19T04:18:39.000Z",
|
|
@@ -152,6 +191,6 @@ ProviderProductEditionDefault.args = {
|
|
|
152
191
|
products_limit: "1000",
|
|
153
192
|
type: "Enterprise"
|
|
154
193
|
},
|
|
155
|
-
src: "https://content-management-profile
|
|
194
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656087239674"
|
|
156
195
|
}
|
|
157
196
|
};
|