contentoh-components-library 21.3.53 → 21.3.54

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 (59) hide show
  1. package/.env.development +2 -0
  2. package/dist/components/atoms/ButtonV2/styles.js +1 -1
  3. package/dist/components/atoms/Status/styles.js +1 -1
  4. package/dist/components/atoms/VerticalSideMenuMainPage/index.js +18 -23
  5. package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +4 -4
  6. package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
  7. package/dist/components/molecules/HeaderTop/index.js +68 -11
  8. package/dist/components/organisms/Chat/Chat.stories.js +21 -1
  9. package/dist/components/organisms/Chat/ContainerItems/index.js +19 -3
  10. package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
  11. package/dist/components/organisms/Chat/ContentChat/index.js +343 -191
  12. package/dist/components/organisms/Chat/Footer/index.js +48 -39
  13. package/dist/components/organisms/Chat/index.js +48 -3
  14. package/dist/components/organisms/DashboardMetric/dashboardMetricUtils.js +27 -0
  15. package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
  16. package/dist/components/organisms/GlobalModal/styles.js +1 -1
  17. package/dist/components/organisms/OrderDetail/styles.js +1 -1
  18. package/dist/components/organisms/OrderDetail/utils/Table/styles.js +1 -1
  19. package/dist/components/pages/Dashboard/Dashboard.stories.js +31 -50
  20. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +198 -81
  21. package/dist/components/pages/ProviderProductEdition/index.js +725 -429
  22. package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
  23. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +72 -89
  24. package/dist/components/pages/RetailerProductEdition/index.js +267 -278
  25. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  26. package/dist/components/pages/RetailerProductEdition/utils.js +61 -2
  27. package/dist/index.js +13 -0
  28. package/package.json +7 -6
  29. package/src/components/atoms/ButtonV2/styles.js +1 -1
  30. package/src/components/atoms/Status/styles.js +4 -0
  31. package/src/components/atoms/VerticalSideMenuMainPage/index.js +18 -22
  32. package/src/components/atoms/VerticalSideMenuMainPage/styles.js +3 -4
  33. package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
  34. package/src/components/molecules/HeaderTop/index.js +52 -6
  35. package/src/components/organisms/Chat/Chat.stories.js +21 -0
  36. package/src/components/organisms/Chat/ContainerItems/index.js +18 -2
  37. package/src/components/organisms/Chat/ContainerItems/styles.js +10 -2
  38. package/src/components/organisms/Chat/ContentChat/index.js +81 -6
  39. package/src/components/organisms/Chat/Footer/index.js +11 -0
  40. package/src/components/organisms/Chat/index.js +47 -3
  41. package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js +18 -1
  42. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  43. package/src/components/organisms/GlobalModal/styles.js +10 -0
  44. package/src/components/organisms/OrderDetail/index.js +1 -0
  45. package/src/components/organisms/OrderDetail/styles.js +1 -1
  46. package/src/components/organisms/OrderDetail/utils/Table/styles.js +0 -1
  47. package/src/components/organisms/TableResizable/TableResizable.stories.js +17 -0
  48. package/src/components/organisms/TableResizable/index.js +119 -0
  49. package/src/components/organisms/TableResizable/styles.js +133 -0
  50. package/src/components/organisms/TableResizable/utils.js +46 -0
  51. package/src/components/pages/Dashboard/Dashboard.stories.js +31 -55
  52. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +214 -88
  53. package/src/components/pages/ProviderProductEdition/index.js +323 -160
  54. package/src/components/pages/ProviderProductEdition/styles.js +5 -1
  55. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +75 -91
  56. package/src/components/pages/RetailerProductEdition/index.js +111 -137
  57. package/src/components/pages/RetailerProductEdition/styles.js +4 -0
  58. package/src/components/pages/RetailerProductEdition/utils.js +37 -0
  59. package/src/index.js +1 -0
@@ -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 display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n #modal-message-box {\n width: 400px;\n height: 100px;\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
19
19
  var headerTop = _ref.headerTop;
20
20
  return headerTop;
21
21
  }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
