contentoh-components-library 21.1.91 → 21.1.92

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 (13) hide show
  1. package/dist/components/atoms/Status/styles.js +1 -1
  2. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +120 -96
  3. package/dist/components/pages/RetailerProductEdition/index.js +3 -1
  4. package/package.json +1 -1
  5. package/src/components/atoms/Status/styles.js +2 -1
  6. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +130 -109
  7. package/src/components/pages/RetailerProductEdition/index.js +3 -2
  8. package/dist/components/atoms/StatusTag/StatusTag.stories.js +0 -48
  9. package/dist/components/atoms/StatusTag/index.js +0 -58
  10. package/dist/components/atoms/StatusTag/styles.js +0 -20
  11. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +0 -37
  12. package/dist/components/pages/RegistrationLoginFirstStep/index.js +0 -269
  13. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +0 -20
package/dist/components/atoms/Status/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: 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);
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 &.status-PA {\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
19
 
20
20
  exports.Container = Container;
package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -36,102 +36,126 @@ ProviderProductEditionDefault.args = {
36
36
  category: 846,
37
37
  version: 2,
38
38
  productSelected: {
39
- orderId: 1936,
40
- article_status: "AP",
41
- datasheet_status: "NS",
42
- description_status: "NS",
43
- images_status: "AP",
39
+ services: {
40
+ datasheets: 1,
41
+ descriptions: 1,
42
+ images: 1
43
+ },
44
+ orderId: 2437,
45
+ status: "AS",
46
+ datasheet_status: "AS",
44
47
  prio: "none",
45
- version: 3,
46
- brand: null,
48
+ version: 2,
49
+ description_status: "AS",
50
+ images_status: "AS",
47
51
  article: {
48
- category: "Herramientas|Herramientas Manuales|Espátulas y Llanas",
49
- company_name: "TRUPER SA DE CV",
50
- id_company: 301,
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.",
51
66
  country: null,
52
- id_category: "2125",
53
- id_article: 28099,
54
- name: 'Espátula flexible, mango de madera, 6"',
55
- upc: "90364"
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
56
80
  },
57
81
  retailers: [{
58
- id: 58,
59
- name: "The Home Depot Golden"
82
+ id: 3,
83
+ name: "Sam´s Club",
84
+ country: "México",
85
+ id_region: 1,
86
+ active: 1
60
87
  }, {
61
- id: 59,
62
- name: "The Home Depot Platinum"
88
+ id: 19,
89
+ name: "Costco",
90
+ country: "México",
91
+ id_region: 1,
92
+ active: 1
63
93
  }],
64
- services: {
65
- datasheets: 0,
66
- descriptions: 0,
67
- images: 1
68
- },
69
- statusByRetailer: {
70
- 59: {
71
- images: "AP"
72
- }
73
- },
74
- retailersWithService: ["59"],
75
- checked: false,
76
- id_article: 28099,
77
- retailersAvailable: [{
78
- id: 58,
79
- name: "The Home Depot Golden"
80
- }, {
81
- id: 59,
82
- name: "The Home Depot Platinum"
83
- }]
94
+ country: null,
95
+ upc: "7509546681603"
84
96
  },
85
97
  productToEdit: {
86
- ArticleId: 28099,
87
- idCategory: "2125",
88
- product: {
89
- orderId: 1936,
90
- article_status: "AP",
91
- datasheet_status: "NS",
92
- description_status: "NS",
93
- images_status: "AP",
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",
94
109
  prio: "none",
95
- version: 3,
96
- brand: null,
110
+ version: 2,
111
+ description_status: "AS",
112
+ images_status: "AS",
97
113
  article: {
98
- category: "Herramientas|Herramientas Manuales|Espátulas y Llanas",
99
- company_name: "TRUPER SA DE CV",
100
- id_company: 301,
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.",
101
128
  country: null,
102
- id_category: "2125",
103
- id_article: 28099,
104
- name: 'Espátula flexible, mango de madera, 6"',
105
- upc: "90364"
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
106
142
  },
107
143
  retailers: [{
108
- id: 58,
109
- name: "The Home Depot Golden"
144
+ id: 3,
145
+ name: "Sam´s Club",
146
+ country: "México",
147
+ id_region: 1,
148
+ active: 1
110
149
  }, {
111
- id: 59,
112
- name: "The Home Depot Platinum"
150
+ id: 19,
151
+ name: "Costco",
152
+ country: "México",
153
+ id_region: 1,
154
+ active: 1
113
155
  }],
114
- services: {
115
- datasheets: 0,
116
- descriptions: 0,
117
- images: 1
118
- },
119
- statusByRetailer: {
120
- 59: {
121
- images: "AP"
122
- }
123
- },
124
- retailersWithService: ["59"],
125
- checked: false,
126
- id_article: 28099,
127
- retailersAvailable: [{
128
- id: 58,
129
- name: "The Home Depot Golden"
130
- }, {
131
- id: 59,
132
- name: "The Home Depot Platinum"
133
- }]
134
- }
156
+ country: null,
157
+ upc: "7509546681603"
158
+ }]
135
159
  },
