contentoh-components-library 21.1.92 → 21.1.93

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 (11) hide show
  1. package/dist/components/atoms/StatusTag/StatusTag.stories.js +48 -0
  2. package/dist/components/atoms/StatusTag/index.js +58 -0
  3. package/dist/components/atoms/StatusTag/styles.js +20 -0
  4. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +87 -121
  5. package/dist/components/pages/ProviderProductEdition/index.js +1 -1
  6. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
  7. package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
  8. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
  9. package/package.json +1 -1
  10. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +97 -130
  11. package/src/components/pages/ProviderProductEdition/index.js +1 -1
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/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -31,131 +31,97 @@ ProviderProductEditionDefault.args = {
31
31
  "Ficha técnica": true,
32
32
  Imágenes: true
33
33
  },
34
- token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiZTE5OWE0ZS1lYTYwLTQwYTktODIwNC02ODZlOWI1ODczMGQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1OTUzOTczMiwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NTk1NDMzMzIsImlhdCI6MTY1OTUzOTczMiwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.HSIFFKD5jkoRPzh9uxNUnXkkp6IX7iKeOqRePrzin-XlG7KauuoHvv7M-dWGJB_xRg-C1uGIG7gKOFP7oM3BGuVqrlIzs-z3uKNSBz0raq3-tRUHRMKo30HGwdh9Q8X8F9RAEZ0-lpIoTCoMS4ua6OJVG_qPRGJHVF2_mzAxof81oHHj5tv-SC6lrJYc5UqDj97y_e-rGakVyVV7VXeKAJlnmw4y52_WDlbOq3W2e_wI8NuNiiEBYXgWSm5j_rzB4-BuF3nUNheKpimZEn1wTULHLo-Izj_WPdPS1l5yTi9oF09QZht_Te0o3SZliBPKgVcH8cycReoACukbY2BPPQ",
34
+ token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzOTUzZWZjMy0yZjAxLTQwNDYtYmY3Mi0zYTkxZDA0MDNkNTAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDA2NDUwNCwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjAwNjgxMDQsImlhdCI6MTY2MDA2NDUwNCwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.Nwsu6XKRp2u5pGqqftQxkSPjD-6xv2Xovmo-tS1VRsfGByPlY0qfyqF0QFZCgncubcYtDoAmpqad7UT0_5HKE1d5nwPM-fA639uv1029YnZwbgfPE3TSAna9NLKN7b0q9DZ6VeX05cjSPtdlnOCCjpdbaQk1Qkl6sAg80tidgBaCyffqns7uYgnSg73GAYxlkRkffH90pddxSykQbj-VVkJFEuLiBSGvu2oj5iwmmZ_EVB6XYv0a5p70IZmbia-3HrQB_qZJxDXLDK4sV3asv-iJJizU0lp64pD0k5TM0q4kY3iVTlHxb7uXBHeTJS8cxPVutxbITYLFyFOTCmm3mQ",
35
35
  articleId: 238,
36
36
  category: 846,
37
37
  version: 2,
