contentoh-components-library 21.1.77 → 21.1.80

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/StatusTag/StatusTag.stories.js +48 -0
  6. package/dist/components/atoms/StatusTag/index.js +58 -0
  7. package/dist/components/atoms/StatusTag/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 +4 -6
  12. package/dist/components/organisms/FullProductNameHeader/index.js +1 -1
  13. package/dist/components/organisms/VersionSelector/index.js +13 -17
  14. package/dist/components/organisms/VersionSelector/styles.js +1 -1
  15. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +6 -2
  16. package/dist/components/pages/ProviderProductEdition/index.js +433 -433
  17. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
  18. package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
  19. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
  20. package/dist/components/pages/RetailerProductEdition/index.js +209 -223
  21. package/dist/global-files/customHooks.js +19 -11
  22. package/dist/global-files/data.js +8 -8
  23. package/dist/index.js +14 -1
  24. package/package.json +1 -1
  25. package/src/components/atoms/AsignationOption/index.js +2 -2
  26. package/src/components/atoms/ProductPercentCard/Percent.stories.js +12 -11
  27. package/src/components/atoms/ProductPercentCard/styles.js +9 -9
  28. package/src/components/atoms/ProgressBar/styles.js +8 -7
  29. package/src/components/atoms/StatusTag/index.js +37 -0
  30. package/src/components/atoms/{Status → StatusTag}/styles.js +10 -7
  31. package/src/components/molecules/AssignedWork/AssignedWork.stories.js +8 -8
  32. package/src/components/molecules/AssignedWork/styles.js +10 -9
  33. package/src/components/molecules/ProductNameHeader/index.js +2 -2
  34. package/src/components/molecules/StatusAsignationInfo/index.js +2 -4
  35. package/src/components/organisms/FullProductNameHeader/index.js +2 -2
  36. package/src/components/organisms/VersionSelector/index.js +10 -3
  37. package/src/components/organisms/VersionSelector/styles.js +1 -0
  38. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +3 -2
  39. package/src/components/pages/ProviderProductEdition/index.js +250 -233
  40. package/src/components/pages/RetailerProductEdition/index.js +177 -152
  41. package/src/global-files/customHooks.js +14 -14
  42. package/src/global-files/data.js +8 -8
  43. package/src/index.js +2 -1
  44. package/dist/components/atoms/Status/Status.stories.js +0 -31
  45. package/dist/components/atoms/Status/index.js +0 -23
  46. package/dist/components/atoms/Status/styles.js +0 -20
  47. package/src/components/atoms/Status/Status.stories.js +0 -14
  48. package/src/components/atoms/Status/index.js +0 -13
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 _Status = require("../Status");
24
+ var _StatusTag = require("../StatusTag");
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)(_Status.Status, {
87
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusTag.StatusTag, {
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", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
16
+ var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "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-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);
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);
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-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) {
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) {
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/StatusTag/StatusTag.stories.js ADDED
@@ -0,0 +1,48 @@
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.StatusTagDefault = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _index = require("./index");
13
+
14
+ var _variables = require("../../../global-files/variables");
15
+
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+
18
+ var status = _variables.GlobalStatus;
19
+ var _default = {
20
+ title: "Components/atoms/StatusTag",
21
+ component: _index.StatusTag,
22
+ argTypes: {
23
+ statusType: {
24
+ options: status,
25
+ control: {
26
+ type: "select"
27
+ }
28
+ },
29
+ ovalForm: {
30
+ options: [true, false],
31
+ control: {
32
+ type: "boolean"
33
+ }
34
+ }
35
+ }
36
+ };
37
+ exports.default = _default;
38
+
39
+ var Template = function Template(args) {
40
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
41
+ };
42
+
43
+ var StatusTagDefault = Template.bind({});
44
+ exports.StatusTagDefault = StatusTagDefault;
45
+ StatusTagDefault.args = {
46
+ statusType: "-",
47
+ ovalForm: false
48
+ };
package/dist/components/atoms/StatusTag/index.js ADDED
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StatusTag = void 0;
7
+
8
+ var _styles = require("./styles");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var StatusTag = function StatusTag(_ref) {
13
+ var statusType = _ref.statusType,
14
+ ovalForm = _ref.ovalForm;
15
+
16
+ var getShortStatus = function getShortStatus(status) {
17
+ switch (status) {
18
+ case "COMPLETED":
19
+ return "C";
20
+
21
+ case "RECEPTION":
22
+ return "Pr";
23
+
24
+ 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";
35
+
36
+ case "APPROVED":
37
+ return "Ap";
38
+
39
+ case "VALIDATING":
40
+ return "V";
41
+
42
+ case "PAID_OUT":
43
+ return "Po";
44
+
45
+ default:
46
+ return status;
47
+ }
48
+ };
49
+
50
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
51
+ className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
52
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
53
+ children: getShortStatus(statusType)
54
+ })
55
+ });
56
+ };
57
+
58
+ exports.StatusTag = StatusTag;
package/dist/components/atoms/StatusTag/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-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);
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", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
20
+ var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "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-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);
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);
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/Status/index");
12
+ var _index2 = require("../../atoms/StatusTag/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.Status, {
30
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
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/Status/index");
18
+ var _index2 = require("../../atoms/StatusTag/index");
19
19
 
20
20
  var _GeneralButton = require("../../atoms/GeneralButton");
21
21
 
@@ -108,11 +108,9 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
108
108
  slidePosition: "bottom-slide"
109
109
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
110
110
  buttonType: "general circular-button version-button",
111
- onClick: function onClick() {
112
- setShowVersionSelector(true);
113
- },
111
+ onClick: setShowVersionSelector,
114
112
  label: "V".concat(version)
115
- }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
113
+ }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
116
114
  statusType: status,
