contentoh-components-library 21.1.30 → 21.1.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/atoms/Commentary/styles.js +1 -1
  2. package/dist/components/atoms/GeneralInput/styles.js +3 -3
  3. package/dist/components/atoms/InputFormatter/styles.js +1 -1
  4. package/dist/components/atoms/SliderToolTip/index.js +14 -9
  5. package/dist/components/atoms/SliderToolTip/styles.js +1 -1
  6. package/dist/components/atoms/StatusTag/index.js +2 -17
  7. package/dist/components/atoms/StatusTag/styles.js +1 -1
  8. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  9. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +103 -105
  10. package/dist/components/pages/ProviderProductEdition/index.js +349 -323
  11. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +83 -38
  12. package/dist/components/pages/RetailerProductEdition/index.js +207 -196
  13. package/dist/global-files/data.js +10 -9
  14. package/package.json +1 -1
  15. package/src/components/atoms/Commentary/styles.js +2 -2
  16. package/src/components/atoms/GeneralInput/styles.js +5 -5
  17. package/src/components/atoms/InputFormatter/styles.js +3 -3
  18. package/src/components/atoms/SliderToolTip/index.js +20 -13
  19. package/src/components/atoms/SliderToolTip/styles.js +21 -25
  20. package/src/components/atoms/StatusTag/index.js +2 -12
  21. package/src/components/atoms/StatusTag/styles.js +11 -11
  22. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  23. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +103 -117
  24. package/src/components/pages/ProviderProductEdition/index.js +165 -171
  25. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +82 -33
  26. package/src/components/pages/RetailerProductEdition/index.js +137 -165
  27. package/src/global-files/data.js +10 -9
  28. package/dist/components/atoms/ListCommercialRetailers/ListCommercialRetailers.stories.js +0 -36
  29. package/dist/components/atoms/ListCommercialRetailers/index.js +0 -64
  30. package/dist/components/atoms/ListCommercialRetailers/styles.js +0 -20
  31. package/dist/components/atoms/MenuCommercialRetailers/MenuCommercialRetailers.stories.js +0 -37
  32. package/dist/components/atoms/MenuCommercialRetailers/index.js +0 -25
  33. package/dist/components/atoms/MenuCommercialRetailers/styles.js +0 -20
  34. package/dist/components/atoms/MenuProductImage/MenuProductImage.stories.js +0 -28
  35. package/dist/components/atoms/MenuProductImage/index.js +0 -88
  36. package/dist/components/atoms/MenuProductImage/styles.js +0 -20
  37. package/dist/components/molecules/ApproveRejetPanel/ApproveRejetPanel.stories.js +0 -25
  38. package/dist/components/molecules/ApproveRejetPanel/index.js +0 -49
  39. package/dist/components/molecules/ApproveRejetPanel/styles.js +0 -18
  40. package/dist/components/molecules/SignInLoginCreationApp/SignInLogin.stories.js +0 -28
  41. package/dist/components/molecules/SignInLoginCreationApp/index.js +0 -270
  42. package/dist/components/molecules/SignInLoginCreationApp/styles.js +0 -20
  43. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +0 -37
  44. package/dist/components/pages/RegistrationLoginFirstStep/index.js +0 -269
  45. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +0 -20
  46. package/dist/global-files/fonts.css +0 -45
  47. package/dist/global-files/global-styles.css +0 -40
package/dist/components/atoms/Commentary/styles.js CHANGED
@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 500px;\n height: 80px;\n border: 1px solid ", ";\n padding: 10px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 15px;\n color: ", ";\n text-decoration: ", ";\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 500px;\n height: 80px;\n border: 1px solid ", ";\n padding: 10px;\n p {\n font-family: ", ";\n font-size: 12px;\n line-height: 15px;\n color: ", ";\n text-decoration: ", ";\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, function (_ref) {
19
19
  var reviewed = _ref.reviewed;
20
20
  return reviewed ? "line-through" : "none";
21
21
  });