38
38
  productSelected: {
39
- services: {
40
- datasheets: 1,
41
- descriptions: 1,
42
- images: 1
43
- },
44
- orderId: 2437,
45
- status: "AS",
46
- datasheet_status: "AS",
39
+ orderId: 2446,
40
+ article_status: "AP",
41
+ datasheet_status: "AP",
42
+ description_status: "AP",
43
+ images_status: "ACA",
47
44
  prio: "none",
48
45
  version: 2,
49
- description_status: "AS",
50
- images_status: "AS",
46
+ brand: null,
51
47
  article: {
52
- id_article: 78748,
53
- id_category: "684",
54
- name: "TP COLG Luminous White Lovers Wine 4x70g",
55
- upc: "7509546681603",
56
- timestamp: "2022-08-02T14:31:07.000Z",
57
- id_user: 1258,
58
- status: "NULL",
59
- active: 1,
60
- company_id: 226,
61
- SKU: null,
62
- Descripcion: null,
63
- Proveedor: null,
64
- id_proveedor: 0,
65
- company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
48
+ category: "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
49
+ company_name: "WOMEX SA DE CV",
50
+ id_company: 424,
66
51
  country: null,
67
- id_order: 2437,
68
- id_datasheet_especialist: 405,
69
- id_datasheet_facilitator: 158,
70
- id_description_especialist: 405,
71
- id_description_facilitator: 158,
72
- id_images_especialist: 381,
73
- id_images_facilitator: 160,
74
- id_auditor: 9,
75
- id_recepcionist: null,
76
- category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
77
- missingAttributes: 47,
78
- missingDescriptions: 2,
79
- missingImages: 4
52
+ id_category: "2522",
53
+ id_article: 78773,
54
+ name: "RACK PARA ROPA DOBLE NEGRO",
55
+ upc: "168462"
80
56
  },
81
57
  retailers: [{
82
- id: 3,
83
- name: "Sam´s Club",
84
- country: "México",
85
- id_region: 1,
86
- active: 1
87
- }, {
88
- id: 19,
89
- name: "Costco",
90
- country: "México",
91
- id_region: 1,
92
- active: 1
58
+ id: 58,
59
+ name: "The Home Depot Golden"
93
60
  }],
94
- country: null,
95
- upc: "7509546681603"
61
+ services: {
62
+ datasheets: 1,
63
+ descriptions: 1,
64
+ images: 1
65
+ },
66
+ statusByRetailer: {
67
+ 58: {
68
+ datasheet: "AP",
69
+ description: "AP",
70
+ images: "ACA"
71
+ }
72
+ },
73
+ retailersWithService: ["58"],
74
+ id_article: 78773,
75
+ retailersAvailable: [{
76
+ id: 58,
77
+ name: "The Home Depot Golden"
78
+ }]
96
79
  },
97
80
  productToEdit: {
98
- idCategory: "684",
99
- ArticleId: 78748,
100
- product: [{
101
- services: {
102
- datasheets: 1,
103
- descriptions: 1,
104
- images: 1
105
- },
106
- orderId: 2437,
107
- status: "AS",
108
- datasheet_status: "AS",
81
+ ArticleId: 78773,
82
+ idCategory: "2522",
83
+ product: {
84
+ orderId: 2446,
85
+ article_status: "AP",
86
+ datasheet_status: "AP",
87
+ description_status: "AP",
88
+ images_status: "ACA",
109
89
  prio: "none",
110
90
  version: 2,
111
- description_status: "AS",
112
- images_status: "AS",
91
+ brand: null,
113
92
  article: {
114
- id_article: 78748,
115
- id_category: "684",
116
- name: "TP COLG Luminous White Lovers Wine 4x70g",
117
- upc: "7509546681603",
118
- timestamp: "2022-08-02T14:31:07.000Z",
119
- id_user: 1258,
120
- status: "NULL",
121
- active: 1,
122
- company_id: 226,
123
- SKU: null,
124
- Descripcion: null,
125
- Proveedor: null,
126
- id_proveedor: 0,
127
- company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
93
+ category: "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
94
+ company_name: "WOMEX SA DE CV",
95
+ id_company: 424,
128
96
  country: null,
129
- id_order: 2437,
130
- id_datasheet_especialist: 405,
131
- id_datasheet_facilitator: 158,
132
- id_description_especialist: 405,
133
- id_description_facilitator: 158,
134
- id_images_especialist: 381,
135
- id_images_facilitator: 160,
136
- id_auditor: 9,
137
- id_recepcionist: null,
138
- category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
139
- missingAttributes: 47,
140
- missingDescriptions: 2,
141
- missingImages: 4
97
+ id_category: "2522",
98
+ id_article: 78773,
99
+ name: "RACK PARA ROPA DOBLE NEGRO",
100
+ upc: "168462"
142
101
  },
143
102
  retailers: [{
144
- id: 3,
145
- name: "Sam´s Club",
146
- country: "México",
147
- id_region: 1,
148
- active: 1
149
- }, {
150
- id: 19,
151
- name: "Costco",
152
- country: "México",
153
- id_region: 1,
154
- active: 1
103
+ id: 58,
104
+ name: "The Home Depot Golden"
155
105
  }],
156
- country: null,
157
- upc: "7509546681603"
158
- }]
106
+ services: {
107
+ datasheets: 1,
108
+ descriptions: 1,
109
+ images: 1
110
+ },
111
+ statusByRetailer: {
112
+ 58: {
113
+ datasheet: "AP",
114
+ description: "AP",
115
+ images: "ACA"
116
+ }
117
+ },
118
+ retailersWithService: ["58"],
119
+ id_article: 78773,
120
+ retailersAvailable: [{
121
+ id: 58,
122
+ name: "The Home Depot Golden"
123
+ }]
124
+ }
159
125
  },