117
115
  ovalForm: true
118
116
  }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -163,7 +161,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
163
161
  className: "asignation-status",
164
162
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
165
163
  children: "Estatus"
166
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
164
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
167
165
  statusType: status,
168
166
  ovalForm: true
169
167
  })]
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 : "R");
50
+ element.push(sd.status ? sd.status : "RECEIVED");
51
51
  } else element.push("NA");
52
52
 
53
53
  rt["services"] = element;
package/dist/components/organisms/VersionSelector/index.js CHANGED
@@ -41,9 +41,10 @@ var VersionSelector = function VersionSelector(_ref) {
41
41
  setVersion = _ref.setVersion,
42
42
  companyName = _ref.companyName,
43
43
  currentVersion = _ref.currentVersion,
44
- setShowCreateVersion = _ref.setShowCreateVersion;
44
+ setShowCreateVersion = _ref.setShowCreateVersion,
45
+ setShowVersionSelector = _ref.setShowVersionSelector;
45
46
 
46
- var _useState = (0, _react.useState)(),
47
+ var _useState = (0, _react.useState)([]),
47
48
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
48
49
  versions = _useState2[0],
49
50
  setVersions = _useState2[1];
@@ -84,21 +85,13 @@ var VersionSelector = function VersionSelector(_ref) {
84
85
  };
85
86
  }();
86
87
 
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
- })), []);
88
+ (0, _react.useEffect)(function () {
89
+ loadProductVersions(articleId);
90
+ return function () {
91
+ setVersions([]);
92
+ setShowCreateVersion(false);
93
+ };
94
+ }, []);
102
95
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
103
96
  id: modalId,
104
97
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -120,6 +113,9 @@ var VersionSelector = function VersionSelector(_ref) {
120
113
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
121
114
  image: _closeVersionSelector.default,
122
115
  buttonType: "circular-button",
116
+ onClick: function onClick() {
117
+ return setShowVersionSelector(false);
118
+ },
123
119
  id: "close-button"
124
120
  })]
125
121
  })]
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\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 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);
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": true,
32
- Imágenes: true
31
+ "Ficha técnica": false,
32
+ Imágenes: false
33
33
  },
34
34
  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
35
35
  articleId: 238,
@@ -102,6 +102,10 @@ ProviderProductEditionDefault.args = {
102
102
  }]
103
103
  },
104
104
  location: {
105
+ product: {
106
+ articleId: 109485,
107
+ versionId: 3
108
+ },
105
109
  state: {
106
110
  origin: "Contentoh"
107
111
  }