contentoh-components-library 21.1.82 → 21.1.83

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 (38) hide show
  1. package/dist/components/atoms/AsignationOption/index.js +2 -2
  2. package/dist/components/atoms/InputFormatter/index.js +3 -3
  3. package/dist/components/atoms/ProductPercentCard/Percent.stories.js +1 -1
  4. package/dist/components/atoms/ProductPercentCard/styles.js +1 -1
  5. package/dist/components/atoms/ProgressBar/styles.js +1 -1
  6. package/dist/components/atoms/Status/Status.stories.js +31 -0
  7. package/dist/components/atoms/Status/index.js +23 -0
  8. package/dist/components/atoms/Status/styles.js +20 -0
  9. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +1 -1
  10. package/dist/components/molecules/AssignedWork/styles.js +1 -1
  11. package/dist/components/molecules/ProductNameHeader/index.js +2 -2
  12. package/dist/components/molecules/StatusAsignationInfo/index.js +3 -3
  13. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  14. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -6
  15. package/dist/components/pages/ProviderProductEdition/index.js +433 -433
  16. package/dist/components/pages/RetailerProductEdition/index.js +217 -200
  17. package/dist/global-files/data.js +8 -8
  18. package/dist/index.js +1 -14
  19. package/package.json +1 -1
  20. package/src/components/atoms/AsignationOption/index.js +2 -2
  21. package/src/components/atoms/InputFormatter/index.js +8 -3
  22. package/src/components/atoms/ProductPercentCard/Percent.stories.js +11 -12
  23. package/src/components/atoms/ProductPercentCard/styles.js +9 -9
  24. package/src/components/atoms/ProgressBar/styles.js +7 -8
  25. package/src/components/atoms/Status/Status.stories.js +14 -0
  26. package/src/components/atoms/Status/index.js +13 -0
  27. package/src/components/atoms/{StatusTag → Status}/styles.js +7 -10
  28. package/src/components/molecules/AssignedWork/AssignedWork.stories.js +8 -8
  29. package/src/components/molecules/AssignedWork/styles.js +9 -10
  30. package/src/components/molecules/ProductNameHeader/index.js +2 -2
  31. package/src/components/molecules/StatusAsignationInfo/index.js +1 -1
  32. package/src/components/organisms/FullProductNameHeader/index.js +2 -2
  33. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -3
  34. package/src/components/pages/ProviderProductEdition/index.js +233 -250
  35. package/src/components/pages/RetailerProductEdition/index.js +149 -173
  36. package/src/global-files/data.js +8 -8
  37. package/src/index.js +1 -2
  38. package/src/components/atoms/StatusTag/index.js +0 -37
@@ -21,7 +21,7 @@ var _availableIcon = _interopRequireDefault(require("../../../assets/images/asig
21
21
 
22
22
  var _data = require("../../../global-files/data");
23
23
 
24
- var _StatusTag = require("../StatusTag");
24
+ var _Status = require("../Status");
25
25
 
26
26
  var _jsxRuntime = require("react/jsx-runtime");
27
27
 
@@ -84,7 +84,7 @@ var AsignationOption = function AsignationOption(_ref) {
84
84
  })]
85
85
  }), asignationType && iconsAsignation[asignationType], services && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
86
86
  className: "status-container",
87
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusTag.StatusTag, {
87
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.Status, {
88
88
  statusType: getStatus()
89
89
  })
90
90
  }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -62,7 +62,7 @@ var InputFormatter = function InputFormatter(_ref) {
62
62
  var maxLength = maxChar ? maxChar : 999;
63
63
 
64
64
  var getValue = function getValue(value) {
65
- var temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;");
65
+ var temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;").replace(/&nbsp;/gm, " ");
66
66
  return temp;
67
67
  }; //const quillRef = useRef();
68
68
 
@@ -74,7 +74,7 @@ var InputFormatter = function InputFormatter(_ref) {
74
74
  };
75
75
 
76
76
  var valueFormater = function valueFormater(value) {
77
- return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/&amp;/gm, "&");
77
+ return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/&amp;/gm, "&").replace(/&nbsp;/gm, " ");
78
78
  };
79
79
 