160
126
  location: {
161
127
  state: {
@@ -163,29 +129,29 @@ ProviderProductEditionDefault.args = {
163
129
  }
164
130
  },
165
131
  user: {
166
- id_user: 460,
167
- name: "Ismael",
168
- last_name: "López",
169
- email: "ilopez@contentoh.com",
170
- position: "Desarrollador",
171
- telephone: null,
132
+ id_user: 1237,
133
+ name: "The Home",
134
+ last_name: "Depot",
135
+ email: "retailerThd@AllFreeMail.net",
136
+ position: "Retailer",
137
+ telephone: "+523111111111",
172
138
  country: "México",
173
- id_company: 254,
174
- id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
175
- birth_Date: "1997-08-15T00:00:00.000Z",
139
+ id_company: 817,
140
+ id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
141
+ birth_Date: null,
176
142
  about_me: null,
177
143
  zip_code: null,
178
144
  address: null,
179
145
  job: null,
180
146
  id_stripe: null,
181
- id_role: 1,
147
+ id_role: 0,
182
148
  active: 1,
183
- is_retailer: 0,
184
- email_notify: null,
149
+ is_retailer: 1,
150
+ email_notify: 1,
185
151
  membership: {
186
- id: 750,
187
- start_date: "2022-01-07T21:32:54.000Z",
188
- end_date: "2023-01-07T21:32:54.000Z",
152
+ id: 798,
153
+ start_date: "2022-06-19T04:25:07.000Z",
154
+ end_date: "2023-06-19T04:25:07.000Z",
189
155
  planID: 6,
190
156
  plan: "prod_KvGd6YSTJyR3AP",
191
157
  name: "Plan Small",
@@ -193,7 +159,7 @@ ProviderProductEditionDefault.args = {
193
159
  products_limit: "1000",
194
160
  type: "Enterprise"
195
161
  },
196
- src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659303790385"
162
+ src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1660064505178"
197
163
  },
198
164
  company: {
199
165
  id_company: 817,
package/dist/components/pages/ProviderProductEdition/index.js CHANGED
@@ -695,7 +695,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
695
695
  (0, _data.fetchUsers)(token).then(function (res) {
696
696
  return setUserGroups(res);
697
697
  });
698
- }, [product]);
698
+ }, [product, version]);
699
699
 