136
160
  location: {
137
161
  state: {
@@ -139,29 +163,29 @@ ProviderProductEditionDefault.args = {
139
163
  }
140
164
  },
141
165
  user: {
142
- id_user: 1237,
143
- name: "The Home",
144
- last_name: "Depot",
145
- email: "retailerThd@AllFreeMail.net",
146
- position: "Retailer",
147
- telephone: "+523111111111",
166
+ id_user: 460,
167
+ name: "Ismael",
168
+ last_name: "López",
169
+ email: "ilopez@contentoh.com",
170
+ position: "Desarrollador",
171
+ telephone: null,
148
172
  country: "México",
149
- id_company: 817,
150
- id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
151
- birth_Date: null,
173
+ id_company: 254,
174
+ id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
175
+ birth_Date: "1997-08-15T00:00:00.000Z",
152
176
  about_me: null,
153
177
  zip_code: null,
154
178
  address: null,
155
179
  job: null,
156
180
  id_stripe: null,
157
- id_role: 0,
181
+ id_role: 1,
158
182
  active: 1,
159
- is_retailer: 1,
160
- email_notify: 1,
183
+ is_retailer: 0,
184
+ email_notify: null,
161
185
  membership: {
162
- id: 798,
163
- start_date: "2022-06-19T04:25:07.000Z",
164
- end_date: "2023-06-19T04:25:07.000Z",
186
+ id: 750,
187
+ start_date: "2022-01-07T21:32:54.000Z",
188
+ end_date: "2023-01-07T21:32:54.000Z",
165
189
  planID: 6,
166
190
  plan: "prod_KvGd6YSTJyR3AP",
167
191
  name: "Plan Small",
@@ -169,7 +193,7 @@ ProviderProductEditionDefault.args = {
169
193
  products_limit: "1000",
170
194
  type: "Enterprise"
171
195
  },
172
- src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1659539733360"
196
+ src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659303790385"
173
197
  },
174
198
  company: {
175
199
  id_company: 817,
package/dist/components/pages/RetailerProductEdition/index.js CHANGED
@@ -1092,7 +1092,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
1092
1092
  case 7:
1093
1093
  case 8:
1094
1094
  return statusArray.includes(srvActive) && (["RA", "RC"].includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
1095
- return statusArray.includes(serv.status);
1095
+ var _serv$status;
1096
+
1097
+ return statusArray.includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
1096
1098
  }).length === srv.length);
1097
1099
 
1098
1100
  case 4:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.1.91",
3
+ "version": "21.1.92",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/atoms/Status/styles.js CHANGED
@@ -22,7 +22,8 @@ export const Container = styled.div`
22
22
  }
23
23
 
24
24
  &.status-R,
25
- &.status-AS {
25
+ &.status-AS,
26
+ &.status-PA {
26
27
  background-color: ${GlobalColors.reception};
27
28
  }
28
29
 
package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -21,142 +21,163 @@ ProviderProductEditionDefault.args = {
21
21
  category: 846,
22
22
  version: 2,
23
23
  productSelected: {
24
- orderId: 1936,
25
- article_status: "AP",
26
- datasheet_status: "NS",
27
- description_status: "NS",
28
- images_status: "AP",
24
+ services: {
25
+ datasheets: 1,
26
+ descriptions: 1,
27
+ images: 1,
28
+ },
29
+ orderId: 2437,
30
+ status: "AS",
31
+ datasheet_status: "AS",
29
32
  prio: "none",
30
- version: 3,
31
- brand: null,
33
+ version: 2,
34
+ description_status: "AS",
35
+ images_status: "AS",
32
36
  article: {
33
- category: "Herramientas|Herramientas Manuales|Espátulas y Llanas",
34
- company_name: "TRUPER SA DE CV",
35
- id_company: 301,
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.",
36
51
  country: null,
37
- id_category: "2125",
38
- id_article: 28099,
39
- name: 'Espátula flexible, mango de madera, 6"',
40
- upc: "90364",
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,
41
65
  },
42
66
  retailers: [
43
67
  {
44
- id: 58,
45
- name: "The Home Depot Golden",
46
- },
47
- {
48
- id: 59,
49
- name: "The Home Depot Platinum",
50
- },
51
- ],
52
- services: {
53
- datasheets: 0,
54
- descriptions: 0,
55
- images: 1,
56
- },
57
- statusByRetailer: {
58
- 59: {
59
- images: "AP",
60
- },
61
- },
62
- retailersWithService: ["59"],
63
- checked: false,
64
- id_article: 28099,
65
- retailersAvailable: [
66
- {
67
- id: 58,
68
- name: "The Home Depot Golden",
68
+ id: 3,
69
+ name: "Sam´s Club",
70
+ country: "México",
71
+ id_region: 1,
72
+ active: 1,
69
73
  },
70
74
  {
71
- id: 59,
72
- name: "The Home Depot Platinum",
75
+ id: 19,
76
+ name: "Costco",
77
+ country: "México",
78
+ id_region: 1,
79
+ active: 1,
73
80
  },
74
81
  ],
82
+ country: null,
83
+ upc: "7509546681603",
75
84
  },
76
85
  productToEdit: {
77
- ArticleId: 28099,
78
- idCategory: "2125",
79
- product: {
80
- orderId: 1936,
81
- article_status: "AP",
82
- datasheet_status: "NS",
83
- description_status: "NS",
84
- images_status: "AP",
85
- prio: "none",
86
- version: 3,
87
- brand: null,
88
- article: {
89
- category: "Herramientas|Herramientas Manuales|Espátulas y Llanas",
90
- company_name: "TRUPER SA DE CV",
91
- id_company: 301,
92
- country: null,
93
- id_category: "2125",
94
- id_article: 28099,
95
- name: 'Espátula flexible, mango de madera, 6"',
96
- upc: "90364",
97
- },
98
- retailers: [
99
- {
100
- id: 58,
101
- name: "The Home Depot Golden",
102
- },
103
- {
104
- id: 59,
105
- name: "The Home Depot Platinum",
86
+ idCategory: "684",
87
+ ArticleId: 78748,
88
+ product: [
89
+ {
90
+ services: {
91
+ datasheets: 1,
92
+ descriptions: 1,
93
+ images: 1,
106
94
  },
107
- ],
108
- services: {
109
- datasheets: 0,
110
- descriptions: 0,
111
- images: 1,
112
- },
113
- statusByRetailer: {
114
- 59: {
115
- images: "AP",
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,
116
132
  },
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",
117
151
  },
118
- retailersWithService: ["59"],
119
- checked: false,
120
- id_article: 28099,
121
- retailersAvailable: [
122
- {
123
- id: 58,
124
- name: "The Home Depot Golden",
125
- },
126
- {
127
- id: 59,
128
- name: "The Home Depot Platinum",
129
- },
130
- ],
131
- },
152
+ ],
132
153
  },
133
154
  location: {
134
155
  state: { origin: "Contentoh" },
135
156
  },
136
157
  user: {
137
- id_user: 1237,
138
- name: "The Home",
139
- last_name: "Depot",
140
- email: "retailerThd@AllFreeMail.net",
141
- position: "Retailer",
142
- telephone: "+523111111111",
158
+ id_user: 460,
159
+ name: "Ismael",
160
+ last_name: "López",
161
+ email: "ilopez@contentoh.com",
162
+ position: "Desarrollador",
163
+ telephone: null,
143
164
  country: "México",
144
- id_company: 817,
145
- id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
146
- birth_Date: null,
165
+ id_company: 254,
166
+ id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
167
+ birth_Date: "1997-08-15T00:00:00.000Z",
147
168
  about_me: null,
148
169
  zip_code: null,
149
170
  address: null,
150
171
  job: null,
151
172
  id_stripe: null,
152
- id_role: 0,
173
+ id_role: 1,
153
174
  active: 1,
154
- is_retailer: 1,
155
- email_notify: 1,
175
+ is_retailer: 0,
176
+ email_notify: null,
156
177
  membership: {
157
- id: 798,
158
- start_date: "2022-06-19T04:25:07.000Z",
159
- end_date: "2023-06-19T04:25:07.000Z",
178
+ id: 750,
179
+ start_date: "2022-01-07T21:32:54.000Z",
180
+ end_date: "2023-01-07T21:32:54.000Z",
160
181
  planID: 6,
161
182
  plan: "prod_KvGd6YSTJyR3AP",
162
183
  name: "Plan Small",
@@ -164,7 +185,7 @@ ProviderProductEditionDefault.args = {
164
185
  products_limit: "1000",
165
186
  type: "Enterprise",
166
187
  },
167
- src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1659539733360",
188
+ src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659303790385",
168
189
  },
169
190
  company: {
170
191
  id_company: 817,
package/src/components/pages/RetailerProductEdition/index.js CHANGED
@@ -640,8 +640,9 @@ export const RetailerProductEdition = ({
640
640
  return (
641
641
  statusArray.includes(srvActive) &&
642
642
  (["RA", "RC"].includes(product?.status) ||
643
- srv.filter((serv) => statusArray.includes(serv.status)).length ===
644
- srv.length)
643
+ srv.filter((serv) =>
644
+ statusArray.includes(serv.status?.replace(/.*\//, ""))
645
+ ).length === srv.length)
645
646
  );
646
647
  case 4:
647
648
  case 5:
package/dist/components/atoms/StatusTag/StatusTag.stories.js DELETED
@@ -1,48 +0,0 @@
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 DELETED
@@ -1,58 +0,0 @@
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 DELETED
@@ -1,20 +0,0 @@
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/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js DELETED
@@ -1,37 +0,0 @@
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 DELETED
@@ -1,269 +0,0 @@
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 DELETED
@@ -1,20 +0,0 @@
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;