contentoh-components-library 21.3.17 → 21.3.19

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 (196) hide show
  1. package/.env.development +0 -5
  2. package/dist/assets/images/generalButton/closeIcon.svg +2 -2
  3. package/dist/components/atoms/GeneralInput/index.js +14 -1
  4. package/dist/components/atoms/ProgressBar/index.js +6 -36
  5. package/dist/components/atoms/ProgressBar/styles.js +3 -11
  6. package/dist/components/molecules/CustomSelect/CustomSelect.stories.js +22 -21
  7. package/dist/components/molecules/CustomSelect/SelectItem.js +1 -10
  8. package/dist/components/molecules/HeaderTop/index.js +6 -23
  9. package/dist/components/molecules/HeaderTop/styles.js +1 -1
  10. package/dist/components/molecules/ProductNameHeader/index.js +4 -6
  11. package/dist/components/organisms/FullProductNameHeader/index.js +0 -1
  12. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +50 -65
  13. package/dist/components/pages/ProviderProductEdition/index.js +11 -15
  14. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +44 -36
  15. package/dist/components/pages/RetailerProductEdition/index.js +12 -13
  16. package/dist/global-files/data.js +23 -18
  17. package/dist/global-files/fonts.css +0 -6
  18. package/dist/global-files/variables.js +0 -2
  19. package/dist/index.js +46 -267
  20. package/package.json +1 -12
  21. package/src/assets/images/generalButton/closeIcon.svg +2 -2
  22. package/src/components/atoms/GeneralInput/index.js +10 -0
  23. package/src/components/atoms/ProgressBar/index.js +5 -40
  24. package/src/components/atoms/ProgressBar/styles.js +0 -24
  25. package/src/components/molecules/CustomSelect/CustomSelect.stories.js +12 -20
  26. package/src/components/molecules/CustomSelect/SelectItem.js +0 -7
  27. package/src/components/molecules/HeaderTop/index.js +8 -29
  28. package/src/components/molecules/HeaderTop/styles.js +0 -4
  29. package/src/components/molecules/ProductNameHeader/index.js +2 -7
  30. package/src/components/organisms/FullProductNameHeader/index.js +0 -1
  31. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +49 -67
  32. package/src/components/pages/ProviderProductEdition/index.js +9 -16
  33. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +46 -36
  34. package/src/components/pages/RetailerProductEdition/index.js +10 -14
  35. package/src/global-files/data.js +23 -18
  36. package/src/global-files/fonts.css +0 -6
  37. package/src/global-files/variables.js +0 -2
  38. package/src/index.js +0 -17
  39. package/dist/assets/images/customSelect/starIcon.svg +0 -14
  40. package/dist/assets/images/defaultImages/Spinner.gif +0 -0
  41. package/dist/assets/images/defaultImages/notFound.svg +0 -124
  42. package/dist/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js +0 -72
  43. package/dist/components/atoms/ButtonFileChooser/index.js +0 -110
  44. package/dist/components/atoms/ButtonFileChooser/styles.js +0 -20
  45. package/dist/components/atoms/ButtonV2/ButtonV2.stories.js +0 -66
  46. package/dist/components/atoms/ButtonV2/index.js +0 -110
  47. package/dist/components/atoms/ButtonV2/styles.js +0 -53
  48. package/dist/components/atoms/CustomIcon/CustomIcon.stories.js +0 -50
  49. package/dist/components/atoms/CustomIcon/index.js +0 -40
  50. package/dist/components/atoms/CustomIcon/styles.js +0 -33
  51. package/dist/components/atoms/IconFile/IconFile.stories.js +0 -48
  52. package/dist/components/atoms/IconFile/index.js +0 -249
  53. package/dist/components/atoms/IconFile/styles.js +0 -23
  54. package/dist/components/atoms/Image/Image.stories.js +0 -73
  55. package/dist/components/atoms/Image/index.js +0 -76
  56. package/dist/components/atoms/Image/styles.js +0 -43
  57. package/dist/components/atoms/ImageLink/ImageLink.stories.js +0 -63
  58. package/dist/components/atoms/ImageLink/index.js +0 -77
  59. package/dist/components/atoms/ImageLink/styles.js +0 -40
  60. package/dist/components/atoms/ImagePreview/ImagePreview.stories.js +0 -70
  61. package/dist/components/atoms/ImagePreview/index.js +0 -208
  62. package/dist/components/atoms/ImagePreview/styles.js +0 -44
  63. package/dist/components/atoms/InputText/InputText.stories.js +0 -60
  64. package/dist/components/atoms/InputText/index.js +0 -66
  65. package/dist/components/atoms/InputText/styles.js +0 -32
  66. package/dist/components/atoms/NotFound/NotFound.stories.js +0 -36
  67. package/dist/components/atoms/NotFound/index.js +0 -75
  68. package/dist/components/atoms/NotFound/styles.js +0 -20
  69. package/dist/components/atoms/SelectItemV2/SelectItemV2.stories.js +0 -45
  70. package/dist/components/atoms/SelectItemV2/index.js +0 -57
  71. package/dist/components/atoms/SelectItemV2/styles.js +0 -30
  72. package/dist/components/atoms/Tooltip/Tooltip.stories.js +0 -66
  73. package/dist/components/atoms/Tooltip/index.js +0 -72
  74. package/dist/components/atoms/Tooltip/styles.js +0 -20
  75. package/dist/components/molecules/ButtonDownloadFile/DownloadFile.stories.js +0 -66
  76. package/dist/components/molecules/ButtonDownloadFile/index.js +0 -179
  77. package/dist/components/molecules/ButtonDownloadFile/styles.js +0 -23
  78. package/dist/components/molecules/Dropdown/Dropdown.stories.js +0 -98
  79. package/dist/components/molecules/Dropdown/index.js +0 -150
  80. package/dist/components/molecules/Dropdown/styles.js +0 -26
  81. package/dist/components/molecules/ImageTooltip/ImageTooltip.stories.js +0 -82
  82. package/dist/components/molecules/ImageTooltip/index.js +0 -85
  83. package/dist/components/molecules/ImageTooltip/styles.js +0 -33
  84. package/dist/components/molecules/SelectV2/SelectV2.stories.js +0 -120
  85. package/dist/components/molecules/SelectV2/index.js +0 -306
  86. package/dist/components/molecules/SelectV2/styles.js +0 -42
  87. package/dist/components/molecules/SelectV2/test.js +0 -95
  88. package/dist/components/molecules/SelectV2/test.stories.js +0 -27
  89. package/dist/components/organisms/Chat/Chat.stories.js +0 -160
  90. package/dist/components/organisms/Chat/ChatLists/ChatLists.stories.js +0 -83
  91. package/dist/components/organisms/Chat/ChatLists/index.js +0 -160
  92. package/dist/components/organisms/Chat/ChatLists/styles.js +0 -29
  93. package/dist/components/organisms/Chat/ContainerItems/ContainerItems.stories.js +0 -176
  94. package/dist/components/organisms/Chat/ContainerItems/index.js +0 -537
  95. package/dist/components/organisms/Chat/ContainerItems/styles.js +0 -20
  96. package/dist/components/organisms/Chat/ContentChat/ContentChat.stories.js +0 -142
  97. package/dist/components/organisms/Chat/ContentChat/index.js +0 -1429
  98. package/dist/components/organisms/Chat/ContentChat/styles.js +0 -20
  99. package/dist/components/organisms/Chat/Footer/Footer.stories.js +0 -43
  100. package/dist/components/organisms/Chat/Footer/index.js +0 -976
  101. package/dist/components/organisms/Chat/Footer/styles.js +0 -32
  102. package/dist/components/organisms/Chat/Header/Header.stories.js +0 -96
  103. package/dist/components/organisms/Chat/Header/index.js +0 -84
  104. package/dist/components/organisms/Chat/Header/styles.js +0 -20
  105. package/dist/components/organisms/Chat/index.js +0 -253
  106. package/dist/components/organisms/Chat/styles.js +0 -29
  107. package/dist/components/organisms/Modal/Modal.stories.js +0 -66
  108. package/dist/components/organisms/Modal/index.js +0 -95
  109. package/dist/components/organisms/Modal/styles.js +0 -20
  110. package/dist/components/organisms/RangeCalendar/RangeCalendar.stories.js +0 -33
  111. package/dist/components/organisms/RangeCalendar/index.js +0 -149
  112. package/dist/components/organisms/RangeCalendar/styles.js +0 -27
  113. package/dist/global-files/handle_http.js +0 -381
  114. package/dist/global-files/handle_userTech.js +0 -20
  115. package/dist/global-files/utils.js +0 -514
  116. package/src/assets/images/customSelect/starIcon.svg +0 -14
  117. package/src/assets/images/defaultImages/Spinner.gif +0 -0
  118. package/src/assets/images/defaultImages/notFound.svg +0 -124
  119. package/src/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js +0 -47
  120. package/src/components/atoms/ButtonFileChooser/index.js +0 -68
  121. package/src/components/atoms/ButtonFileChooser/styles.js +0 -4
  122. package/src/components/atoms/ButtonV2/ButtonV2.stories.js +0 -53
  123. package/src/components/atoms/ButtonV2/index.js +0 -85
  124. package/src/components/atoms/ButtonV2/styles.js +0 -217
  125. package/src/components/atoms/CustomIcon/CustomIcon.stories.js +0 -36
  126. package/src/components/atoms/CustomIcon/index.js +0 -41
  127. package/src/components/atoms/CustomIcon/styles.js +0 -85
  128. package/src/components/atoms/IconFile/IconFile.stories.js +0 -35
  129. package/src/components/atoms/IconFile/index.js +0 -119
  130. package/src/components/atoms/IconFile/styles.js +0 -67
  131. package/src/components/atoms/Image/Image.stories.js +0 -51
  132. package/src/components/atoms/Image/index.js +0 -55
  133. package/src/components/atoms/Image/styles.js +0 -34
  134. package/src/components/atoms/ImageLink/ImageLink.stories.js +0 -43
  135. package/src/components/atoms/ImageLink/index.js +0 -57
  136. package/src/components/atoms/ImageLink/styles.js +0 -30
  137. package/src/components/atoms/ImagePreview/ImagePreview.stories.js +0 -52
  138. package/src/components/atoms/ImagePreview/index.js +0 -178
  139. package/src/components/atoms/ImagePreview/styles.js +0 -77
  140. package/src/components/atoms/InputText/InputText.stories.js +0 -39
  141. package/src/components/atoms/InputText/index.js +0 -61
  142. package/src/components/atoms/InputText/styles.js +0 -89
  143. package/src/components/atoms/NotFound/NotFound.stories.js +0 -19
  144. package/src/components/atoms/NotFound/index.js +0 -52
  145. package/src/components/atoms/NotFound/styles.js +0 -55
  146. package/src/components/atoms/SelectItemV2/SelectItemV2.stories.js +0 -26
  147. package/src/components/atoms/SelectItemV2/index.js +0 -61
  148. package/src/components/atoms/SelectItemV2/styles.js +0 -90
  149. package/src/components/atoms/Tooltip/Tooltip.stories.js +0 -51
  150. package/src/components/atoms/Tooltip/index.js +0 -59
  151. package/src/components/atoms/Tooltip/styles.js +0 -42
  152. package/src/components/molecules/ButtonDownloadFile/DownloadFile.stories.js +0 -54
  153. package/src/components/molecules/ButtonDownloadFile/index.js +0 -109
  154. package/src/components/molecules/ButtonDownloadFile/styles.js +0 -66
  155. package/src/components/molecules/Dropdown/Dropdown.stories.js +0 -103
  156. package/src/components/molecules/Dropdown/index.js +0 -150
  157. package/src/components/molecules/Dropdown/styles.js +0 -75
  158. package/src/components/molecules/ImageTooltip/ImageTooltip.stories.js +0 -68
  159. package/src/components/molecules/ImageTooltip/index.js +0 -63
  160. package/src/components/molecules/ImageTooltip/styles.js +0 -18
  161. package/src/components/molecules/SelectV2/SelectV2.stories.js +0 -115
  162. package/src/components/molecules/SelectV2/index.js +0 -357
  163. package/src/components/molecules/SelectV2/styles.js +0 -105
  164. package/src/components/molecules/SelectV2/test.js +0 -61
  165. package/src/components/molecules/SelectV2/test.stories.js +0 -10
  166. package/src/components/organisms/Chat/Chat.stories.js +0 -147
  167. package/src/components/organisms/Chat/ChatLists/ChatLists.stories.js +0 -65
  168. package/src/components/organisms/Chat/ChatLists/Rotoplas.jpeg +0 -0
  169. package/src/components/organisms/Chat/ChatLists/THD.png +0 -0
  170. package/src/components/organisms/Chat/ChatLists/index.js +0 -141
  171. package/src/components/organisms/Chat/ChatLists/styles.js +0 -162
  172. package/src/components/organisms/Chat/ContainerItems/ContainerItems.stories.js +0 -142
  173. package/src/components/organisms/Chat/ContainerItems/index.js +0 -512
  174. package/src/components/organisms/Chat/ContainerItems/styles.js +0 -328
  175. package/src/components/organisms/Chat/ContentChat/ContentChat.stories.js +0 -102
  176. package/src/components/organisms/Chat/ContentChat/Rotoplas.jpeg +0 -0
  177. package/src/components/organisms/Chat/ContentChat/THD.png +0 -0
  178. package/src/components/organisms/Chat/ContentChat/index.js +0 -897
  179. package/src/components/organisms/Chat/ContentChat/styles.js +0 -41
  180. package/src/components/organisms/Chat/Footer/Footer.stories.js +0 -22
  181. package/src/components/organisms/Chat/Footer/index.js +0 -661
  182. package/src/components/organisms/Chat/Footer/styles.js +0 -286
  183. package/src/components/organisms/Chat/Header/Header.stories.js +0 -66
  184. package/src/components/organisms/Chat/Header/index.js +0 -94
  185. package/src/components/organisms/Chat/Header/styles.js +0 -49
  186. package/src/components/organisms/Chat/index.js +0 -235
  187. package/src/components/organisms/Chat/styles.js +0 -42
  188. package/src/components/organisms/Modal/Modal.stories.js +0 -55
  189. package/src/components/organisms/Modal/index.js +0 -97
  190. package/src/components/organisms/Modal/styles.js +0 -103
  191. package/src/components/organisms/RangeCalendar/RangeCalendar.stories.js +0 -16
  192. package/src/components/organisms/RangeCalendar/index.js +0 -121
  193. package/src/components/organisms/RangeCalendar/styles.js +0 -883
  194. package/src/global-files/handle_http.js +0 -225
  195. package/src/global-files/handle_userTech.js +0 -7
  196. package/src/global-files/utils.js +0 -330