package/dist/components/atoms/GeneralInput/styles.js CHANGED
@@ -15,15 +15,15 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n\n > div {\n label {\n &:before {\n outline: 1px solid ", ";\n }\n }\n }\n\n input,\n textarea {\n width: 100%;\n border: 1px solid\n ", ";\n\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n select {\n background: #fafafa;\n outline: none;\n border: 1px solid\n ", ";\n width: 100%;\n cursor: pointer;\n font-family: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n padding: 10px;\n border-right: 2px solid #e33aa9;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n p {\n font-family: ", ";\n font-size: 11px;\n color: ", ";\n }\n"])), function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n\n > div {\n label {\n &:before {\n outline: 1px solid ", ";\n }\n }\n }\n\n input,\n textarea {\n width: 100%;\n border: 1px solid\n ", ";\n\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n select {\n background: #fafafa;\n outline: none;\n border: 1px solid\n ", ";\n width: 100%;\n cursor: pointer;\n font-family: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 21px;\n padding: 10px;\n border-right: 2px solid #e33aa9;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n p {\n font-family: ", ";\n font-size: 12px;\n color: ", ";\n }\n"])), function (_ref) {
19
19
  var isRequired = _ref.isRequired;
20
20
  return isRequired ? "red" : "none";
21
21
  }, function (_ref2) {
22
22
  var isRequired = _ref2.isRequired;
23
23
  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
24
- }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2, function (_ref3) {
24
+ }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
25
25
  var isRequired = _ref3.isRequired;
26
26
  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
27
- }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.s4);
27
+ }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
28
28
 
29
29
  exports.Container = Container;
package/dist/components/atoms/InputFormatter/styles.js CHANGED
@@ -28,6 +28,6 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
28
28
  }, function (_ref4) {
29
29
  var position = _ref4.position;
30
30
  return position.left;
31
- }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.FontFamily.Raleway_900, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
31
+ }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.FontFamily.Raleway_900, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray);
32
32
 
33
33
  exports.Container = Container;
package/dist/components/atoms/SliderToolTip/index.js CHANGED
@@ -57,7 +57,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
57
57
 
58
58
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
59
59
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
60
- className: "container-slider",
61
60
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
62
61
  src: infoIcon,
63
62
  alt: "info icon",
@@ -72,7 +71,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
72
71
  }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
73
72
  id: "div-slider",
74
73
  className: slidePosition,
75
- length: slidefront.length,
76
74
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
77
75
  className: "slider",
78
76
  children: slidefront.map(function (item, index) {
@@ -81,15 +79,15 @@ var SliderToolTip = function SliderToolTip(_ref) {
81
79
  className: "slide".concat(index + 1) === "slide".concat(slidefront.length) ? "end-div" : "",
82
80
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
83
81
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
84
- src: slidefront[index].slide
82
+ src: item.slide
85
83
  })
86
84
  }), "slide".concat(index + 1) === "slide".concat(slidefront.length) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
87
85
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
88
86
  className: "lema-end",
89
87
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
90
- children: slidefront[index].title
88
+ children: item.title
91
89
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
92
- children: slidefront[index].description
90
+ children: item.description
93
91
  })]
94
92
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
95
93
  id: "button-slide",
@@ -100,10 +98,10 @@ var SliderToolTip = function SliderToolTip(_ref) {
100
98
  children: "Cerrar"
101
99
  })]
102
100
  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
103
- children: [slidefront[index].title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
104
- children: slidefront[index].title
101
+ children: [item.title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
102
+ children: item.title
105
103
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
106
- children: slidefront[index].description
104
+ children: item.description
107
105
  })]
108
106
  })]
109
107
  });
@@ -113,10 +111,17 @@ var SliderToolTip = function SliderToolTip(_ref) {
113
111
  children: slidefront.map(function (item, index) {
114
112
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
115
113
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
116
- href: "#slide".concat(index + 1),
117
114
  id: "slidea".concat(index + 1),
118
115
  onClick: function onClick(e) {
119
116
  color("slidea".concat(index + 1));
117
+
118
+ for (var i = 1; i <= slidefront.length; i++) {
119
+ if (index + 1 === i) {
120
+ document.getElementById("slide".concat(index + 1)).style.opacity = 1;
121
+ } else if (index + 1 > i || index + 1 < i) {
122
+ document.getElementById("slide".concat(i)).style.opacity = 0;
123
+ }
124
+ }
120
125
  }
121
126
  })
122
127
  });
