contentoh-components-library 21.1.50 → 21.1.51
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/CheckBox/styles.js +1 -1
- package/dist/components/atoms/Commentary/styles.js +1 -1
- package/dist/components/atoms/GeneralInput/index.js +1 -0
- package/dist/components/atoms/GeneralInput/styles.js +3 -3
- package/dist/components/atoms/InputFormatter/styles.js +1 -1
- package/dist/components/atoms/SliderToolTip/SliderToolTip.stories.js +13 -67
- package/dist/components/atoms/SliderToolTip/index.js +135 -70
- package/dist/components/atoms/SliderToolTip/styles.js +2 -2
- package/dist/components/atoms/StatusTag/index.js +17 -2
- package/dist/components/atoms/StatusTag/styles.js +1 -1
- package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +1 -44
- package/dist/components/atoms/VerticalSideMenuMainPage/index.js +65 -39
- package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +6 -21
- package/dist/components/molecules/HeaderTop/index.js +1 -4
- package/dist/components/molecules/RetailerSelector/index.js +0 -34
- package/dist/components/molecules/StatusAsignationInfo/index.js +3 -32
- package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
- package/dist/components/organisms/FullTabsMenu/index.js +2 -4
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +87 -119
- package/dist/components/pages/ProviderProductEdition/index.js +334 -424
- package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
- package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
- package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +33 -75
- package/dist/components/pages/RetailerProductEdition/index.js +202 -216
- package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
- package/dist/global-files/data.js +9 -10
- package/dist/index.js +64 -38
- package/package.json +2 -2
- package/src/components/atoms/CheckBox/styles.js +1 -0
- package/src/components/atoms/Commentary/styles.js +2 -2
- package/src/components/atoms/GeneralInput/index.js +1 -0
- package/src/components/atoms/GeneralInput/styles.js +5 -5
- package/src/components/atoms/InputFormatter/styles.js +3 -3
- package/src/components/atoms/SliderToolTip/SliderToolTip.stories.js +11 -77
- package/src/components/atoms/SliderToolTip/index.js +154 -98
- package/src/components/atoms/SliderToolTip/styles.js +26 -51
- package/src/components/atoms/StatusTag/index.js +12 -2
- package/src/components/atoms/StatusTag/styles.js +11 -11
- package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +1 -24
- package/src/components/atoms/VerticalSideMenuMainPage/index.js +38 -32
- package/src/components/atoms/VerticalSideMenuMainPage/styles.js +29 -35
- package/src/components/molecules/HeaderTop/index.js +1 -6
- package/src/components/molecules/RetailerSelector/index.js +0 -16
- package/src/components/molecules/StatusAsignationInfo/index.js +1 -33
- package/src/components/organisms/FullProductNameHeader/index.js +2 -2
- package/src/components/organisms/FullTabsMenu/index.js +0 -2
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +92 -116
- package/src/components/pages/ProviderProductEdition/index.js +200 -254
- package/src/components/pages/ProviderProductEdition/styles.js +1 -1
- package/src/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +17 -0
- package/src/components/pages/RegistrationLoginFirstStep/index.js +160 -0
- package/src/components/pages/RegistrationLoginFirstStep/styles.js +85 -0
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +31 -77
- package/src/components/pages/RetailerProductEdition/index.js +170 -146
- package/src/components/pages/RetailerProductEdition/styles.js +1 -1
- package/src/global-files/data.js +9 -10
- package/src/index.js +2 -0
|
@@ -15,8 +15,16 @@ var _styles = require("./styles");
|
|
|
15
15
|
|
|
16
16
|
var _iconLogoContentoh = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg"));
|
|
17
17
|
|
|
18
|
+
var _iconProduct = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconProduct.svg"));
|
|
19
|
+
|
|
20
|
+
var _iconGroup = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconGroup.svg"));
|
|
21
|
+
|
|
18
22
|
var _iconLogo = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconLogo.svg"));
|
|
19
23
|
|
|
24
|
+
var _iconSpeedometer = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconSpeedometer.svg"));
|
|
25
|
+
|
|
26
|
+
var _iconTask = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconTask.svg"));
|
|
27
|
+
|
|
20
28
|
var _openMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/openMenu.svg"));
|
|
21
29
|
|
|
22
30
|
var _closeMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/closeMenu.svg"));
|
|
@@ -25,17 +33,16 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
25
33
|
|
|
26
34
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
35
|
|
|
28
|
-
var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
var _useState = (0, _react.useState)(""),
|
|
36
|
+
var VerticalSideMenuMainPage = function VerticalSideMenuMainPage() {
|
|
37
|
+
var _useState = (0, _react.useState)(false),
|
|
32
38
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
33
39
|
trueBar = _useState2[0],
|
|
34
40
|
setTrueBar = _useState2[1];
|
|
35
41
|
|
|
36
|
-
var
|
|
42
|
+
var active = function active() {//document.getElementById("slidea1").style.border= "1px solid rgb(227, 58, 169)";
|
|
43
|
+
};
|
|
44
|
+
|
|
37
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
38
|
-
className: trueBar,
|
|
39
46
|
bar: trueBar,
|
|
40
47
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
41
48
|
className: "navbar-top",
|
|
@@ -43,39 +50,58 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
43
50
|
src: trueBar ? _iconLogoContentoh.default : _iconLogo.default,
|
|
44
51
|
alt: "Logo",
|
|
45
52
|
className: "logo"
|
|
46
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
53
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
47
54
|
className: "option",
|
|
48
|
-
children:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
|
|
56
|
+
href: "/Dashboard",
|
|
57
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
58
|
+
src: _iconSpeedometer.default,
|
|
59
|
+
alt: "Speed Meter",
|
|
60
|
+
width: "25px"
|
|
61
|
+
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
62
|
+
children: "Dashborad"
|
|
63
|
+
})]
|
|
64
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
|
|
65
|
+
href: "/products",
|
|
66
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
67
|
+
src: _iconProduct.default,
|
|
68
|
+
alt: "Focus Product",
|
|
69
|
+
width: "25px"
|
|
70
|
+
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
71
|
+
children: "Productos"
|
|
72
|
+
})]
|
|
73
|
+
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
74
|
+
className: "sub-option",
|
|
75
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
76
|
+
href: "/Dashboard",
|
|
77
|
+
children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
78
|
+
children: "General"
|
|
79
|
+
})
|
|
80
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
81
|
+
href: "/AddProducts",
|
|
82
|
+
children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
83
|
+
children: "Agregar Producto"
|
|
84
|
+
})
|
|
85
|
+
})]
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
|
|
87
|
+
href: "/providers",
|
|
88
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
89
|
+
src: _iconGroup.default,
|
|
90
|
+
alt: "Group",
|
|
91
|
+
width: "25px"
|
|
92
|
+
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
93
|
+
children: "Proovedores"
|
|
94
|
+
})]
|
|
95
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
|
|
96
|
+
href: "/ContentohProducts",
|
|
97
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
98
|
+
src: _iconLogo.default,
|
|
99
|
+
alt: "Logo",
|
|
100
|
+
width: "25px"
|
|
101
|
+
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
102
|
+
children: "Content Oh!"
|
|
103
|
+
})]
|
|
104
|
+
})]
|
|
79
105
|
})]
|
|
80
106
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
107
|
className: "menu-bottom",
|
|
@@ -84,7 +110,7 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
84
110
|
alt: "Open Menu",
|
|
85
111
|
onClick: function onClick() {
|
|
86
112
|
{
|
|
87
|
-
trueBar ? setTrueBar(
|
|
113
|
+
trueBar ? setTrueBar(false) : setTrueBar(true);
|
|
88
114
|
}
|
|
89
115
|
}
|
|
90
116
|
})
|
|
@@ -11,40 +11,25 @@ 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
|
-
|
|
16
14
|
var _templateObject;
|
|
17
15
|
|
|
18
|
-
|
|
19
|
-
var Container = _styledComponents.default.div(_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) {
|
|
16
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n width: ", "px;\n box-sizing: border-box;\n padding: 23px 10px ", "px 10px;\n flex-direction: column;\n justify-content: space-between;\n overflow: auto;\n border-radius: ", "px;\n background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n scrollbar-width: none;\n display: flex;\n text-align: center;\n .navbar-top {\n .logo {\n & + * {\n margin-top: ", "%;\n }\n }\n .option {\n a {\n cursor: pointer;\n height: 38px;\n display: flex;\n justify-content: center;\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 img {\n & + * {\n margin-left: 12px;\n }\n }\n &:hover {\n background: #e33aa9;\n }\n /* & + * {\n margin-top: 12px;\n } */\n }\n .sub-option {\n display: flex;\n flex-direction: column;\n padding-left: 40px;\n a {\n display: flex;\n justify-content: flex-start;\n text-decoration: none;\n position: relative;\n font-family: Raleway;\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n border-left: 1px solid #f0eef2;\n border-radius: 0;\n line-height: 16px;\n letter-spacing: -0.015em;\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: -4%;\n bottom: 1%;\n }\n &:hover {\n background-color: transparent;\n }\n }\n & + * {\n margin-top: 12px;\n }\n }\n }\n }\n .menu-bottom {\n display: flex;\n justify-content: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
20
17
|
var bar = _ref.bar;
|
|
21
|
-
return bar
|
|
18
|
+
return bar ? 200 : 58;
|
|
22
19
|
}, function (_ref2) {
|
|
23
20
|
var bar = _ref2.bar;
|
|
24
|
-
return bar ?
|
|
21
|
+
return bar ? 15 : 70;
|
|
25
22
|
}, function (_ref3) {
|
|
26
23
|
var bar = _ref3.bar;
|
|
27
|
-
return bar ?
|
|
24
|
+
return bar ? 20 : 50;
|
|
28
25
|
}, function (_ref4) {
|
|
29
26
|
var bar = _ref4.bar;
|
|
30
|
-
return bar ?
|
|
27
|
+
return bar ? 45 : 225;
|
|
31
28
|
}, function (_ref5) {
|
|
32
29
|
var bar = _ref5.bar;
|
|
33
|
-
return bar ?
|
|
30
|
+
return bar ? 18 : 100;
|
|
34
31
|
}, function (_ref6) {
|
|
35
32
|
var bar = _ref6.bar;
|
|
36
|
-
return bar ? 18 : 100;
|
|
37
|
-
}, function (_ref7) {
|
|
38
|
-
var bar = _ref7.bar;
|
|
39
|
-
return bar ? 15 : 0;
|
|
40
|
-
}, function (_ref8) {
|
|
41
|
-
var bar = _ref8.bar;
|
|
42
|
-
return bar ? 28 : 20;
|
|
43
|
-
}, function (_ref9) {
|
|
44
|
-
var bar = _ref9.bar;
|
|
45
|
-
return bar ? -4 : -16;
|
|
46
|
-
}, function (_ref10) {
|
|
47
|
-
var bar = _ref10.bar;
|
|
48
33
|
return bar ? "flex-end" : "center";
|
|
49
34
|
});
|
|
50
35
|
|
|
@@ -26,10 +26,7 @@ var HeaderTop = function HeaderTop(_ref) {
|
|
|
26
26
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
|
|
27
27
|
text: "Edici\xF3n de producto"
|
|
28
28
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
|
|
29
|
-
buttonType: "close-button"
|
|
30
|
-
onClick: function onClick() {
|
|
31
|
-
window.location.href = "/products";
|
|
32
|
-
}
|
|
29
|
+
buttonType: "close-button"
|
|
33
30
|
})]
|
|
34
31
|
});
|
|
35
32
|
};
|
|
@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.RetailerSelector = void 0;
|
|
9
9
|
|
|
10
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
11
|
|
|
16
12
|
var _styles = require("./styles");
|
|
@@ -23,8 +19,6 @@ var _AsignationOption = require("../../atoms/AsignationOption");
|
|
|
23
19
|
|
|
24
20
|
var _DropDownButton = require("../../atoms/DropDownButton");
|
|
25
21
|
|
|
26
|
-
var _axios = _interopRequireDefault(require("axios"));
|
|
27
|
-
|
|
28
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
23
|
|
|
30
24
|
var RetailerSelector = function RetailerSelector(_ref) {
|
|
@@ -45,39 +39,11 @@ var RetailerSelector = function RetailerSelector(_ref) {
|
|
|
45
39
|
}
|
|
46
40
|
};
|
|
47
41
|
|
|
48
|
-
var getRetailerImage = /*#__PURE__*/function () {
|
|
49
|
-
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
50
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
51
|
-
while (1) {
|
|
52
|
-
switch (_context.prev = _context.next) {
|
|
53
|
-
case 0:
|
|
54
|
-
console.log("https://content-management-images.s3.amazonaws.com/retailers/".concat(activeRetailer.id, ".png"));
|
|
55
|
-
activeRetailer.image = "https://content-management-images.s3.amazonaws.com/retailers/".concat(activeRetailer.id, ".png");
|
|
56
|
-
retailers.forEach(function (retailer) {
|
|
57
|
-
return retailer.image = "https://content-management-images.s3.amazonaws.com/retailers/".concat(retailer.id, ".png");
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
case 3:
|
|
61
|
-
case "end":
|
|
62
|
-
return _context.stop();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}, _callee);
|
|
66
|
-
}));
|
|
67
|
-
|
|
68
|
-
return function getRetailerImage() {
|
|
69
|
-
return _ref2.apply(this, arguments);
|
|
70
|
-
};
|
|
71
|
-
}();
|
|
72
|
-
|
|
73
42
|
(0, _react.useEffect)(function () {
|
|
74
43
|
if (retailersPanel) {
|
|
75
44
|
document.addEventListener("click", closeRetailersPanel, false);
|
|
76
45
|
}
|
|
77
46
|
}, [retailersPanel]);
|
|
78
|
-
(0, _react.useEffect)(function () {
|
|
79
|
-
getRetailerImage();
|
|
80
|
-
}, [activeRetailer]);
|
|
81
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
82
48
|
id: "retailers-assignation",
|
|
83
49
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
@@ -25,16 +25,6 @@ var _index3 = require("../../atoms/AsignationOption/index");
|
|
|
25
25
|
|
|
26
26
|
var _data = require("../../../global-files/data");
|
|
27
27
|
|
|
28
|
-
var _SliderToolTip = require("../../atoms/SliderToolTip");
|
|
29
|
-
|
|
30
|
-
var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
|
|
31
|
-
|
|
32
|
-
var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide21.svg"));
|
|
33
|
-
|
|
34
|
-
var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide22.svg"));
|
|
35
|
-
|
|
36
|
-
var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide23.svg"));
|
|
37
|
-
|
|
38
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
39
29
|
|
|
40
30
|
var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
@@ -54,8 +44,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
54
44
|
_ref$id = _ref.id,
|
|
55
45
|
id = _ref$id === void 0 ? "default-id" : _ref$id,
|
|
56
46
|
onClickSave = _ref.onClickSave,
|
|
57
|
-
showSaveButton = _ref.showSaveButton
|
|
58
|
-
canAssign = _ref.canAssign;
|
|
47
|
+
showSaveButton = _ref.showSaveButton;
|
|
59
48
|
|
|
60
49
|
var _useState = (0, _react.useState)(false),
|
|
61
50
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -79,19 +68,6 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
79
68
|
}
|
|
80
69
|
};
|
|
81
70
|
|
|
82
|
-
var slidefront = [{
|
|
83
|
-
slide: _slide.default,
|
|
84
|
-
title: "Valida tu producto en cada activo digital",
|
|
85
|
-
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."
|
|
86
|
-
}, {
|
|
87
|
-
slide: _slide2.default,
|
|
88
|
-
title: "Aprueba o rechaza con un clic",
|
|
89
|
-
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."
|
|
90
|
-
}, {
|
|
91
|
-
slide: _slide3.default,
|
|
92
|
-
title: "Estatus de tu producto en el proceso",
|
|
93
|
-
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."
|
|
94
|
-
}];
|
|
95
71
|
(0, _react.useEffect)(function () {
|
|
96
72
|
if (showAsignationPanel) {
|
|
97
73
|
document.addEventListener("click", closeAsignations, false);
|
|
@@ -99,12 +75,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
99
75
|
}, [showAsignationPanel]);
|
|
100
76
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
101
77
|
id: id,
|
|
102
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
103
|
-
infoIcon: _infoIcon.default,
|
|
104
|
-
slidefront: slidefront,
|
|
105
|
-
iconSize: "medium-image",
|
|
106
|
-
slidePosition: "bottom-slide"
|
|
107
|
-
}), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
|
|
78
|
+
children: [status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
|
|
108
79
|
statusType: status,
|
|
109
80
|
ovalForm: true
|
|
110
81
|
}), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
|
|
@@ -147,7 +118,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
|
|
|
147
118
|
color: "#969696",
|
|
148
119
|
fontFamily: "Avenir Next",
|
|
149
120
|
headerType: "input-name-header"
|
|
150
|
-
}), showAsignationPanel &&
|
|
121
|
+
}), showAsignationPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
151
122
|
className: "asignation-panel",
|
|
152
123
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
153
124
|
className: "asignation-header",
|
|
@@ -47,7 +47,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
47
47
|
var element = [];
|
|
48
48
|
servicesData.forEach(function (sd) {
|
|
49
49
|
if (sd.id_retailer === rt.id) {
|
|
50
|
-
element.push(sd.status ? sd.status : "
|
|
50
|
+
element.push(sd.status ? sd.status : "RECEIVED");
|
|
51
51
|
} else element.push("NA");
|
|
52
52
|
|
|
53
53
|
rt["services"] = element;
|
|
@@ -32,8 +32,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
32
32
|
downloadImages = _ref.downloadImages,
|
|
33
33
|
askToDeleteImages = _ref.askToDeleteImages,
|
|
34
34
|
onClickSave = _ref.onClickSave,
|
|
35
|
-
showSaveButton = _ref.showSaveButton
|
|
36
|
-
canAssign = _ref.canAssign;
|
|
35
|
+
showSaveButton = _ref.showSaveButton;
|
|
37
36
|
|
|
38
37
|
var _useState = (0, _react.useState)(false),
|
|
39
38
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -56,8 +55,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
|
|
|
56
55
|
downloadImages: downloadImages,
|
|
57
56
|
onClickSave: onClickSave,
|
|
58
57
|
askToDeleteImages: askToDeleteImages,
|
|
59
|
-
showSaveButton: showSaveButton
|
|
60
|
-
canAssign: canAssign
|
|
58
|
+
showSaveButton: showSaveButton
|
|
61
59
|
})]
|
|
62
60
|
});
|
|
63
61
|
};
|
|
@@ -28,50 +28,30 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
|
|
|
28
28
|
ProviderProductEditionDefault.args = {
|
|
29
29
|
tabsSections: {
|
|
30
30
|
Descripción: true,
|
|
31
|
-
"Ficha técnica":
|
|
32
|
-
Imágenes:
|
|
31
|
+
"Ficha técnica": false,
|
|
32
|
+
Imágenes: false
|
|
33
33
|
},
|
|
34
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
35
|
-
articleId:
|
|
36
|
-
category:
|
|
37
|
-
version:
|
|
34
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
|
|
35
|
+
articleId: 238,
|
|
36
|
+
category: 846,
|
|
37
|
+
version: 2,
|
|
38
38
|
productSelected: {
|
|
39
|
-
orderId:
|
|
40
|
-
|
|
41
|
-
datasheet_status: "
|
|
39
|
+
orderId: 55,
|
|
40
|
+
article_status: "AP",
|
|
41
|
+
datasheet_status: "AP",
|
|
42
|
+
description_status: "AP",
|
|
43
|
+
images_status: "AP",
|
|
42
44
|
prio: "none",
|
|
43
|
-
version:
|
|
44
|
-
description_status: "AA",
|
|
45
|
-
images_status: "AA",
|
|
45
|
+
version: 2,
|
|
46
46
|
brand: null,
|
|
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
47
|
article: {
|
|
59
|
-
category: "
|
|
60
|
-
company_name: "
|
|
48
|
+
category: "ILUMINACIÓN|FOCOS|FOCOS",
|
|
49
|
+
company_name: "THD Proveedor",
|
|
61
50
|
country: "México",
|
|
62
|
-
id_category: "
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
id_description_facilitator: 52,
|
|
67
|
-
id_images_especialist: 55,
|
|
68
|
-
id_images_facilitator: 53,
|
|
69
|
-
id_order: 96,
|
|
70
|
-
id_article: 55154,
|
|
71
|
-
id_auditor: 37,
|
|
72
|
-
name: "Prueba 12312",
|
|
73
|
-
timestamp: "2022-07-04T22:17:43.000Z",
|
|
74
|
-
upc: "977812"
|
|
51
|
+
id_category: "2143",
|
|
52
|
+
id_article: 55118,
|
|
53
|
+
name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
|
|
54
|
+
upc: "145582"
|
|
75
55
|
},
|
|
76
56
|
retailers: [{
|
|
77
57
|
id: 58,
|
|
@@ -79,69 +59,53 @@ ProviderProductEditionDefault.args = {
|
|
|
79
59
|
}, {
|
|
80
60
|
id: 59,
|
|
81
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"
|
|
82
68
|
}],
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
images: "AA"
|
|
88
|
-
},
|
|
89
|
-
59: {
|
|
90
|
-
images: "AA"
|
|
91
|
-
}
|
|
69
|
+
services: {
|
|
70
|
+
datasheets: 1,
|
|
71
|
+
descriptions: 1,
|
|
72
|
+
images: 1
|
|
92
73
|
},
|
|
74
|
+
id_article: 55118,
|
|
93
75
|
retailersAvailable: [{
|
|
94
76
|
id: 58,
|
|
95
77
|
name: "The Home Depot Golden"
|
|
96
78
|
}, {
|
|
97
79
|
id: 59,
|
|
98
80
|
name: "The Home Depot Platinum"
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
81
|
+
}, {
|
|
82
|
+
id: 60,
|
|
83
|
+
name: "The Home Depot Resizing"
|
|
84
|
+
}, {
|
|
85
|
+
id: 61,
|
|
86
|
+
name: "Home Depot TAB"
|
|
87
|
+
}]
|
|
104
88
|
},
|
|
105
89
|
productToEdit: {
|
|
106
|
-
ArticleId:
|
|
107
|
-
idCategory: "
|
|
90
|
+
ArticleId: 55118,
|
|
91
|
+
idCategory: "2143",
|
|
108
92
|
product: {
|
|
109
|
-
orderId:
|
|
110
|
-
|
|
111
|
-
datasheet_status: "
|
|
93
|
+
orderId: 55,
|
|
94
|
+
article_status: "AP",
|
|
95
|
+
datasheet_status: "AP",
|
|
96
|
+
description_status: "AP",
|
|
97
|
+
images_status: "AP",
|
|
112
98
|
prio: "none",
|
|
113
|
-
version:
|
|
114
|
-
description_status: "AA",
|
|
115
|
-
images_status: "AA",
|
|
99
|
+
version: 2,
|
|
116
100
|
brand: null,
|
|
117
|
-
retailerOrder: 0,
|
|
118
|
-
missing: {
|
|
119
|
-
datasheet: null,
|
|
120
|
-
descriptions: null,
|
|
121
|
-
images: null
|
|
122
|
-
},
|
|
123
|
-
services: {
|
|
124
|
-
datasheets: 1,
|
|
125
|
-
descriptions: 1,
|
|
126
|
-
images: 1
|
|
127
|
-
},
|
|
128
101
|
article: {
|
|
129
|
-
category: "
|
|
130
|
-
company_name: "
|
|
102
|
+
category: "ILUMINACIÓN|FOCOS|FOCOS",
|
|
103
|
+
company_name: "THD Proveedor",
|
|
131
104
|
country: "México",
|
|
132
|
-
id_category: "
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
id_description_facilitator: 52,
|
|
137
|
-
id_images_especialist: 55,
|
|
138
|
-
id_images_facilitator: 53,
|
|
139
|
-
id_order: 96,
|
|
140
|
-
id_article: 55154,
|
|
141
|
-
id_auditor: 37,
|
|
142
|
-
name: "Prueba 12312",
|
|
143
|
-
timestamp: "2022-07-04T22:17:43.000Z",
|
|
144
|
-
upc: "977812"
|
|
105
|
+
id_category: "2143",
|
|
106
|
+
id_article: 55118,
|
|
107
|
+
name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
|
|
108
|
+
upc: "145582"
|
|
145
109
|
},
|
|
146
110
|
retailers: [{
|
|
147
111
|
id: 58,
|
|
@@ -149,33 +113,37 @@ ProviderProductEditionDefault.args = {
|
|
|
149
113
|
}, {
|
|
150
114
|
id: 59,
|
|
151
115
|
name: "The Home Depot Platinum"
|
|
116
|
+
}, {
|
|
117
|
+
id: 60,
|
|
118
|
+
name: "The Home Depot Resizing"
|
|
119
|
+
}, {
|
|
120
|
+
id: 61,
|
|
121
|
+
name: "Home Depot TAB"
|
|
152
122
|
}],
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
images: "AA"
|
|
158
|
-
},
|
|
159
|
-
59: {
|
|
160
|
-
images: "AA"
|
|
161
|
-
}
|
|
123
|
+
services: {
|
|
124
|
+
datasheets: 1,
|
|
125
|
+
descriptions: 1,
|
|
126
|
+
images: 1
|
|
162
127
|
},
|
|
128
|
+
id_article: 55118,
|
|
163
129
|
retailersAvailable: [{
|
|
164
130
|
id: 58,
|
|
165
131
|
name: "The Home Depot Golden"
|
|
166
132
|
}, {
|
|
167
133
|
id: 59,
|
|
168
134
|
name: "The Home Depot Platinum"
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
135
|
+
}, {
|
|
136
|
+
id: 60,
|
|
137
|
+
name: "The Home Depot Resizing"
|
|
138
|
+
}, {
|
|
139
|
+
id: 61,
|
|
140
|
+
name: "Home Depot TAB"
|
|
141
|
+
}]
|
|
174
142
|
}
|
|
175
143
|
},
|
|
176
144
|
location: {
|
|
177
145
|
product: {
|
|
178
|
-
articleId:
|
|
146
|
+
articleId: 109485,
|
|
179
147
|
versionId: 3
|
|
180
148
|
},
|
|
181
149
|
state: {
|
|
@@ -183,36 +151,36 @@ ProviderProductEditionDefault.args = {
|
|
|
183
151
|
}
|
|
184
152
|
},
|
|
185
153
|
user: {
|
|
186
|
-
id_user:
|
|
187
|
-
name: "
|
|
188
|
-
last_name: "
|
|
189
|
-
email: "
|
|
190
|
-
position: "
|
|
154
|
+
id_user: 59,
|
|
155
|
+
name: "The Home",
|
|
156
|
+
last_name: "Depot",
|
|
157
|
+
email: "cadena.ismael@allfreemail.net",
|
|
158
|
+
position: "Admin",
|
|
191
159
|
telephone: "+523111366336",
|
|
192
160
|
country: "México",
|
|
193
|
-
id_company:
|
|
194
|
-
id_cognito: "
|
|
161
|
+
id_company: 7,
|
|
162
|
+
id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
|
|
195
163
|
birth_Date: null,
|
|
196
164
|
about_me: null,
|
|
197
165
|
zip_code: null,
|
|
198
166
|
address: null,
|
|
199
167
|
job: null,
|
|
200
|
-
id_stripe: "
|
|
168
|
+
id_stripe: "",
|
|
201
169
|
id_role: 0,
|
|
202
170
|
active: 1,
|
|
203
171
|
is_retailer: 0,
|
|
204
|
-
email_notify:
|
|
172
|
+
email_notify: 1,
|
|
205
173
|
membership: {
|
|
206
|
-
id:
|
|
207
|
-
start_date: "
|
|
208
|
-
end_date: "
|
|
209
|
-
planID:
|
|
210
|
-
plan: "
|
|
211
|
-
name: "Plan
|
|
212
|
-
user_limit: "
|
|
213
|
-
products_limit: "
|
|
174
|
+
id: 24,
|
|
175
|
+
start_date: "2021-11-23T03:35:50.000Z",
|
|
176
|
+
end_date: "2022-11-23T03:35:50.000Z",
|
|
177
|
+
planID: 9,
|
|
178
|
+
plan: "prod_KtlkzZVGq6bRTO",
|
|
179
|
+
name: "Plan Enterprise Full",
|
|
180
|
+
user_limit: "30",
|
|
181
|
+
products_limit: "10000",
|
|
214
182
|
type: "Enterprise"
|
|
215
183
|
},
|
|
216
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
184
|
+
src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
|
|
217
185
|
}
|
|
218
186
|
};
|