contentoh-components-library 21.1.74 → 21.1.77

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 (46) hide show
  1. package/dist/components/atoms/AsignationOption/index.js +2 -2
  2. package/dist/components/atoms/ProductPercentCard/Percent.stories.js +1 -1
  3. package/dist/components/atoms/ProductPercentCard/styles.js +1 -1
  4. package/dist/components/atoms/ProgressBar/styles.js +1 -1
  5. package/dist/components/atoms/Status/Status.stories.js +31 -0
  6. package/dist/components/atoms/Status/index.js +23 -0
  7. package/dist/components/atoms/Status/styles.js +20 -0
  8. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +1 -1
  9. package/dist/components/molecules/AssignedWork/styles.js +1 -1
  10. package/dist/components/molecules/ProductNameHeader/index.js +2 -2
  11. package/dist/components/molecules/StatusAsignationInfo/index.js +3 -3
  12. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  13. package/dist/components/organisms/VersionSelector/index.js +16 -8
  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/customHooks.js +8 -14
  18. package/dist/global-files/data.js +8 -8
  19. package/dist/index.js +1 -14
  20. package/package.json +1 -1
  21. package/src/components/atoms/AsignationOption/index.js +2 -2
  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/organisms/VersionSelector/index.js +3 -8
  34. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -3
  35. package/src/components/pages/ProviderProductEdition/index.js +233 -250
  36. package/src/components/pages/RetailerProductEdition/index.js +149 -173
  37. package/src/global-files/customHooks.js +13 -11
  38. package/src/global-files/data.js +8 -8
  39. package/src/index.js +1 -2
  40. package/dist/components/atoms/StatusTag/StatusTag.stories.js +0 -48
  41. package/dist/components/atoms/StatusTag/index.js +0 -58
  42. package/dist/components/atoms/StatusTag/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/src/components/atoms/StatusTag/index.js +0 -37
package/dist/components/atoms/AsignationOption/index.js CHANGED
@@ -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", {
package/dist/components/atoms/ProductPercentCard/Percent.stories.js CHANGED
@@ -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,
package/dist/components/atoms/ProductPercentCard/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 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;
package/dist/components/atoms/ProgressBar/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 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
 
package/dist/components/atoms/Status/Status.stories.js ADDED
@@ -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
+ };
package/dist/components/atoms/Status/index.js ADDED
@@ -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;
package/dist/components/atoms/Status/styles.js ADDED
@@ -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;
package/dist/components/molecules/AssignedWork/AssignedWork.stories.js CHANGED
@@ -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,
package/dist/components/molecules/AssignedWork/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 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;
package/dist/components/molecules/ProductNameHeader/index.js CHANGED
@@ -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,
package/dist/components/molecules/StatusAsignationInfo/index.js CHANGED
@@ -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
 
@@ -112,7 +112,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
112
112
  setShowVersionSelector(true);
113
113
  },
114
114
  label: "V".concat(version)
115
- }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
115
+ }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
116
116
  statusType: status,
117
117
  ovalForm: true
118
118
  }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -163,7 +163,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
163
163
  className: "asignation-status",
164
164
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
165
165
  children: "Estatus"
166
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
166
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
167
167
  statusType: status,
168
168
  ovalForm: true
169
169
  })]
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/organisms/VersionSelector/index.js CHANGED
@@ -43,7 +43,7 @@ var VersionSelector = function VersionSelector(_ref) {
43
43
  currentVersion = _ref.currentVersion,
44
44
  setShowCreateVersion = _ref.setShowCreateVersion;
45
45
 
46
- var _useState = (0, _react.useState)([]),
46
+ var _useState = (0, _react.useState)(),
47
47
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
48
48
  versions = _useState2[0],
49
49
  setVersions = _useState2[1];
@@ -84,13 +84,21 @@ var VersionSelector = function VersionSelector(_ref) {
84
84
  };
85
85
  }();
86
86
 
87
- (0, _react.useEffect)(function () {
88
- loadProductVersions(articleId);
89
- return function () {
90
- setVersions([]);
91
- setShowCreateVersion(false);
92
- };
93
- }, []);
87
+ (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
88
+ return _regenerator.default.wrap(function _callee2$(_context2) {
89
+ while (1) {
90
+ switch (_context2.prev = _context2.next) {
91
+ case 0:
92
+ _context2.next = 2;
93
+ return loadProductVersions(articleId);
94
+
95
+ case 2:
96
+ case "end":
97
+ return _context2.stop();
98
+ }
99
+ }
100
+ }, _callee2);
101
+ })), []);
94
102
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
95
103
  id: modalId,
96
104
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -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
  }