package/dist/components/atoms/SliderToolTip/styles.js CHANGED
@@ -19,6 +19,6 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
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;\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% - 738px);\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"])));
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;\n padding: 16px;\n padding-top: 20px;\n box-sizing: border-box;\n position: absolute;\n cursor: default;\n z-index: 2;\n width: 310px;\n &.top-slide {\n top: calc(100% - 370px);\n left: calc(100% - 175px);\n }\n &.bottom-slide {\n top: 100%;\n right: calc(100% + -70px);\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 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 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 }\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 .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 cursor: pointer;\n }\n #slidea1 {\n background-color: #e33aa9;\n }\n }\n }\n"])));
23
23
 
24
24
  exports.Slider = Slider;
package/dist/components/atoms/StatusTag/index.js CHANGED
@@ -18,27 +18,12 @@ var StatusTag = function StatusTag(_ref) {
18
18
  case "COMPLETED":
19
19
  return "C";
20
20
 
21
- case "RECEPTION":
22
- return "Pr";
23
-
24
21
  case "NULL":
25
- return "-";
26
-
27
- case "RECEIVED":
28
- return "Rc";
29
-
30
- case "IN_PROGRESS":
31
- return "P";
32
-
33
- case "ASSIGNED":
34
- return "As";
22
+ return "--";
35
23
 
36
24
  case "APPROVED":
37
25
  return "Ap";
38
26
 
39
- case "VALIDATING":
40
- return "V";
41
-
42
27
  case "PAID_OUT":
43
28
  return "Po";
44
29
 
@@ -48,7 +33,7 @@ var StatusTag = function StatusTag(_ref) {
48
33
  };
49
34
 
50
35
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
51
- className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
36
+ className: "status-".concat(getShortStatus(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, "")), " ").concat(ovalForm && "oval-form"),
52
37
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
53
38
  children: getShortStatus(statusType)
54
39
  })
package/dist/components/atoms/StatusTag/styles.js CHANGED
@@ -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 width: fit-content;\n padding: 0 10px;\n height: 20px;\n background-color: ", ";\n border-radius: 3px;\n\n p {\n text-align: center;\n color: ", ";\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n }\n\n &.status-As,\n &.status-P,\n &.status-IN_PROGRESS,\n &.status-QF {\n background-color: ", ";\n }\n\n &.status-Pr,\n &.status-Rr,\n &.status-Rc {\n background-color: ", ";\n }\n\n &.status-AA,\n &.status-AP,\n &.status-AC,\n &.status-AF {\n background-color: ", ";\n }\n\n &.status-RA,\n &.status-RF,\n &.status-RP,\n &.status-RC {\n background-color: ", ";\n }\n\n &.status-Dat,\n &.status-Dsc,\n &.status-Imgs {\n background-color: ", ";\n }\n\n &.status-Ex {\n background-color: ", ";\n }\n\n &.status-DDI {\n background-color: ", ";\n }\n\n &.status-GLD {\n background-color: ", ";\n }\n\n &.status-TAB {\n background-color: ", ";\n }\n\n &.status-Pt {\n background-color: ", ";\n color: ", ";\n }\n\n &.oval-form {\n border-radius: 10px;\n }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: fit-content;\n padding: 0 10px;\n height: 20px;\n background-color: ", ";\n border-radius: 3px;\n\n p {\n text-align: center;\n color: ", ";\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n }\n\n &.status-AS,\n &.status-CA,\n &.status-IE {\n background-color: ", ";\n }\n\n &.status-R {\n background-color: ", ";\n }\n\n &.status-AA,\n &.status-AP,\n &.status-ACA,\n &.status-AC {\n background-color: ", ";\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n background-color: ", ";\n }\n\n &.status-Dat,\n &.status-Dsc,\n &.status-Imgs {\n background-color: ", ";\n }\n\n &.status-Ex {\n background-color: ", ";\n }\n\n &.status-DDI {\n background-color: ", ";\n }\n\n &.status-GLD {\n background-color: ", ";\n }\n\n &.status-TAB {\n background-color: ", ";\n }\n\n &.status-Pt {\n background-color: ", ";\n color: ", ";\n }\n\n &.oval-form {\n border-radius: 10px;\n }\n &.delThis {\n color: red;\n }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
19
19
 