@@ -28,137 +28,120 @@ exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
28
28
  RetailerProductEditionDefault.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
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhY2FmNjhiOC00MmU1LTQ1NzAtYThiMC04YWY4NmY3MGU5YTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3ODQ5NDYzNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY3ODQ5ODIzNiwiaWF0IjoxNjc4NDk0NjM2LCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.WoO3h0tAsF_Z4f_6BLIOXaL__TzHUxZyQlDAULQ2cT1HkUs0EmTZXRzRZ4oce7rV5osco9gCWfhc03rQ-C12jmU-Yt7jq3vuuoHUz4JqkLpelZPS8jHSsCAUWu_ekOIgDzvNegiyKk2R4qnd7IRPzWOAx1houg-KKT7kxCxjkTyJJGtzb7pYDLSJSV871nS8MeXGf5VZG5rQ3Smfl8ANqypLUEQQ6gSOr30Ztt1lZaHRmhF8WKo_GWwY3jNScmX_o9QGOSvKVl8hTqz4gA9xbiNJ3zpoh_5PzY-N4Sl8pE3gt_9Zw_o5ItLNHpnXuav_0NENvhXDu7p7VTLEpG8DTA",
34
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5OGE0NzYxMy04ZGIyLTRlZjUtYjA0Mi01ZDU3MWRkZjIwMWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4Mzg3NTIyNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4Mzg3ODgyNiwiaWF0IjoxNjgzODc1MjI2LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.EtgmT_THMx-Zy_zB5yZK4gz6TXNTVVJEKFt5X0JK2UkGVrp_q_92YCEuejS4n976fyTez0jkwOee6IkVHLV71uZWRBDFt-3Yw4ZxfsZYPNJWhoHXGNxhMU8MCkSntfu597esBTk-VsUpstT5R7L-WJfN8viE7R-qVo-42RlPTG0TFrWA9q0oTcqjv8vbxLpOBUjiEpjmqRhg4blJZwgkGNta6MOlw1vfmisOVbo9wMvqwnCZ9xx9KMKoH9U4uNObK_JomjbvPmTmkcUXsE-wGSD7XcoSwtuhBngLC7-jiu1u8MvL_ff5Z0Qp70sSpLdUglcSS8d1Xf7j_fcZuJ5jKA",
35
35
  productSelected: {
36
+ orderId: 15142,
37
+ status: "CA",
38
+ datasheet_status: "CA",
39
+ prio: "none",
40
+ version: 3,
41
+ description_status: "AC",
42
+ images_status: "CA",
43
+ brand: "Garnier",
44
+ retailerOrder: 0,
45
+ missing: {
46
+ datasheet: null,
47
+ descriptions: null,
48
+ images: null
49
+ },
36
50
  services: {
37
51
  datasheets: 1,
38
52
  descriptions: 1,
39
53
  images: 1
40
54
  },
41
- orderId: 14606,
42
- status: "AS",
43
- datasheet_status: "CA",
44
- prio: "none",
45
- version: 3,
46
- description_status: "CA",
47
- images_status: "AS",
48
- statusByRetailer: {
49
- 4: {
50
- datasheet: "AC",
51
- description: "CA",
52
- images: "AS"
53
- },
54
- 5: {
55
- datasheet: "CA",
56
- description: "CA",
57
- images: "AS"
58
- },
59
- 6: {
60
- description: "CA",
61
- images: "AS",
62
- datasheet: "CA"
63
- },
64
- 12: {
65
- datasheet: "CA",
66
- description: "CA",
67
- images: "AS"
68
- },
69
- 17: {
70
- datasheet: "CA",
71
- description: "AC",
72
- images: "AS"
73
- }
74
- },
75
55
  article: {
76
- id_article: 37317,
77
- id_category: "157",
78
- name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
79
- upc: "7509546078915",
80
- timestamp: "2023-03-10T20:19:15.000Z",
81
- id_user: 28,
82
- status: "NULL",
83
- active: 1,
84
- company_id: 1005,
85
- SKU: null,
86
- Descripcion: null,
87
- Proveedor: null,
88
- id_proveedor: 0,
89
- company_name: "CRS Transformaciones",
56
+ category: "Salud y Belleza|Cuidado del Cabello|Shampoos y Acondicionadores",
57
+ company_name: "GRUPO BRAHMA",
90
58
  country: "México",
91
- id_order: 14606,
59
+ id_category: "697",
92
60
  id_datasheet_especialist: 54,
93
61
  id_datasheet_facilitator: 52,
94
62
  id_description_especialist: 54,
95
63
  id_description_facilitator: 52,
96
64
  id_images_especialist: 55,
97
65
  id_images_facilitator: 53,
66
+ id_order: 15142,
67
+ id_article: 39270,
98
68
  id_auditor: 37,
99
- id_recepcionist: null,
100
- category: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
101
- missingAttributes: 0,
102
- missingDescriptions: 0,
103
- missingImages: 0
69
+ name: "Acondicionador Garnier Fructis 650 ml",
70
+ timestamp: "2023-03-27T18:37:48.000Z",
71
+ upc: "750955287656712"
104
72
  },
105
73
  retailers: [{
106
- id: 4,
107
- name: "Walmart Super y Superama"
108
- }, {
109
- id: 5,
110
- name: "Chedraui"
111
- }, {
112
- id: 6,
113
- name: "HEB"
114
- }, {
115
74
  id: 12,
116
- name: "La Comer"
75
+ name: "La Comer",
76
+ image: "https://content-management-images.s3.amazonaws.com/retailers/12.png",
77
+ services: ["CA", "CA", "AC", "NA", "NA", "NA", "NA", "NA", "NA"],
78
+ percentage: 100
79
+ }, {
80
+ id: 29,
81
+ name: "Farmacias del Ahorro",
82
+ image: "https://content-management-images.s3.amazonaws.com/retailers/29.png",
83
+ services: ["NA", "NA", "NA", "CA", "CA", "CA", "NA", "NA", "NA"],
84
+ percentage: 100
117
85
  }, {
118
- id: 17,
119
- name: "Genérico"
86
+ id: 63,
87
+ name: "DAX",
88
+ image: "https://content-management-images.s3.amazonaws.com/retailers/63.png",
89
+ services: ["NA", "NA", "NA", "NA", "NA", "NA", "AC", "AC", "CA"],
90
+ percentage: 83
120
91
  }],
121
- country: "México",
122
- upc: "7509546078915"
92
+ statusByRetailer: {
93
+ 12: {
94
+ datasheet: "CA",
95
+ description: "CA"
96
+ },
97
+ 29: {
98
+ datasheet: "CA",
99
+ description: "CA"
100
+ }
101
+ }
123
102
  },