700
700
  var loadAssignations = function loadAssignations(currentProduct) {
701
701
  setAssig(product === null || product === void 0 ? void 0 : product.asignations);
package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js ADDED
@@ -0,0 +1,37 @@
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.RegistrationLoginFirstStepDefault = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _index = require("./index");
13
+
14
+ var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
15
+
16
+ var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
17
+
18
+ var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
19
+
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+
22
+ var _default = {
23
+ title: "Components/pages/RegistrationLoginFirstStep",
24
+ component: _index.RegistrationLoginFirstStep
25
+ };
26
+ exports.default = _default;
27
+
28
+ var Template = function Template(args) {
29
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginFirstStep, (0, _objectSpread2.default)({}, args));
30
+ };
31
+
32
+ var RegistrationLoginFirstStepDefault = Template.bind({});
33
+ exports.RegistrationLoginFirstStepDefault = RegistrationLoginFirstStepDefault;
34
+ RegistrationLoginFirstStepDefault.args = {
35
+ imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
36
+ textCarousel: "Elige la plataforma que conecta proovedores y retailers"
37
+ };
package/dist/components/pages/RegistrationLoginFirstStep/index.js ADDED
@@ -0,0 +1,269 @@
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.RegistrationLoginFirstStep = void 0;
9
+
10
+ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
+
12
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
13
+
14
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
15
+
16
+ var _styles = require("./styles");
17
+
18
+ var _GradientPanel = require("../../atoms/GradientPanel");
19
+
20
+ var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
21
+
22
+ var _react = require("react");
23
+
24
+ var _LogoImage = require("../../atoms/LogoImage");
25
+
26
+ var _ScreenHeader = require("../../atoms/ScreenHeader");
27
+
28
+ var _variables = require("../../../global-files/variables");
29
+
30
+ var _TagAndInput = require("../../molecules/TagAndInput");
31
+
32
+ var _GeneralButton = require("../../atoms/GeneralButton");
33
+
34
+ var _GeneralInput = require("../../atoms/GeneralInput");
35
+
36
+ var _jsxRuntime = require("react/jsx-runtime");
37
+
38
+ var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_ref) {
39
+ var _ref$imageArrayCarous = _ref.imageArrayCarousel,
40
+ imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
41
+ textCarousel = _ref.textCarousel,
42
+ backogroundColorCarousel = _ref.backogroundColorCarousel;
43
+
44
+ var _useState = (0, _react.useState)(false),
45
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
46
+ emptyName = _useState2[0],
47
+ setEmptyName = _useState2[1];
48
+
49
+ var _useState3 = (0, _react.useState)(false),
50
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
51
+ emptyLastName = _useState4[0],
52
+ setEmptyLastName = _useState4[1];
53
+
54
+ var _useState5 = (0, _react.useState)(false),
55
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
56
+ emptyEmail = _useState6[0],
57
+ setEmptyEmail = _useState6[1];
58
+
59
+ var _useState7 = (0, _react.useState)(false),
60
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
61
+ emptyJob = _useState8[0],
62
+ setEmptyJob = _useState8[1];
63
+
64
+ var _useState9 = (0, _react.useState)(false),
65
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
66
+ emptyPhone = _useState10[0],
67
+ setEmptyPhone = _useState10[1];
68
+
69
+ var _useState11 = (0, _react.useState)(false),
70
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
71
+ invalidEmail = _useState12[0],
72
+ setInvalidEmail = _useState12[1];
73
+
74
+ var validate = /*#__PURE__*/function () {
75
+ var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
76
+ var name, lastName, email, job, phone;
77
+ return _regenerator.default.wrap(function _callee$(_context) {
78
+ while (1) {
79
+ switch (_context.prev = _context.next) {
80
+ case 0:
81
+ e.preventDefault();
82
+ name = document.querySelector("#nameInput").value;
83
+ lastName = document.querySelector("#lastNameInput").value;
84
+ email = document.querySelector("#emailInput").value;
85
+ job = document.querySelector("#jobInput").value;
86
+ phone = document.querySelector("#phoneInput").value;
87
+ name === "" ? setEmptyName(true) : setEmptyName(false);
88
+ lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
89
+ email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
90
+ job === "" ? setEmptyJob(true) : setEmptyJob(false);
91
+ phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
92
+ !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
93
+
94
+ case 12:
95
+ case "end":
96
+ return _context.stop();
97
+ }
98
+ }
99
+ }, _callee);
100
+ }));
101
+
102
+ return function validate(_x) {
103
+ return _ref2.apply(this, arguments);
104
+ };
105
+ }();
106
+
107
+ var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
108
+ className: "credenciales",
109
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
110
+ fontFamily: _variables.FontFamily.AvenirNext,
111
+ color: _variables.GlobalColors.s5,
112
+ text: "Ingresa tus credenciales"
113
+ })
114
+ }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
115
+ className: "user",
116
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
117
+ className: "name-registration-user",
118
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
119
+ inputType: "text",
120
+ inputId: "nameInput",
121
+ label: "Nombre",
122
+ inputPlaceHolder: "Nombre"
123
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
124
+ inputType: "text",
125
+ inputId: "lastNameInput",
126
+ label: "Apellido",
127
+ inputPlaceHolder: "Apellido"
128
+ })]
129
+ }), emptyName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
130
+ children: "Ingrese su nombre"
131
+ }), emptyLastName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
132
+ children: "Ingrese sus apellidos"
133
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
134
+ inputType: "text",
135
+ inputId: "emailInput",
136
+ label: "Correo electrónico",
137
+ inputPlaceHolder: "username@contentoh.com"
138
+ }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
139
+ children: "Ingrese su correo"
140
+ }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
141
+ children: "Ingrese un correo v\xE1lido"
142
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
143
+ inputType: "text",
144
+ inputId: "jobInput",
145
+ label: "Puesto laboral",
146
+ inputPlaceHolder: "Puesto dentro de la empresa"
147
+ }), emptyJob && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
148
+ children: "Ingrese su puesto"
149
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
150
+ text: "Teléfono",
151
+ headerType: "input-name-header"
152
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
153
+ className: "phone-registration-user",
154
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
155
+ name: "select",
156
+ className: "phone-options",
157
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
158
+ children: "+52"
159
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
160
+ children: "+54"
161
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
162
+ children: "+57"
163
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
164
+ children: "+506"
165
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
166
+ children: "+593"
167
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
168
+ children: "+503"
169
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
170
+ children: "+504"
171
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
172
+ children: "+507"
173
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
174
+ children: "+51"
175
+ })]
176
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
177
+ inputId: "phoneInput",
178
+ inputType: "text",
179
+ inputPlaceholder: "Teléfono"
180
+ })]
181
+ }), emptyPhone && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
182
+ children: "Ingrese su n\xFAmero de tel\xE9fono"
183
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
184
+ text: "País",
185
+ headerType: "input-name-header"
186
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
187
+ name: "select",
188
+ className: "country-options",
189
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
190
+ value: "value1",
191
+ selected: true,
192
+ children: "Selecciona tu pa\xEDs"
193
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
194
+ value: "value2",
195
+ children: "Argentina"
196
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
197
+ value: "value3",
198
+ children: "Colombia"
199
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
200
+ value: "value2",
201
+ children: "Ecuador"
202
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
203
+ value: "value3",
204
+ children: "El Salvador"
205
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
206
+ value: "value2",
207
+ children: "Honduras"
208
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
209
+ value: "value3",
210
+ children: "M\xE9xico"
211
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
212
+ value: "value2",
213
+ children: "Panam\xE1"
214
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
215
+ value: "value3",
216
+ children: "Per\xFA"
217
+ })]
218
+ }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
219
+ children: "Seleccione su pa\xEDs"
220
+ })]
221
+ }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
222
+ className: "button-end",
223
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
224
+ buttonType: "general-default-button",
225
+ label: "Enviar",
226
+ onClick: function onClick(e) {
227
+ return validate(e);
228
+ }
229
+ })
230
+ }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
231
+ className: "progress-bar",
232
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
233
+ className: "progress-bar-first-step"
234
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
235
+ className: "progress-bar-registration"
236
+ })]
237
+ }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
238
+ text: "Paso 1",
239
+ headerType: "date-header",
240
+ color: _variables.GlobalColors.s4
241
+ }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
242
+ className: "new-login",
243
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
244
+ className: "pre-registro",
245
+ children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
246
+ children: " Inicia Sesi\xF3n"
247
+ })]
248
+ })
249
+ }, "7")];
250
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
251
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
252
+ className: "home-retailer",
253
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
254
+ panelImg: imageArrayCarousel,
255
+ panelText: textCarousel,
256
+ panelColor: backogroundColorCarousel
257
+ })
258
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
259
+ className: "home-login-retailer",
260
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
261
+ componentsArray: loginRight,
262
+ panelType: "home-login",
263
+ panelColor: _variables.GlobalColors.white
264
+ })
265
+ })]
266
+ });
267
+ };
268
+
269
+ exports.RegistrationLoginFirstStep = RegistrationLoginFirstStep;
package/dist/components/pages/RegistrationLoginFirstStep/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 display: flex;\n width: 100%;\n height: 100vh;\n .user {\n .name-registration-user {\n display: flex;\n justify-content: space-between;\n input {\n width: 160px;\n }\n }\n .input-name-header {\n margin-bottom: 4px;\n margin-top: 12px;\n }\n .phone-registration-user {\n display: flex;\n justify-content: space-between;\n .phone-options {\n width: 80px;\n }\n input {\n width: 100%;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .country-options,\n .phone-options {\n width: 100%;\n border: 1px solid ", ";\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n &:focus {\n border: 1px solid ", ";\n }\n }\n }\n .button-end {\n text-align: end;\n .general-default-button {\n width: 160px;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .progress-bar {\n width: 100%;\n height: 8px;\n display: flex;\n justify-content: space-between;\n .progress-bar-first-step {\n width: 33.33%;\n background-color: rgb(196, 196, 196);\n }\n .progress-bar-registration {\n background-color: rgb(226, 226, 226);\n width: 66.66%;\n }\n }\n .date-header {\n .new-login {\n & + * {\n margin-top: 20px;\n }\n }\n }\n .home-login-retailer,\n .home-retailer {\n width: 50%;\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
19
+
20
+ exports.Container = Container;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.1.92",
3
+ "version": "21.1.93",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -16,168 +16,135 @@ ProviderProductEditionDefault.args = {
16
16
  Imágenes: true,
17
17
  },
18
18
  token:
19
- "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiZTE5OWE0ZS1lYTYwLTQwYTktODIwNC02ODZlOWI1ODczMGQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1OTUzOTczMiwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NTk1NDMzMzIsImlhdCI6MTY1OTUzOTczMiwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.HSIFFKD5jkoRPzh9uxNUnXkkp6IX7iKeOqRePrzin-XlG7KauuoHvv7M-dWGJB_xRg-C1uGIG7gKOFP7oM3BGuVqrlIzs-z3uKNSBz0raq3-tRUHRMKo30HGwdh9Q8X8F9RAEZ0-lpIoTCoMS4ua6OJVG_qPRGJHVF2_mzAxof81oHHj5tv-SC6lrJYc5UqDj97y_e-rGakVyVV7VXeKAJlnmw4y52_WDlbOq3W2e_wI8NuNiiEBYXgWSm5j_rzB4-BuF3nUNheKpimZEn1wTULHLo-Izj_WPdPS1l5yTi9oF09QZht_Te0o3SZliBPKgVcH8cycReoACukbY2BPPQ",
19
+ "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzOTUzZWZjMy0yZjAxLTQwNDYtYmY3Mi0zYTkxZDA0MDNkNTAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDA2NDUwNCwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjAwNjgxMDQsImlhdCI6MTY2MDA2NDUwNCwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.Nwsu6XKRp2u5pGqqftQxkSPjD-6xv2Xovmo-tS1VRsfGByPlY0qfyqF0QFZCgncubcYtDoAmpqad7UT0_5HKE1d5nwPM-fA639uv1029YnZwbgfPE3TSAna9NLKN7b0q9DZ6VeX05cjSPtdlnOCCjpdbaQk1Qkl6sAg80tidgBaCyffqns7uYgnSg73GAYxlkRkffH90pddxSykQbj-VVkJFEuLiBSGvu2oj5iwmmZ_EVB6XYv0a5p70IZmbia-3HrQB_qZJxDXLDK4sV3asv-iJJizU0lp64pD0k5TM0q4kY3iVTlHxb7uXBHeTJS8cxPVutxbITYLFyFOTCmm3mQ",
20
20
  articleId: 238,
21
21
  category: 846,
22
22
  version: 2,
23
23
  productSelected: {
24
- services: {
25
- datasheets: 1,
26
- descriptions: 1,
27
- images: 1,
28
- },
29
- orderId: 2437,
30
- status: "AS",
31
- datasheet_status: "AS",
24
+ orderId: 2446,
25
+ article_status: "AP",
26
+ datasheet_status: "AP",
27
+ description_status: "AP",
28
+ images_status: "ACA",
32
29
  prio: "none",
33
30
  version: 2,
34
- description_status: "AS",
35
- images_status: "AS",
31
+ brand: null,
36
32
  article: {
37
- id_article: 78748,
38
- id_category: "684",
39
- name: "TP COLG Luminous White Lovers Wine 4x70g",
40
- upc: "7509546681603",
41
- timestamp: "2022-08-02T14:31:07.000Z",
42
- id_user: 1258,
43
- status: "NULL",
44
- active: 1,
45
- company_id: 226,
46
- SKU: null,
47
- Descripcion: null,
48
- Proveedor: null,
49
- id_proveedor: 0,
50
- company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
33
+ category:
34
+ "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
35
+ company_name: "WOMEX SA DE CV",
36
+ id_company: 424,
51
37
  country: null,
52
- id_order: 2437,
53
- id_datasheet_especialist: 405,
54
- id_datasheet_facilitator: 158,
55
- id_description_especialist: 405,
56
- id_description_facilitator: 158,
57
- id_images_especialist: 381,
58
- id_images_facilitator: 160,
59
- id_auditor: 9,
60
- id_recepcionist: null,
61
- category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
62
- missingAttributes: 47,
63
- missingDescriptions: 2,
64
- missingImages: 4,
38
+ id_category: "2522",
39
+ id_article: 78773,
40
+ name: "RACK PARA ROPA DOBLE NEGRO",
41
+ upc: "168462",
65
42
  },
66
43
  retailers: [
67
44
  {
68
- id: 3,
69
- name: "Sam´s Club",
70
- country: "México",
71
- id_region: 1,
72
- active: 1,
45
+ id: 58,
46
+ name: "The Home Depot Golden",
47
+ },
48
+ ],
49
+ services: {
50
+ datasheets: 1,
51
+ descriptions: 1,
52
+ images: 1,
53
+ },
54
+ statusByRetailer: {
55
+ 58: {
56
+ datasheet: "AP",
57
+ description: "AP",
58
+ images: "ACA",
73
59
  },
60
+ },
61
+ retailersWithService: ["58"],
62
+ id_article: 78773,
63
+ retailersAvailable: [
74
64
  {
75
- id: 19,
76
- name: "Costco",
77
- country: "México",
78
- id_region: 1,
79
- active: 1,
65
+ id: 58,
66
+ name: "The Home Depot Golden",
80
67
  },
81
68
  ],
82
- country: null,
83
- upc: "7509546681603",
84
69
  },
85
70
  productToEdit: {
86
- idCategory: "684",
87
- ArticleId: 78748,
88
- product: [
89
- {
90
- services: {
91
- datasheets: 1,
92
- descriptions: 1,
93
- images: 1,
71
+ ArticleId: 78773,
72
+ idCategory: "2522",
73
+ product: {
74
+ orderId: 2446,
75
+ article_status: "AP",
76
+ datasheet_status: "AP",
77
+ description_status: "AP",
78
+ images_status: "ACA",
79
+ prio: "none",
80
+ version: 2,
81
+ brand: null,
82
+ article: {
83
+ category:
84
+ "Organizadores y Closets|Accesorios de Lavandería|Organizadores de Lavandería",
85
+ company_name: "WOMEX SA DE CV",
86
+ id_company: 424,
87
+ country: null,
88
+ id_category: "2522",
89
+ id_article: 78773,
90
+ name: "RACK PARA ROPA DOBLE NEGRO",
91
+ upc: "168462",
92
+ },
93
+ retailers: [
94
+ {
95
+ id: 58,
96
+ name: "The Home Depot Golden",
94
97
  },
95
- orderId: 2437,
96
- status: "AS",
97
- datasheet_status: "AS",
98
- prio: "none",
99
- version: 2,
100
- description_status: "AS",
101
- images_status: "AS",
102
- article: {
103
- id_article: 78748,
104
- id_category: "684",
105
- name: "TP COLG Luminous White Lovers Wine 4x70g",
106
- upc: "7509546681603",
107
- timestamp: "2022-08-02T14:31:07.000Z",
108
- id_user: 1258,
109
- status: "NULL",
110
- active: 1,
111
- company_id: 226,
112
- SKU: null,
113
- Descripcion: null,
114
- Proveedor: null,
115
- id_proveedor: 0,
116
- company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
117
- country: null,
118
- id_order: 2437,
119
- id_datasheet_especialist: 405,
120
- id_datasheet_facilitator: 158,
121
- id_description_especialist: 405,
122
- id_description_facilitator: 158,
123
- id_images_especialist: 381,
124
- id_images_facilitator: 160,
125
- id_auditor: 9,
126
- id_recepcionist: null,
127
- category:
128
- "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
129
- missingAttributes: 47,
130
- missingDescriptions: 2,
131
- missingImages: 4,
98
+ ],
99
+ services: {
100
+ datasheets: 1,
101
+ descriptions: 1,
102
+ images: 1,
103
+ },
104
+ statusByRetailer: {
105
+ 58: {
106
+ datasheet: "AP",
107
+ description: "AP",
108
+ images: "ACA",
132
109
  },
133
- retailers: [
134
- {
135
- id: 3,
136
- name: "Sam´s Club",
137
- country: "México",
138
- id_region: 1,
139
- active: 1,
140
- },
141
- {
142
- id: 19,
143
- name: "Costco",
144
- country: "México",
145
- id_region: 1,
146
- active: 1,
147
- },
148
- ],
149
- country: null,
150
- upc: "7509546681603",
151
110
  },
152
- ],
111
+ retailersWithService: ["58"],
112
+ id_article: 78773,
113
+ retailersAvailable: [
114
+ {
115
+ id: 58,
116
+ name: "The Home Depot Golden",
117
+ },
118
+ ],
119
+ },
153
120
  },
154
121
  location: {
155
122
  state: { origin: "Contentoh" },
156
123
  },
157
124
  user: {
158
- id_user: 460,
159
- name: "Ismael",
160
- last_name: "López",
161
- email: "ilopez@contentoh.com",
162
- position: "Desarrollador",
163
- telephone: null,
125
+ id_user: 1237,
126
+ name: "The Home",
127
+ last_name: "Depot",
128
+ email: "retailerThd@AllFreeMail.net",
129
+ position: "Retailer",
130
+ telephone: "+523111111111",
164
131
  country: "México",
165
- id_company: 254,
166
- id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
167
- birth_Date: "1997-08-15T00:00:00.000Z",
132
+ id_company: 817,
133
+ id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
134
+ birth_Date: null,
168
135
  about_me: null,
169
136
  zip_code: null,
170
137
  address: null,
171
138
  job: null,
172
139
  id_stripe: null,
173
- id_role: 1,
140
+ id_role: 0,
174
141
  active: 1,
175
- is_retailer: 0,
176
- email_notify: null,
142
+ is_retailer: 1,
143
+ email_notify: 1,
177
144
  membership: {
178
- id: 750,
179
- start_date: "2022-01-07T21:32:54.000Z",
180
- end_date: "2023-01-07T21:32:54.000Z",
145
+ id: 798,
146
+ start_date: "2022-06-19T04:25:07.000Z",
147
+ end_date: "2023-06-19T04:25:07.000Z",
181
148
  planID: 6,
182
149
  plan: "prod_KvGd6YSTJyR3AP",
183
150
  name: "Plan Small",
@@ -185,7 +152,7 @@ ProviderProductEditionDefault.args = {
185
152
  products_limit: "1000",
186
153
  type: "Enterprise",
187
154
  },
188
- src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659303790385",
155
+ src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1660064505178",
189
156
  },
190
157
  company: {
191
158
  id_company: 817,
package/src/components/pages/ProviderProductEdition/index.js CHANGED
@@ -348,7 +348,7 @@ export const ProviderProductEdition = ({
348
348
  loadData();
349
349
  getCart();
350
350
  fetchUsers(token).then((res) => setUserGroups(res));
351
- }, [product]);
351
+ }, [product, version]);
352
352
 
353
353
  const loadAssignations = (currentProduct) => {
354
354
  setAssig(product?.asignations);