20
20
  exports.Container = Container;
package/dist/components/organisms/FullProductNameHeader/index.js CHANGED
@@ -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 : "RECEIVED");
50
+ element.push(sd.status ? sd.status : "R");
51
51
  } else element.push("NA");
52
52
 
53
53
  rt["services"] = element;
package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -31,119 +31,117 @@ ProviderProductEditionDefault.args = {
31
31
  "Ficha técnica": false,
32
32
  Imágenes: false
33
33
  },
34
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
35
- articleId: 238,
36
- category: 846,
37
- version: 2,
34
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwOWQ1MDUzMy05NjA3LTQ5YTQtODRkNC0zMDk1OWNmNmY4NjUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNzcyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTY2MTEzMjEsImlhdCI6MTY1NjYwNzcyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Xung-7vGoB-YllkTIOn0DrNRd-GBD4lbQemGdMxRPFbE-nvvGXQsTWLstJ-8yQ4zoyGUoOIoGsRwuI127kUkg4hhel6pXDINfxdWsdI1QXk6SzGulkcmhD8gUFnXMc8rvBkMizNYHF9d_7dUsJRhjAxQWmVew8m7W8dTPrAht_xjfk1ZmTQVD4O6IVwLJEX3FncXj1tAXgknksUGj-vGDen5HkuVEv8jJlKFiz72cV07H66jk3-BReu0e_gpq2RRz8wGu18HOaPzjWvzmiYcm5FqGKOTAWM5JSgWCOm9r5ixh5m_pM3EjKbWpVb3joELRQ2DVkPFp2fzGmS028-9XQ",
35
+ articleId: 55157,
36
+ category: 4,
37
+ version: 3,
38
38
  productSelected: {
39
- orderId: 55,
40
- article_status: "AP",
39
+ orderId: 89,
40
+ status: "AA",
41
41
  datasheet_status: "AP",
42
- description_status: "AP",
43
- images_status: "AP",
44
42
  prio: "none",
45
- version: 2,
46
- brand: null,
47
- article: {
48
- category: "ILUMINACIÓN|FOCOS|FOCOS",
49
- company_name: "THD Proveedor",
50
- country: "México",
51
- id_category: "2143",
52
- id_article: 55118,
53
- name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
54
- upc: "145582"
43
+ version: 3,
44
+ description_status: "AA",
45
+ images_status: "AP",
46
+ brand: "123",
47
+ retailerOrder: 0,
48
+ missing: {
49
+ datasheet: 17,
50
+ descriptions: 4,
51
+ images: 3
55
52
  },
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"
68
- }],
69
53
  services: {
70
54
  datasheets: 1,
71
55
  descriptions: 1,
72
56
  images: 1
73
57
  },
74
- id_article: 55118,
58
+ article: {
59
+ category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
60
+ company_name: "COMPANY DEV",
61
+ country: "México",
62
+ id_category: "4",
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: 89,
70
+ id_article: 55157,
71
+ id_auditor: 37,
72
+ name: "testing",
73
+ upc: "807526"
74
+ },
75
+ retailers: [{
76
+ id: 3,
77
+ name: "Sam´s Club"
78
+ }],
75
79
  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
- }]
80
+ id: 3,
81
+ name: "Sam´s Club"
82
+ }],
83
+ categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
84
+ upc: "807526",
85
+ id_article: 55157,
86
+ id_order: 89
88
87
  },