124
103
  location: {
125
104
  product: {
126
105
  articleId: 354,
127
106
  versionId: 3
107
+ },
108
+ state: {
109
+ withChat: true,
110
+ chatType: "product_status"
128
111
  }
129
112
  },
130
113
  user: {
131
- id_user: 51,
132
- name: "ADMIN PRUEBA",
133
- last_name: "",
134
- email: "etc@contentoh.com",
135
- position: "",
114
+ id_user: 37,
115
+ name: "José",
116
+ last_name: "Castañeda",
117
+ email: "ismael97lopez@gmail.com",
118
+ position: "Auditor",
136
119
  telephone: "",
137
- country: "",
120
+ country: "México",
138
121
  id_company: 2,
139
- id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
122
+ id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
140
123
  birth_Date: null,
141
124
  about_me: "",
142
125
  zip_code: "",
143
126
  address: "",
144
127
  job: "",
145
128
  id_stripe: "",
146
- id_role: 1,
129
+ id_role: 6,
147
130
  active: 1,
148
131
  is_retailer: 0,
149
132
  email_notify: 1,
150
133
  is_user_tech: null,
151
134
  membership: {
152
- id: 750,
153
- start_date: "2022-01-07T21:32:54.000Z",
154
- end_date: "2023-01-07T21:32:54.000Z",
155
- planID: 6,
156
- plan: "prod_KvGd6YSTJyR3AP",
157
- name: "Plan Small",
158
- user_limit: "10",
159
- products_limit: "1000",
160
- type: "Enterprise"
135
+ id: 2,
136
+ start_date: "2021-11-05T02:35:12.000Z",
137
+ end_date: "2022-11-05T02:34:49.000Z",
138
+ planID: 1,
139
+ plan: "prod_KtkvuFFLpOdP6e",
140
+ name: "Plan Free",
141
+ user_limit: "1",
142
+ products_limit: "3",
143
+ type: "PyMES"
161
144
  },
162
- src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1678494637588"
145
+ src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1683875228327"
163
146
  }
164
147
  };