@@ -1,160 +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.chatTicket_userTECH = exports.chatTicket_userNORMAL = exports.chatPROV_orderProduct = exports.chatFAB_orderProduct_user49 = exports.chatFAB_orderProduct_user37 = exports.chatCAD_orderProduct = exports.chatCAD_merchantsProductProvider = exports.chatCAD_merchantsProduct = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _index = require("./index");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/organisms/Chat",
18
- component: _index.Chat,
19
- argTypes: {
20
- chatContainerType: {
21
- options: ["popUp", "fixed"],
22
- control: {
23
- type: "select"
24
- }
25
- },
26
- chatType: {
27
- options: ["order_product", "merchant_product", "ticket"],
28
- control: {
29
- type: "select"
30
- }
31
- }
32
- }
33
- };
34
- exports.default = _default;
35
-
36
- var Template = function Template(args) {
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chat, (0, _objectSpread2.default)({}, args));
38
- }; // ejemplo del chat orderProduct con user CADENA
39
-
40
-
41
- var chatCAD_orderProduct = Template.bind({});
42
- exports.chatCAD_orderProduct = chatCAD_orderProduct;
43
- chatCAD_orderProduct.args = {
44
- chatType: "order_product",
45
- chatContainerType: "popUp",
46
- chatData: {
47
- userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
48
- id: 84311,
49
- retailerId: 68,
50
- orderId: 3118
51
- }
52
- }; // ejemplo del chat orderProduct con user PROVEEDOR
53
-
54
- var chatPROV_orderProduct = Template.bind({});
55
- exports.chatPROV_orderProduct = chatPROV_orderProduct;
56
- chatPROV_orderProduct.args = {
57
- chatType: "order_product",
58
- chatContainerType: "popUp",
59
- chatData: {
60
- userToken: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZDBjYzVjOC1hODllLTRiZGQtOWUyZC0zNThhMDFjYzlhNjIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiOWQwY2M1YzgtYTg5ZS00YmRkLTllMmQtMzU4YTAxY2M5YTYyIiwiYXVkIjoiNTJkOXNra2RjZzhxanA4OG9vazF1c2U2bWsiLCJldmVudF9pZCI6IjU1NDQ5NzhmLWExMGEtNGE5Ni05M2NkLWY5Y2ZmNTFlNWRlOCIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY1NjI0MjYyLCJuYW1lIjoiSXNtYWVsIExvcGV6IiwicGhvbmVfbnVtYmVyIjoiKzUyMzExMTM2NjMzNiIsImV4cCI6MTY2NTYyNzg2MiwiaWF0IjoxNjY1NjI0MjYyLCJlbWFpbCI6Imlsb3BlekBjb250ZW50b2guY29tIn0.bIDIv57LRgafkymcUY4DqFRxR91iTBlZ7H7v1o3TnwJpIFPUEvzfvHObDR534xfa-R5ZRz46YCjsV6yQ-2hd8OA97VFLrqyC8Yqx_hjoIA1QxX_5_-b4UWaIib_1wSkrWd2gQtuKAUucfzAisZp1UNiY6Sm4VPGXsc5Lk6kLo1X_rctLUlQMhl5KaMNaSWqvbcYZLz5XSpbJR_MHegkdquKBaQJVKl76TkvDT8Eyr6rPUUAtnRBAPfnP4dW82HgT-aZp-0wUH5fYcb02agPg4-wqVsxPr8WxihATqn9rVfR5CjZWYOGPdSw7AUS33yYAkx5Nmnz4oIcRlPsvF5U62g",
61
- id: 84311,
62
- retailerId: 68,
63
- orderId: 3118
64
- }
65
- }; // ejemplo del chat orderProduct con user FABRICA 37
66
-
67
- var chatFAB_orderProduct_user37 = Template.bind({});
68
- exports.chatFAB_orderProduct_user37 = chatFAB_orderProduct_user37;
69
- chatFAB_orderProduct_user37.args = {
70
- chatType: "order_product",
71
- chatContainerType: "popUp",
72
- chatData: {
73
- userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI1YTg4MmFkMS04OWFjLTQwYTYtYWRhMi02NzgyNWNjMzNiZTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjIwNTg2NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjIwOTQ2NSwiaWF0IjoxNjY2MjA1ODY1LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.HOsBuNBBeDL4Vwhi5Rou0jzZqOO_n_AIvoFOVRuFFiVppzaTDFNEVcapq9hCLIGQZT5NK8Arwo-nZkcVVAqHMsu8KKJsPQZIkGbHI6CVD7IkBBfm756e-tTuHHBYd4ND3HifVDWwno8mEODLZdaWRcy5MN3TErqCEy8cf1u7CQSguKmjeElL-8DHtNfLKMnxJOGGW_JAEa1JVWninzekPAeFKmWFOtByFCJZT1HBmL9XERIXXN6qWU_g0KlUm_wBWkmIDxuVRPorFEPinh0ETAGkGa5mf1SPaibXXSEoiF58DkFRyrOcTVKnV7Dixjo6DvBwN98fYW0zaeo3G5nSXw",
74
- id: 84311,
75
- retailerId: 68,
76
- orderId: 3118
77
- }
78
- }; // ejemplo del chat orderProduct con user FABRICA 49
79
-
80
- var chatFAB_orderProduct_user49 = Template.bind({});
81
- exports.chatFAB_orderProduct_user49 = chatFAB_orderProduct_user49;
82
- chatFAB_orderProduct_user49.args = {
83
- chatType: "order_product",
84
- chatContainerType: "popUp",
85
- chatData: {
86
- userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxODA1MDQ1Mi0xOGQ0LTQxM2ItYjg2MC1iMWMyMzZmMTM5OWYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjE4MDUwNDUyLTE4ZDQtNDEzYi1iODYwLWIxYzIzNmYxMzk5ZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYmU1ODRmOS0xOTJmLTRkNDEtOWMxMS0xMzRkMDgzODVjMDQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTcxNjI3NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NTcxOTg3NywiaWF0IjoxNjY1NzE2Mjc3LCJlbWFpbCI6Im16dW5pZ2FAY29udGVudG9oLmNvbSJ9.KoPNFy9gZYoYjiCGanSe_MvnuX7rSvNTXqQVffXSzGYeb4R3G6yDWrWItjHfgFmmo1jLlTmLT_yiVC4g9Vpo9WxebPwZA9rFwKDbc3vKeAs1JSUfaatQOwIqS1NsHwEkAM-agsO2s2Rnqq4h-FCcURqjiknbvHXUjcXqSea-3JlxtVFw3x7NLG3bUPqfPyVV1N5jR-XMrDOSZctS2k4WvPqhxf75Iv77U23YNFRoOIUZIAYx8SmSw792h4YwmJqMUuZlo48aBaaZO3NE83KdMR-mYvvoa-TDIE2d9ww-vPctauVL9ydB5ISSB8gUz90o8IZIWjrwQgbzE7eRPKxPWw",
87
- id: 84311,
88
- retailerId: 68,
89
- orderId: 3118
90
- }
91
- }; // ejemplo del chat merchantProduct con user CADENA
92
-
93
- var chatCAD_merchantsProduct = Template.bind({});
94
- exports.chatCAD_merchantsProduct = chatCAD_merchantsProduct;
95
- chatCAD_merchantsProduct.args = {
96
- chatType: "merchant_product",
97
- chatContainerType: "popUp",
98
- chatData: {
99
- userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhMWYyM2IzZC1mOTk0LTRjNWUtOTk4MC04ZThjYmQxMzcwMzYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU3NjMzNywibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjc0NTc5OTM3LCJpYXQiOjE2NzQ1NzYzMzcsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.GZIbxwAqZBifyxJQdb-Asbf2X9k4Nmi44TRINg9oGdvz0MknHOUtCiQ2ID7XiqKzgcVvbl9RDDx2GFWZt0Fd2-Sd5NSMxEl3C3ZWqVWQb9ncrMdVcAOHPp76w2eR6IzOwpa5L4GAc_mLACaJtfGdYrSLSxYTpMPQfhxaG2GDdWbOLA-_hNflff0lQD-EvCg8wEirAcZHro2mEeqMFG2GLhh0zfb_H-A8EWMqmMM3kYXVHTza04S1HSYsXhGzBi-7paL_Oh3bcORN95CqeddkReSmThG5wcp0_YScCSFNeUDEvJo2Z9w9TlOrEgUIrSkaY0aLZUpERfOST55P4R9hRw",
100
- id: 429,
101
- version: 1
102
- }
103
- };
104
- var chatCAD_merchantsProductProvider = Template.bind({});
105
- exports.chatCAD_merchantsProductProvider = chatCAD_merchantsProductProvider;
106
- chatCAD_merchantsProductProvider.args = {
107
- chatType: "merchant_product",
108
- chatContainerType: "popUp",
109
- chatData: {
110
- userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4MWY3NmNjYy0yZDYzLTQyYzYtYjQzOS03NDQ2ZWFhYjFhZDciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjgxZjc2Y2NjLTJkNjMtNDJjNi1iNDM5LTc0NDZlYWFiMWFkNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiN2M5YWVlYS0zMmRmLTQ0YmUtODliNy01OGY1MzE0YzMzN2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDUxMTUzMiwibmFtZSI6Im1lcmNoYW50czIzZW5lQGFsbGZyZWVtYWlsLm5ldCBtZXJjaGFudHMyM2VuZUBhbGxmcmVlbWFpbC5uZXQiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkzIiwiZXhwIjoxNjc0NTE1MTMyLCJpYXQiOjE2NzQ1MTE1MzIsImVtYWlsIjoibWVyY2hhbnRzMjNlbmVAYWxsZnJlZW1haWwubmV0In0.eeR19yCD--WMFFfbljOufIthXUuXc_gFoJzLX9Q6mzgPpA2TOmzabQFLh2O1WKgGgcmFSEfGfTjzFRAd44O5MYqB_VltFPoMSNIVA38rmX8yfKhVlzF_ZBRVLNHZZOrKOQrCTZX7vibtUtvnbXPtkPgJV1Wb3RoB-45qi3qa1xIUcHwtdInsdQG1PvL28ryH4-ZupjXYRC9JB2wMDFPF1c6HnUQQupTSHRgTHVj9USNCYblOuCJSj1s2_lUrmFZJBifRGXsYj8rBz6mkkl5wAGU-YCmCFkwuD3Gl5bsevFg_VL2CGEfSwSXMzsB-ud4FMIaMZuQHpF-CefGJaEHYxg",
111
- id: 429,
112
- version: 1
113
- }
114
- };
115
- /*
116
- export const chatPROV_merchantsProduct = Template.bind({});
117
- chatPROV_merchantsProduct.args = {
118
- userToken:
119
- "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZDBjYzVjOC1hODllLTRiZGQtOWUyZC0zNThhMDFjYzlhNjIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiOWQwY2M1YzgtYTg5ZS00YmRkLTllMmQtMzU4YTAxY2M5YTYyIiwiYXVkIjoiNTJkOXNra2RjZzhxanA4OG9vazF1c2U2bWsiLCJldmVudF9pZCI6IjU1NDQ5NzhmLWExMGEtNGE5Ni05M2NkLWY5Y2ZmNTFlNWRlOCIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY1NjI0MjYyLCJuYW1lIjoiSXNtYWVsIExvcGV6IiwicGhvbmVfbnVtYmVyIjoiKzUyMzExMTM2NjMzNiIsImV4cCI6MTY2NTYyNzg2MiwiaWF0IjoxNjY1NjI0MjYyLCJlbWFpbCI6Imlsb3BlekBjb250ZW50b2guY29tIn0.bIDIv57LRgafkymcUY4DqFRxR91iTBlZ7H7v1o3TnwJpIFPUEvzfvHObDR534xfa-R5ZRz46YCjsV6yQ-2hd8OA97VFLrqyC8Yqx_hjoIA1QxX_5_-b4UWaIib_1wSkrWd2gQtuKAUucfzAisZp1UNiY6Sm4VPGXsc5Lk6kLo1X_rctLUlQMhl5KaMNaSWqvbcYZLz5XSpbJR_MHegkdquKBaQJVKl76TkvDT8Eyr6rPUUAtnRBAPfnP4dW82HgT-aZp-0wUH5fYcb02agPg4-wqVsxPr8WxihATqn9rVfR5CjZWYOGPdSw7AUS33yYAkx5Nmnz4oIcRlPsvF5U62g",
120
- chatType: "merchants_products",
121
- articleId: "84300",
122
- articleVersion: "1",
123
- };*/
124
- // ejemplo del chat ticket con user FAB
125
-
126
- var chatTicket_userNORMAL = Template.bind({});
127
- exports.chatTicket_userNORMAL = chatTicket_userNORMAL;
128
- chatTicket_userNORMAL.args = {
129
- chatType: "ticket",
130
- chatContainerType: "fixed",
131
- chatData: {
132
- id: 104,
133
- ticketOwnerUserId: 49,
134
- statusTicket: "IN_PROGRESS",
135
- currentUser: {
136
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
137
- id: 59,
138
- companyId: 817,
139
- isUserTech: false
140
- }
141
- }
142
- }; // ejemplo del chat ticket con user TECH
143
-
144
- var chatTicket_userTECH = Template.bind({});
145
- exports.chatTicket_userTECH = chatTicket_userTECH;
146
- chatTicket_userTECH.args = {
147
- chatType: "ticket",
148
- chatContainerType: "fixed",
149
- chatData: {
150
- id: 10,
151
- ticketOwnerUserId: 49,
152
- statusTicket: "IN_PROGRESS",
153
- currentUser: {
154
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5M2FkOTM5Yy04MzJjLTQ4NWItOWUzMS0yN2MxNzBjMDk1NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTY2MjU5MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk2NjYxOTIsImlhdCI6MTY2OTY2MjU5MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.hhdlQk-ljHpyZPRoG02YcvPow8jpm9coZfmEuZ29vIVX7bX5k05Ss3FkaT0dYNr2qEvqZHHqH61oJvx4xr2i6z2c3xEZxyJZFR-Cc_skhH0UwGXbCH9up5PW1aipY5rL45E42R7GKSGmB5Z-B7vxe2NcL-ZojYZkXNZ7Gx_lM8Vpq-XsFLJ4nCJlH7vx9D4SkREN3lLfYIIgqNrxJ_wqfqvcqexwRJfnr76ZqCuDR4dTWsES2Lf5D8Wa_wkQAjQNdzP7ai28l9fRyCSwkTxvamdJkx7p-tssOL5pAnCsKkD22UN-09c1bhuGrgfKWUV4awbptfjvHS7TSq0bWiv4gQ",
155
- id: 28,
156
- companyId: 1,
157
- isUserTech: true
158
- }
159
- }
160
- };
@@ -1,83 +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.onlyOpenChatLists = exports.exampleChatLists = exports.default = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _index = require("./index");
13
-
14
- var _THD = _interopRequireDefault(require("./THD.png"));
15
-
16
- var _Rotoplas = _interopRequireDefault(require("./Rotoplas.jpeg"));
17
-
18
- var _jsxRuntime = require("react/jsx-runtime");
19
-
20
- var _default = {
21
- title: "Components/organisms/Chat/ChatLists",
22
- component: _index.ChatLists
23
- };
24
- exports.default = _default;
25
-
26
- var Template = function Template(args) {
27
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatLists, (0, _objectSpread2.default)({}, args));
28
- }; // companies de prueba
29
-
30
-
31
- var companies = {
32
- 200: {
33
- name: "The Home Depot",
34
- src: _THD.default,
35
- lastChatDate: "2022-11-4 21:01:00",
36
- statusChat: "disabled"
37
- },
38
- 300: {
39
- name: "Rotoplas",
40
- src: _Rotoplas.default,
41
- lastChatDate: "2022-11-03 21:01:00",
42
- statusChat: "enabled"
43
- },
44
- 100: {
45
- name: "Content-oh!",
46
- src: "",
47
- lastChatDate: "2022-11-02 21:01:00",
48
- statusChat: "current"
49
- }
50
- }; // companies de prueba sin chats cerrados
51
-
52
- var companies2 = {
53
- 300: {
54
- name: "Rotoplas",
55
- src: _Rotoplas.default,
56
- lastChatDate: "2022-10-27 21:01:00",
57
- statusChat: "enabled"
58
- },
59
- 100: {
60
- name: "Content-oh!",
61
- src: "",
62
- lastChatDate: "2022-9-27 21:01:00",
63
- statusChat: "current"
64
- }
65
- };
66
- var exampleChatLists = Template.bind({});
67
- exports.exampleChatLists = exampleChatLists;
68
- exampleChatLists.args = {
69
- companies: companies,
70
- currentCompanyId: 100,
71
- onClickCompany: function onClickCompany(companyId) {
72
- console.log("click en company:", companyId);
73
- }
74
- };
75
- var onlyOpenChatLists = Template.bind({});
76
- exports.onlyOpenChatLists = onlyOpenChatLists;
77
- onlyOpenChatLists.args = {
78
- companies: companies2,
79
- currentCompanyId: 100,
80
- onClickCompany: function onClickCompany(companyId) {
81
- console.log("click en company:", companyId);
82
- }
83
- };
@@ -1,160 +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.ChatLists = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _react = require("react");
15
-
16
- var _utils = require("../../../../global-files/utils");
17
-
18
- var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
19
-
20
- var _CustomIcon = require("../../../atoms/CustomIcon");
21
-
22
- var _Image = require("../../../atoms/Image");
23
-
24
- var _Tooltip = require("../../../atoms/Tooltip");
25
-
26
- var _jsxRuntime = require("react/jsx-runtime");
27
-
28
- var ChatLists = function ChatLists(props) {
29
- var companies = props.companies,
30
- currentCompanyId = props.currentCompanyId,
31
- onClickCompany = props.onClickCompany;
32
-
33
- var _useState = (0, _react.useState)([]),
34
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
35
- openChats = _useState2[0],
36
- setOpenChats = _useState2[1];
37
-
38
- var _useState3 = (0, _react.useState)([]),
39
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
40
- closedChats = _useState4[0],
41
- setClosedChats = _useState4[1];
42
-
43
- (0, _react.useEffect)(function () {
44
- renderChats();
45
- }, [companies]);
46
-
47
- var renderChats = function renderChats() {
48
- var jsxOpenChats = [];
49
- var jsxClosedChats = [];
50
-
51
- var _loop = function _loop() {
52
- var companyId = _Object$keys[_i];
53
- var company = companies[companyId]; // crear el item chat
54
-
55
- var itemChat = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerItemChat, {
56
- onClick: function onClick(event) {
57
- onClickCompany && onClickCompany(companyId);
58
- },
59
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
60
- className: "img-logoCompany",
61
- width: "34px",
62
- sizeLoading: 24,
63
- colorLoading: undefined,
64
- src: company.src,
65
- componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
66
- className: "icon-logoCompany",
67
- type: "white",
68
- borderType: "circle",
69
- size: 15,
70
- icon: _freeSolidSvgIcons.faImage
71
- })
72
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
73
- className: "container-info",
74
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
75
- className: "label-name",
76
- children: [" ", company.name, " "]
77
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
78
- className: "label-lastDate",
79
- children: (0, _utils.getCustomDate)(new Date(company.items.length ? company.items[0].date : undefined))
80
- })]
81
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
82
- className: "container-indicators",
83
- children: currentCompanyId == companyId && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
84
- className: "label-ownCompany",
85
- children: "Interno"
86
- })
87
- })]
88
- }, "itemChat-" + companyId); // checar si es chat abierto
89
-
90
- if (company.statusChat == "closed") jsxClosedChats.push(itemChat);else jsxOpenChats.push(itemChat);
91
- };
92
-
93
- for (var _i = 0, _Object$keys = Object.keys(companies); _i < _Object$keys.length; _i++) {
94
- _loop();
95
- }
96
-
97
- setOpenChats(jsxOpenChats);
98
- setClosedChats(jsxClosedChats);
99
- };
100
-
101
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
102
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
103
- children: [openChats.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
104
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
105
- className: "container-headerChats",
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
107
- className: "tooltip-title",
108
- position: "topCenter",
109
- addArrow: false,
110
- transitionType: "zoom",
111
- followCursor: false,
112
- componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerTooltip, {
113
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
114
- className: "label-title",
115
- children: " Chats abiertos "
116
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
117
- className: "label-message",
118
- children: "De acuerdo al estatus \n actual del producto, puedes establecer una conversaci\xF3n \n con estas compa\xF1ias"
119
- })]
120
- }),
121
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
122
- children: " Chats abiertos "
123
- })
124
- })
125
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
126
- className: "container-bodyChats",
127
- children: openChats
128
- })]
129
- }), closedChats.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
130
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
131
- className: "container-headerChats",
132
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
133
- className: "tooltip-title",
134
- position: "topCenter",
135
- addArrow: false,
136
- transitionType: "zoom",
137
- followCursor: false,
138
- componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerTooltip, {
139
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
140
- className: "label-title",
141
- children: " Chats cerrados "
142
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
143
- className: "label-message",
144
- children: "Las conversaciones \n con estas compa\xF1ias han finalizado debido al cambio de \n estatus, sigue el flujo de trabajo con tus chats abiertos"
145
- })]
146
- }),
147
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
148
- children: " Chats cerrados "
149
- })
150
- })
151
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
152
- className: "container-bodyChats",
153
- children: closedChats
154
- })]
155
- })]
156
- })
157
- });
158
- };
159
-
160
- exports.ChatLists = ChatLists;
@@ -1,29 +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.ContainerTooltip = exports.ContainerItemChat = 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, _templateObject2, _templateObject3;
17
-
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-height: 100%;\n flex-grow: 2;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 30px;\n background: white;\n padding: 20px;\n overflow: auto;\n //border: 1px solid red;\n\n section {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 15px;\n\n // container del nombre de la seccion con su icono info\n .container-headerChats {\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n gap: 5px;\n\n .tooltip-title {\n max-width: 100%;\n\n label {\n font-family: ", ", sans-serif;\n font-size: 15px;\n text-align: left;\n color: #262626;\n }\n }\n }\n\n // container de la lista de los items chats de la seccion\n .container-bodyChats {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n }\n"])), _variables.FontFamily.RobotoMedium);
19
-
20
- exports.Container = Container;
21
-
22
- var ContainerItemChat = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n min-width: min-content;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 20px;\n background: #f7f7fc;\n padding: 15px;\n border-radius: 10px;\n cursor: pointer;\n transition: background 0.25s;\n\n * {\n cursor: inherit;\n }\n\n // imagen del logo de la compa\xF1ia\n .img-logoCompany {\n border-radius: 50%;\n overflow: hidden;\n height: 34px;\n width: 34px;\n\n .icon-logoCompany {\n width: 100%;\n height: 100%;\n }\n }\n\n // container de las etiquetas \"name\" y \"lastDate\"\n .container-info {\n flex-grow: 2;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n\n .label-name {\n font-family: ", ", sans-serif;\n font-size: 15px;\n text-align: left;\n color: #262626;\n }\n .label-lastDate {\n font-family: ", ", sans-serif;\n font-size: 11px;\n text-align: left;\n color: #b3b3b3;\n }\n }\n\n .container-indicators {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 7px;\n\n // label \"Interno\"\n .label-ownCompany {\n padding: 5px 10px;\n border-radius: 3px;\n font-family: ", ", sans-serif;\n font-size: 10px;\n background-color: rgba(0, 0, 0, 0.05);\n color: #707070;\n }\n }\n\n // cuando el item chat tenga el cursor\n &:hover {\n background-color: #d7d7dd;\n\n .container-info {\n .label-lastDate {\n color: #959292;\n }\n }\n\n /*\n .label-ownCompany {\n background-color: ;\n }*/\n }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular, _variables.FontFamily.RobotoRegular); // container con 2 labels "label-title" y "label-message"
23
-
24
-
25
- exports.ContainerItemChat = ContainerItemChat;
26
-
27
- var ContainerTooltip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n min-width: min-content;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n background: transparent;\n\n .label-title {\n font-family: ", ", sans-serif;\n font-size: 12px;\n text-align: left;\n color: #262626;\n }\n .label-message {\n font-family: ", ", sans-serif;\n font-size: 11px;\n text-align: left;\n color: #262626;\n }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
28
-
29
- exports.ContainerTooltip = ContainerTooltip;
@@ -1,176 +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.exampleChat = exports.emptyChat = exports.default = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _index = require("./index");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/organisms/Chat/ContainerItems",
18
- component: _index.ContainerItems
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContainerItems, (0, _objectSpread2.default)({}, args));
24
- }; // items de prueba
25
-
26
-
27
- var items = {
28
- 1: {
29
- date: "2022-10-13 10:10:00",
30
- type: "message",
31
- value: "mensaje 1 user10",
32
- userId: 10
33
- },
34
- 2: {
35
- date: "2022-10-12 13:19:00",
36
- type: "message",
37
- value: "mensaje 1 user20",
38
- userId: 20
39
- },
40
- 3: {
41
- date: "2022-10-12 12:33:00",
42
- type: "comment",
43
- value: "comentario 1 user20",
44
- userId: 20
45
- },
46
- 4: {
47
- date: "2022-10-12 11:56:00",
48
- type: "comment",
49
- value: "comentario 1 user30",
50
- userId: 30
51
- },
52
- 5: {
53
- date: "2022-10-12 8:41:00",
54
- type: "statusService",
55
- value: "La sección imágenes ha sido validada",
56
- userId: 20
57
- },
58
- 6: {
59
- date: "2022-10-11 14:58:00",
60
- type: "img",
61
- value: "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg",
62
- userId: 10
63
- },
64
- 7: {
65
- date: "2022-10-10 16:12:00",
66
- type: "img",
67
- value: "84300/1/chat/21dba1da-3c60-42c4-97bd-033664808256-fb19ff57-b91c-4ef2-ba2a-d857b55fb33b.svg",
68
- userId: 30
69
- },
70
- 8: {
71
- date: "2022-10-10 15:55:00",
72
- type: "statusArticle",
73
- value: "El estatus cambio a Aprobado Coordinador",
74
- userId: 20
75
- },
76
- 9: {
77
- date: "2022-10-10 9:15:00",
78
- type: "comment",
79
- value: "comentario 1 user10",
80
- userId: 10
81
- },
82
- 10: {
83
- date: "2022-10-9 6:24:00",
84
- type: "file",
85
- value: "84300/1/chat/acuse RFC-8b2eb177-5bfc-4266-9b26-4e7297880594-9e2e5853-4697-442a-8ff7-3b7a1ede0856.pdf",
86
- userId: 10
87
- },
88
- 11: {
89
- date: "2022-10-9 4:29:00",
90
- type: "file",
91
- value: "84300/1/chat/noExiste.docx",
92
- userId: 30
93
- },
94
- 12: {
95
- date: "2022-10-9 2:39:00",
96
- type: "file",
97
- value: "84300/1/chat/noExiste2.xlsx",
98
- userId: 20
99
- },
100
- 13: {
101
- date: "2022-10-8 23:46:00",
102
- type: "file",
103
- value: "84300/1/chat/noExiste3.csv",
104
- userId: 20
105
- },
106
- 14: {
107
- date: "2022-10-8 23:22:00",
108
- type: "file",
109
- value: "84300/1/chat/noExiste4.pptx",
110
- userId: 30
111
- },
112
- 15: {
113
- date: "2022-10-8 21:01:00",
114
- type: "file",
115
- value: "84300/1/chat/noExiste5.zip",
116
- userId: 10
117
- },
118
- 16: {
119
- date: "2022-10-8 20:11:00",
120
- type: "file",
121
- value: "84300/1/chat/noExiste6.txt",
122
- userId: 10
123
- }
124
- }; // users de prueba
125
-
126
- var users = {
127
- 10: {
128
- name: "Pedro Castillo",
129
- companyId: 100
130
- },
131
- 20: {
132
- name: "Ana Carranza",
133
- companyId: 200
134
- },
135
- 30: {
136
- name: "Javier Aguayo",
137
- companyId: 100
138
- }
139
- }; // companies de prueba multiple
140
-
141
- var companies = {
142
- 100: {
143
- name: "Fábrica",
144
- statusChat: "enabled"
145
- },
146
- 200: {
147
- name: "Proveedor",
148
- statusChat: "current"
149
- }
150
- };
151
- var exampleChat = Template.bind({});
152
- exports.exampleChat = exampleChat;
153
- exampleChat.args = {
154
- chatData: {
155
- items: items,
156
- users: users,
157
- companies: companies
158
- },
159
- currentUser: {
160
- id: 10,
161
- companyId: 100
162
- }
163
- };
164
- var emptyChat = Template.bind({});
165
- exports.emptyChat = emptyChat;
166
- emptyChat.args = {
167
- chatData: {
168
- items: [],
169
- users: [],
170
- companies: []
171
- },
172
- currentUser: {
173
- id: 10,
174
- companyId: 100
175
- }
176
- };