89
88
  productToEdit: {
90
- ArticleId: 55118,
91
- idCategory: "2143",
89
+ ArticleId: 55157,
90
+ idCategory: "4",
92
91
  product: {
93
- orderId: 55,
94
- article_status: "AP",
92
+ orderId: 89,
93
+ status: "AA",
95
94
  datasheet_status: "AP",
96
- description_status: "AP",
97
- images_status: "AP",
98
95
  prio: "none",
99
- version: 2,
100
- brand: null,
101
- article: {
102
- category: "ILUMINACIÓN|FOCOS|FOCOS",
103
- company_name: "THD Proveedor",
104
- country: "México",
105
- id_category: "2143",
106
- id_article: 55118,
107
- name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
108
- upc: "145582"
96
+ version: 3,
97
+ description_status: "AA",
98
+ images_status: "AP",
99
+ brand: "123",
100
+ retailerOrder: 0,
101
+ missing: {
102
+ datasheet: 17,
103
+ descriptions: 4,
104
+ images: 3
109
105
  },
110
- retailers: [{
111
- id: 58,
112
- name: "The Home Depot Golden"
113
- }, {
114
- id: 59,
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"
122
- }],
123
106
  services: {
124
107
  datasheets: 1,
125
108
  descriptions: 1,
126
109
  images: 1
127
110
  },
128
- id_article: 55118,
111
+ article: {
112
+ category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
113
+ company_name: "COMPANY DEV",
114
+ country: "México",
115
+ id_category: "4",
116
+ id_datasheet_especialist: 54,
117
+ id_datasheet_facilitator: 52,
118
+ id_description_especialist: 54,
119
+ id_description_facilitator: 52,
120
+ id_images_especialist: 55,
121
+ id_images_facilitator: 53,
122
+ id_order: 89,
123
+ id_article: 55157,
124
+ id_auditor: 37,
125
+ name: "testing",
126
+ upc: "807526"
127
+ },
128
+ retailers: [{
129
+ id: 3,
130
+ name: "Sam´s Club"
131
+ }],
129
132
  retailersAvailable: [{
130
- id: 58,
131
- name: "The Home Depot Golden"
132
- }, {
133
- id: 59,
134
- name: "The Home Depot Platinum"
135
- }, {
136
- id: 60,
137
- name: "The Home Depot Resizing"
138
- }, {
139
- id: 61,
140
- name: "Home Depot TAB"
141
- }]
133
+ id: 3,
134
+ name: "Sam´s Club"
135
+ }],
136
+ categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
137
+ upc: "807526",
138
+ id_article: 55157,
139
+ id_order: 89
142
140
  }
143
141
  },
144
142
  location: {
145
143
  product: {
146
- articleId: 109485,
144
+ articleId: 55157,
147
145
  versionId: 3
148
146
  },
149
147
  state: {
@@ -151,36 +149,36 @@ ProviderProductEditionDefault.args = {
151
149
  }
152
150
  },
153
151
  user: {
154
- id_user: 59,
155
- name: "The Home",
156
- last_name: "Depot",
157
- email: "cadena.ismael@allfreemail.net",
158
- position: "Admin",
152
+ id_user: 28,
153
+ name: "Proveedor",
154
+ last_name: "Colgate",
155
+ email: "ilopez@contentoh.com",
156
+ position: "Prueba Admin",
159
157
  telephone: "+523111366336",
160
158
  country: "México",
161
- id_company: 7,
162
- id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
159
+ id_company: 1,
160
+ id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
163
161
  birth_Date: null,
164
162
  about_me: null,
165
163
  zip_code: null,
166
164
  address: null,
167
165
  job: null,
168
- id_stripe: "",
166
+ id_stripe: "cus_KuEt6R6vwmN09f",
169
167
  id_role: 0,
170
168
  active: 1,
171
169
  is_retailer: 0,
172
- email_notify: 1,
170
+ email_notify: 0,
173
171
  membership: {
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",
172
+ id: 38,
173
+ start_date: "2022-01-18T17:25:35.000Z",
174
+ end_date: "2023-01-18T17:25:35.000Z",
175
+ planID: 8,
176
+ plan: "prod_KtlhECVSFG2iro",
177
+ name: "Plan Pro",
178
+ user_limit: "20",
179
+ products_limit: "5000",
182
180
  type: "Enterprise"
183
181
  },
184
- src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
182
+ src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656607722122"
185
183
  }
186
184
  };