contentoh-components-library 21.1.81 → 21.1.84

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 (48) 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 +8 -6
  12. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  13. package/dist/components/organisms/VersionSelector/index.js +17 -13
  14. package/dist/components/organisms/VersionSelector/styles.js +1 -1
  15. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -6
  16. package/dist/components/pages/ProviderProductEdition/index.js +433 -433
  17. package/dist/components/pages/RetailerProductEdition/index.js +223 -209
  18. package/dist/global-files/customHooks.js +11 -19
  19. package/dist/global-files/data.js +8 -8
  20. package/dist/index.js +1 -14
  21. package/package.json +1 -1
  22. package/src/components/atoms/AsignationOption/index.js +2 -2
  23. package/src/components/atoms/ProductPercentCard/Percent.stories.js +11 -12
  24. package/src/components/atoms/ProductPercentCard/styles.js +9 -9
  25. package/src/components/atoms/ProgressBar/styles.js +7 -8
  26. package/src/components/atoms/Status/Status.stories.js +14 -0
  27. package/src/components/atoms/Status/index.js +13 -0
  28. package/src/components/atoms/{StatusTag → Status}/styles.js +7 -10
  29. package/src/components/molecules/AssignedWork/AssignedWork.stories.js +8 -8
  30. package/src/components/molecules/AssignedWork/styles.js +9 -10
  31. package/src/components/molecules/ProductNameHeader/index.js +2 -2
  32. package/src/components/molecules/StatusAsignationInfo/index.js +6 -4
  33. package/src/components/organisms/FullProductNameHeader/index.js +2 -2
  34. package/src/components/organisms/VersionSelector/index.js +3 -10
  35. package/src/components/organisms/VersionSelector/styles.js +0 -1
  36. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -3
  37. package/src/components/pages/ProviderProductEdition/index.js +233 -250
  38. package/src/components/pages/RetailerProductEdition/index.js +152 -177
  39. package/src/global-files/customHooks.js +14 -14
  40. package/src/global-files/data.js +8 -8
  41. package/src/index.js +1 -2
  42. package/dist/components/atoms/StatusTag/StatusTag.stories.js +0 -48
  43. package/dist/components/atoms/StatusTag/index.js +0 -58
  44. package/dist/components/atoms/StatusTag/styles.js +0 -20
  45. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +0 -37
  46. package/dist/components/pages/RegistrationLoginFirstStep/index.js +0 -269
  47. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +0 -20
  48. 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 === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
17
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
18
+ children: statusType !== null && statusType !== void 0 ? 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
 
@@ -106,11 +106,13 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
106
106
  slidefront: slidefront,
107
107
  iconSize: "medium-image",
108
108
  slidePosition: "bottom-slide"
109
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
109
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
110
110
  buttonType: "general circular-button version-button",
111
- onClick: setShowVersionSelector,
112
- alt: "V".concat(version)
113
- }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
111
+ onClick: function onClick() {
112
+ setShowVersionSelector(true);
113
+ },
114
+ label: "V".concat(version)
115
+ }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
114
116
  statusType: status,
115
117
  ovalForm: true
116
118
  }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -161,7 +163,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
161
163
  className: "asignation-status",
162
164
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
163
165
  children: "Estatus"
164
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
166
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
165
167
  statusType: status,
166
168
  ovalForm: true
167
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
@@ -41,10 +41,9 @@ var VersionSelector = function VersionSelector(_ref) {
41
41
  setVersion = _ref.setVersion,
42
42
  companyName = _ref.companyName,
43
43
  currentVersion = _ref.currentVersion,
44
- setShowCreateVersion = _ref.setShowCreateVersion,
45
- setShowVersionSelector = _ref.setShowVersionSelector;
44
+ setShowCreateVersion = _ref.setShowCreateVersion;
46
45
 
47
- var _useState = (0, _react.useState)([]),
46
+ var _useState = (0, _react.useState)(),
48
47
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
49
48
  versions = _useState2[0],
50
49
  setVersions = _useState2[1];
@@ -85,13 +84,21 @@ var VersionSelector = function VersionSelector(_ref) {
85
84
  };
86
85
  }();
87
86
 
88
- (0, _react.useEffect)(function () {
89
- loadProductVersions(articleId);
90
- return function () {
91
- setVersions([]);
92
- setShowCreateVersion(false);
93
- };
94
- }, []);
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
+ })), []);
95
102
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
96
103
  id: modalId,
97
104
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -113,9 +120,6 @@ var VersionSelector = function VersionSelector(_ref) {
113
120
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
114
121
  image: _closeVersionSelector.default,
115
122
  buttonType: "circular-button",
116
- onClick: function onClick() {
117
- return setShowVersionSelector(false);
118
- },
119
123
  id: "close-button"
120
124
  })]
121
125
  })]
package/dist/components/organisms/VersionSelector/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: 300px;\n height: 100%;\n background-color: ", ";\n padding: 15px;\n overflow: auto;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 500;\n\n .versions-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .buttons-container {\n display: flex;\n align-items: center;\n\n button + * {\n margin-left: 10px;\n }\n }\n }\n"])), _variables.GlobalColors.deep_gray);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 300px;\n height: 100%;\n background-color: ", ";\n padding: 15px;\n overflow: auto;\n position: absolute;\n right: 0;\n top: 0;\n\n .versions-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .buttons-container {\n display: flex;\n align-items: center;\n\n button + * {\n margin-left: 10px;\n }\n }\n }\n"])), _variables.GlobalColors.deep_gray);
19
19
 
20
20
  exports.Container = Container;
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
  }