80
80
  var _onChange = function onChange(valueInput, delta, user, h) {
@@ -82,7 +82,7 @@ var InputFormatter = function InputFormatter(_ref) {
82
82
 
83
83
  try {
84
84
  if (h.getLength() - 1 <= maxLength) {
85
- var unformattedText = valueInput.replace(/<li.*?>/gm, " - ").replace(/<\/li>/gm, "\n").replace(/<\/p><p>/gm, "\n").replaceAll(/<\/?(?!\/?strong).*?>/gm, "");
85
+ var unformattedText = valueInput.replace(/<li.*?>/gm, " - ").replace(/<\/li>/gm, "\n").replace(/<\/p><p>/gm, "\n").replaceAll(/<\/?(?!\/?strong).*?>/gm, "").replace(/&nbsp;/gm, " ");
86
86
  setInputValue(valueInput);
87
87
  value = unformattedText;
88
88
  } else {
@@ -13,7 +13,7 @@ var _index = require("./index");
13
13
 
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
 
16
- var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
16
+ var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
17
17
  var _default = {
18
18
  title: "Components/atoms/ProductPercentCard",
19
19
  component: _index.ProductPercentCard,
@@ -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 border-radius: 7px;\n max-width: fit-content;\n flex-direction: column;\n height: 83px;\n padding: 10px;\n\n &.status-Pr,\n &.status-Rc {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-As,\n &.status-P,\n &.status-QF {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-AF,\n &.status-AA,\n &.status-AP,\n &.status-AC {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RF,\n &.status-RP,\n &.status-RC {\n border: 1px solid #d74ded;\n .span {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n .text {\n color: ", ";\n text-align: center;\n font-size: 12px;\n width: 70px;\n font-family: ", ";\n line-height: 14px;\n margin: auto;\n }\n .percent-text {\n display: flex;\n font-family: ", ";\n align-items: center;\n .number {\n font-size: 28px;\n color: ", ";\n }\n .span {\n padding-top: 8px;\n font-size: 18px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 7px;\n max-width: fit-content;\n flex-direction: column;\n height: 83px;\n padding: 10px;\n\n &.status-PA,\n &.status-RC {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-AS,\n &.status-CA,\n &.status-IE {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-AC,\n &.status-AA,\n &.status-AP,\n &.status-ACA {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n border: 1px solid #d74ded;\n .span {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .span {\n color: ", ";\n }\n }\n\n .text {\n color: ", ";\n text-align: center;\n font-size: 12px;\n width: 70px;\n font-family: ", ";\n line-height: 14px;\n margin: auto;\n }\n .percent-text {\n display: flex;\n font-family: ", ";\n align-items: center;\n .number {\n font-size: 28px;\n color: ", ";\n }\n .span {\n padding-top: 8px;\n font-size: 18px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
19
19
 
20
20
  exports.Container = Container;
@@ -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 background-color: ", ";\n width: fit-content;\n height: 27px;\n padding: 4px;\n border-radius: 15px;\n font-family: ", ";\n font-weight: 600;\n font-size: 14px;\n line-height: 19px;\n color: ", ";\n\n &.status-As,\n &.status-P {\n background-color: ", ";\n }\n\n &.status-Pr,\n &.status-Rr {\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"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n width: fit-content;\n height: 27px;\n padding: 4px;\n border-radius: 15px;\n font-family: ", ";\n font-weight: 600;\n font-size: 14px;\n line-height: 19px;\n color: ", ";\n\n &.status-CA {\n background-color: ", ";\n }\n\n &.status-R,\n &.status-AS {\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"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
19
19
  return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
20
20
  }, _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);
21
21
 
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = exports.StatusDefault = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _index = require("./index");
13
+
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
+ var _default = {
17
+ title: "Components/atoms/Status",
18
+ component: _index.Status
19
+ };
20
+ exports.default = _default;
21
+
22
+ var Template = function Template(args) {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Status, (0, _objectSpread2.default)({}, args));
24
+ };
25
+
26
+ var StatusDefault = Template.bind({});
27
+ exports.StatusDefault = StatusDefault;
28
+ StatusDefault.args = {
29
+ statusType: "IE",
30
+ ovalForm: false
31
+ };
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Status = void 0;
7
+
8
+ var _styles = require("./styles");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var Status = function Status(_ref) {
13
+ var statusType = _ref.statusType,
14
+ ovalForm = _ref.ovalForm;
15
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
16
+ className: "status-".concat(statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
17
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
18
+ children: statusType
19
+ })
20
+ });
21
+ };
22
+
23
+ exports.Status = Status;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Container = void 0;
9
+
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
11
+
12
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
+
14
+ var _variables = require("../../../global-files/variables");
15
+
16
+ var _templateObject;
17
+
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 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-CA,\n &.status-IE {\n background-color: ", ";\n }\n\n &.status-R,\n &.status-AS {\n background-color: ", ";\n }\n\n &.status-AA,\n &.status-AP,\n &.status-AC,\n &.status-ACA {\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"])), _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
+
20
+ exports.Container = Container;
@@ -17,7 +17,7 @@ var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/com
17
17
 
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
19
 
20
- var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
20
+ var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
21
21
  var _default = {
22
22
  title: "Components/molecules/AssignedWork",
23
23
  component: _index.AssignedWork,
@@ -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 border-radius: 4px;\n background-color: transparent;\n padding: 8px;\n width: 250px;\n padding-bottom: 5px;\n position: relative;\n\n &.status-Pr,\n &.status-Rc {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-As,\n &.status-P,\n &.status-QF {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-AF,\n &.status-AA,\n &.status-AP,\n &.status-AC {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RF,\n &.status-RP,\n &.status-RC {\n border: 1px solid #d74ded;\n .header-and-paragraph {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n \n }\n }\n\n .header-flag {\n display: flex;\n justify-content: space-between;\n .flag {\n position: absolute;\n right: 1px;\n top: 0px;\n }\n }\n .header-and-paragraph {\n font-size: 12px;\n line-height: 13px;\n p {\n line-height: 11px;\n font-size: 10px;\n color: ", ";\n }\n }\n\n .clock-assigned {\n display: flex;\n justify-content: space-between;\n align-items: center;\n .assigned {\n display: flex;\n flex-direction: row-reverse;\n .big-image {\n & + .big-image {\n margin-right: -5px;\n }\n }\n }\n }\n .clock-header {\n display: flex;\n border-radius: 4px;\n background: ", ";\n padding: 3px 10px;\n .clock {\n & + * {\n margin-left: 10px;\n }\n }\n .date-header {\n font-size: 11px;\n line-height: 13px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 4px;\n background-color: transparent;\n padding: 8px;\n width: 250px;\n padding-bottom: 5px;\n position: relative;\n\n &.status-PA,\n &.status-R {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n &.status-- {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-AA,\n &.status-CA,\n &.status-IE {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-AC,\n &.status-AA,\n &.status-AP,\n &.status-ACA {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n border: 1px solid #d74ded;\n .header-and-paragraph {\n color: #d74ded;\n }\n }\n\n &.status-Ex {\n border: 1px solid ", ";\n .header-and-paragraph {\n color: ", ";\n }\n }\n\n .header-flag {\n display: flex;\n justify-content: space-between;\n .flag {\n position: absolute;\n right: 1px;\n top: 0px;\n }\n }\n .header-and-paragraph {\n font-size: 12px;\n line-height: 13px;\n p {\n line-height: 11px;\n font-size: 10px;\n color: ", ";\n }\n }\n\n .clock-assigned {\n display: flex;\n justify-content: space-between;\n align-items: center;\n .assigned {\n display: flex;\n flex-direction: row-reverse;\n .big-image {\n & + .big-image {\n margin-right: -5px;\n }\n }\n }\n }\n .clock-header {\n display: flex;\n border-radius: 4px;\n background: ", ";\n padding: 3px 10px;\n .clock {\n & + * {\n margin-left: 10px;\n }\n }\n .date-header {\n font-size: 11px;\n line-height: 13px;\n }\n }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
19
19
 
20
20
  exports.Container = Container;
@@ -9,7 +9,7 @@ var _styles = require("./styles");
9
9
 
10
10
  var _index = require("../../atoms/ScreenHeader/index");
11
11
 
12
- var _index2 = require("../../atoms/StatusTag/index");
12
+ var _index2 = require("../../atoms/Status/index");
13
13
 
14
14
  var _index3 = require("../../atoms/ProgressBar/index");
15
15
 
@@ -27,7 +27,7 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
27
27
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
28
28
  headerType: "product-name-header",
29
29
  text: productName
30
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
30
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
31
31
  statusType: statusType
32
32
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
33
33
  percent: percent,
@@ -15,7 +15,7 @@ var _index = require("../../atoms/ScreenHeader/index");
15
15
 
16
16
  var _Avatar = require("../../atoms/Avatar");
17
17
 
18
- var _index2 = require("../../atoms/StatusTag/index");
18
+ var _index2 = require("../../atoms/Status/index");
19
19
 
20
20
  var _GeneralButton = require("../../atoms/GeneralButton");
21
21
 
@@ -114,7 +114,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
114
114
  setShowVersionSelector(true);
115
115
  },
116
116
  label: "V".concat(version)
117
- }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
117
+ }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
118
118
  statusType: status,
119
119
  ovalForm: true
120
120
  }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -165,7 +165,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
165
165
  className: "asignation-status",
166
166
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
167
167
  children: "Estatus"
168
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
168
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
169
169
  statusType: status,
170
170
  ovalForm: true
171
171
  })]
@@ -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;
@@ -28,8 +28,8 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
28
28
  ProviderProductEditionDefault.args = {
29
29
  tabsSections: {
30
30
  Descripción: true,
31
- "Ficha técnica": false,
32
- Imágenes: false
31
+ "Ficha técnica": true,
32
+ Imágenes: true
33
33
  },
34
34
  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
35
35
  articleId: 238,
@@ -102,10 +102,6 @@ ProviderProductEditionDefault.args = {
102
102
  }]
103
103
  },
104
104
  location: {
105
- product: {
106
- articleId: 109485,
107
- versionId: 3
108
- },
109
105
  state: {
110
106
  origin: "Contentoh"
111
107
  }