@botonic/react 0.23.3 → 0.24.0-alpha.1

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 (177) hide show
  1. package/index.d.ts +1 -1
  2. package/lib/cjs/assets/arrow-down.svg +3 -0
  3. package/lib/cjs/assets/arrow-scroll-down.svg +3 -0
  4. package/lib/cjs/assets/index-types.d.ts +4 -0
  5. package/lib/cjs/assets/index-types.js +2 -0
  6. package/lib/cjs/assets/index-types.js.map +1 -0
  7. package/lib/cjs/components/custom-message.js +2 -2
  8. package/lib/cjs/components/custom-message.js.map +1 -1
  9. package/lib/cjs/components/index-types.d.ts +10 -4
  10. package/lib/cjs/components/index-types.js.map +1 -1
  11. package/lib/cjs/components/message.js +21 -17
  12. package/lib/cjs/components/message.js.map +1 -1
  13. package/lib/cjs/components/timestamps.d.ts +2 -2
  14. package/lib/cjs/components/timestamps.js +5 -5
  15. package/lib/cjs/components/timestamps.js.map +1 -1
  16. package/lib/cjs/constants.d.ts +7 -5
  17. package/lib/cjs/constants.js +10 -6
  18. package/lib/cjs/constants.js.map +1 -1
  19. package/lib/cjs/contexts.js +6 -0
  20. package/lib/cjs/contexts.js.map +1 -1
  21. package/lib/cjs/dev-app.js +9 -3
  22. package/lib/cjs/dev-app.js.map +1 -1
  23. package/lib/cjs/index-types.d.ts +16 -2
  24. package/lib/cjs/index-types.js +7 -0
  25. package/lib/cjs/index-types.js.map +1 -1
  26. package/lib/cjs/msg-to-botonic.js +5 -2
  27. package/lib/cjs/msg-to-botonic.js.map +1 -1
  28. package/lib/cjs/webchat/actions.d.ts +19 -17
  29. package/lib/cjs/webchat/actions.js +19 -17
  30. package/lib/cjs/webchat/actions.js.map +1 -1
  31. package/lib/cjs/webchat/components/styled-scrollbar.js +1 -1
  32. package/lib/cjs/webchat/devices/device-adapter.js +1 -1
  33. package/lib/cjs/webchat/devices/device-adapter.js.map +1 -1
  34. package/lib/cjs/webchat/devices/webchat-resizer.js +1 -1
  35. package/lib/cjs/webchat/devices/webchat-resizer.js.map +1 -1
  36. package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
  37. package/lib/cjs/webchat/hooks/use-typing.js +1 -3
  38. package/lib/cjs/webchat/hooks/use-typing.js.map +1 -1
  39. package/lib/cjs/webchat/hooks/use-webchat.d.ts +5 -1
  40. package/lib/cjs/webchat/hooks/use-webchat.js +15 -1
  41. package/lib/cjs/webchat/hooks/use-webchat.js.map +1 -1
  42. package/lib/cjs/webchat/index-types.d.ts +2 -1
  43. package/lib/cjs/webchat/message-list/index.d.ts +1 -0
  44. package/lib/cjs/webchat/message-list/index.js +77 -0
  45. package/lib/cjs/webchat/message-list/index.js.map +1 -0
  46. package/lib/cjs/webchat/message-list/intro-message.d.ts +1 -0
  47. package/lib/cjs/webchat/message-list/intro-message.js +23 -0
  48. package/lib/cjs/webchat/message-list/intro-message.js.map +1 -0
  49. package/lib/cjs/webchat/message-list/scroll-button.d.ts +5 -0
  50. package/lib/cjs/webchat/message-list/scroll-button.js +22 -0
  51. package/lib/cjs/webchat/message-list/scroll-button.js.map +1 -0
  52. package/lib/cjs/webchat/message-list/styles.d.ts +4 -0
  53. package/lib/cjs/webchat/message-list/styles.js +50 -0
  54. package/lib/cjs/webchat/message-list/styles.js.map +1 -0
  55. package/lib/cjs/webchat/message-list/unread-messages-banner.d.ts +6 -0
  56. package/lib/cjs/webchat/message-list/unread-messages-banner.js +21 -0
  57. package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -0
  58. package/lib/cjs/webchat/message-list/use-debounce.d.ts +1 -0
  59. package/lib/cjs/webchat/message-list/use-debounce.js +18 -0
  60. package/lib/cjs/webchat/message-list/use-debounce.js.map +1 -0
  61. package/lib/cjs/webchat/messages-reducer.js +31 -9
  62. package/lib/cjs/webchat/messages-reducer.js.map +1 -1
  63. package/lib/cjs/webchat/trigger-button/index.js +3 -2
  64. package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
  65. package/lib/cjs/webchat/webchat-reducer.js +1 -1
  66. package/lib/cjs/webchat/webchat-reducer.js.map +1 -1
  67. package/lib/cjs/webchat/webchat.js +38 -22
  68. package/lib/cjs/webchat/webchat.js.map +1 -1
  69. package/lib/cjs/webchat-app.js +24 -9
  70. package/lib/cjs/webchat-app.js.map +1 -1
  71. package/lib/esm/assets/arrow-down.svg +3 -0
  72. package/lib/esm/assets/arrow-scroll-down.svg +3 -0
  73. package/lib/esm/assets/index-types.d.ts +4 -0
  74. package/lib/esm/assets/index-types.js +2 -0
  75. package/lib/esm/assets/index-types.js.map +1 -0
  76. package/lib/esm/components/custom-message.js +2 -2
  77. package/lib/esm/components/custom-message.js.map +1 -1
  78. package/lib/esm/components/index-types.d.ts +10 -4
  79. package/lib/esm/components/index-types.js.map +1 -1
  80. package/lib/esm/components/message.js +22 -18
  81. package/lib/esm/components/message.js.map +1 -1
  82. package/lib/esm/components/timestamps.d.ts +2 -2
  83. package/lib/esm/components/timestamps.js +5 -5
  84. package/lib/esm/components/timestamps.js.map +1 -1
  85. package/lib/esm/constants.d.ts +7 -5
  86. package/lib/esm/constants.js +9 -5
  87. package/lib/esm/constants.js.map +1 -1
  88. package/lib/esm/contexts.js +6 -0
  89. package/lib/esm/contexts.js.map +1 -1
  90. package/lib/esm/dev-app.js +9 -3
  91. package/lib/esm/dev-app.js.map +1 -1
  92. package/lib/esm/index-types.d.ts +16 -2
  93. package/lib/esm/index-types.js +6 -1
  94. package/lib/esm/index-types.js.map +1 -1
  95. package/lib/esm/msg-to-botonic.js +6 -3
  96. package/lib/esm/msg-to-botonic.js.map +1 -1
  97. package/lib/esm/webchat/actions.d.ts +19 -17
  98. package/lib/esm/webchat/actions.js +19 -17
  99. package/lib/esm/webchat/actions.js.map +1 -1
  100. package/lib/esm/webchat/components/styled-scrollbar.js +1 -1
  101. package/lib/esm/webchat/devices/device-adapter.js +1 -1
  102. package/lib/esm/webchat/devices/device-adapter.js.map +1 -1
  103. package/lib/esm/webchat/devices/webchat-resizer.js +1 -1
  104. package/lib/esm/webchat/devices/webchat-resizer.js.map +1 -1
  105. package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
  106. package/lib/esm/webchat/hooks/use-typing.js +1 -3
  107. package/lib/esm/webchat/hooks/use-typing.js.map +1 -1
  108. package/lib/esm/webchat/hooks/use-webchat.d.ts +5 -1
  109. package/lib/esm/webchat/hooks/use-webchat.js +15 -1
  110. package/lib/esm/webchat/hooks/use-webchat.js.map +1 -1
  111. package/lib/esm/webchat/index-types.d.ts +2 -1
  112. package/lib/esm/webchat/message-list/index.d.ts +1 -0
  113. package/lib/esm/webchat/message-list/index.js +73 -0
  114. package/lib/esm/webchat/message-list/index.js.map +1 -0
  115. package/lib/esm/webchat/message-list/intro-message.d.ts +1 -0
  116. package/lib/esm/webchat/message-list/intro-message.js +18 -0
  117. package/lib/esm/webchat/message-list/intro-message.js.map +1 -0
  118. package/lib/esm/webchat/message-list/scroll-button.d.ts +5 -0
  119. package/lib/esm/webchat/message-list/scroll-button.js +17 -0
  120. package/lib/esm/webchat/message-list/scroll-button.js.map +1 -0
  121. package/lib/esm/webchat/message-list/styles.d.ts +4 -0
  122. package/lib/esm/webchat/message-list/styles.js +46 -0
  123. package/lib/esm/webchat/message-list/styles.js.map +1 -0
  124. package/lib/esm/webchat/message-list/unread-messages-banner.d.ts +6 -0
  125. package/lib/esm/webchat/message-list/unread-messages-banner.js +16 -0
  126. package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -0
  127. package/lib/esm/webchat/message-list/use-debounce.d.ts +1 -0
  128. package/lib/esm/webchat/message-list/use-debounce.js +14 -0
  129. package/lib/esm/webchat/message-list/use-debounce.js.map +1 -0
  130. package/lib/esm/webchat/messages-reducer.js +31 -9
  131. package/lib/esm/webchat/messages-reducer.js.map +1 -1
  132. package/lib/esm/webchat/trigger-button/index.js +3 -2
  133. package/lib/esm/webchat/trigger-button/index.js.map +1 -1
  134. package/lib/esm/webchat/webchat-reducer.js +1 -1
  135. package/lib/esm/webchat/webchat-reducer.js.map +1 -1
  136. package/lib/esm/webchat/webchat.js +39 -23
  137. package/lib/esm/webchat/webchat.js.map +1 -1
  138. package/lib/esm/webchat-app.js +25 -10
  139. package/lib/esm/webchat-app.js.map +1 -1
  140. package/package.json +7 -5
  141. package/src/assets/arrow-down.svg +3 -0
  142. package/src/assets/arrow-scroll-down.svg +3 -0
  143. package/src/assets/index-types.ts +4 -0
  144. package/src/components/custom-message.jsx +2 -2
  145. package/src/components/index-types.ts +8 -4
  146. package/src/components/message.jsx +29 -21
  147. package/src/components/timestamps.jsx +5 -5
  148. package/src/constants.js +9 -6
  149. package/src/contexts.tsx +6 -0
  150. package/src/dev-app.jsx +9 -3
  151. package/src/index-types.ts +18 -3
  152. package/src/msg-to-botonic.jsx +2 -3
  153. package/src/webchat/actions.ts +19 -17
  154. package/src/webchat/components/styled-scrollbar.jsx +1 -1
  155. package/src/webchat/devices/device-adapter.js +1 -1
  156. package/src/webchat/devices/webchat-resizer.js +1 -1
  157. package/src/webchat/hooks/use-typing.ts +0 -3
  158. package/src/webchat/hooks/use-webchat.ts +18 -2
  159. package/src/webchat/index-types.ts +2 -1
  160. package/src/webchat/message-list/index.tsx +125 -0
  161. package/src/webchat/message-list/intro-message.tsx +38 -0
  162. package/src/webchat/message-list/scroll-button.tsx +45 -0
  163. package/src/webchat/message-list/styles.ts +49 -0
  164. package/src/webchat/message-list/unread-messages-banner.tsx +52 -0
  165. package/src/webchat/message-list/use-debounce.ts +16 -0
  166. package/src/webchat/messages-reducer.ts +42 -5
  167. package/src/webchat/trigger-button/index.tsx +9 -4
  168. package/src/webchat/webchat-reducer.ts +0 -1
  169. package/src/webchat/webchat.jsx +73 -50
  170. package/src/webchat-app.jsx +25 -14
  171. package/lib/cjs/webchat/message-list.d.ts +0 -1
  172. package/lib/cjs/webchat/message-list.js +0 -39
  173. package/lib/cjs/webchat/message-list.js.map +0 -1
  174. package/lib/esm/webchat/message-list.d.ts +0 -1
  175. package/lib/esm/webchat/message-list.js +0 -34
  176. package/lib/esm/webchat/message-list.js.map +0 -1
  177. package/src/webchat/message-list.jsx +0 -77
@@ -27,7 +27,7 @@ export class WebchatResizer {
27
27
  };
28
28
  setTimeout(() => {
29
29
  this.setWebchatElementHeight(`${calculateNewWebchatElementHeight()}%`);
30
- scrollToBottom(this.host);
30
+ // scrollToBottom(this.host)
31
31
  onKeyboardShownFn();
32
32
  }, waitUntilKeyboardIsShown);
33
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["webchat/devices/webchat-resizer.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAA;AAE3B,MAAM,OAAO,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACzB,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF"}
1
+ {"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["webchat/devices/webchat-resizer.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAA;AAE3B,MAAM,OAAO,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,4BAA4B;YAC5B,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF"}
@@ -6,5 +6,5 @@ interface UseTyping {
6
6
  updateMessage: (message: WebchatMessage) => void;
7
7
  host: any;
8
8
  }
9
- export declare function useTyping({ webchatState, updateTyping, updateMessage, host, }: UseTyping): void;
9
+ export declare function useTyping({ webchatState, updateTyping, updateMessage, }: UseTyping): void;
10
10
  export {};
@@ -1,9 +1,7 @@
1
1
  import { useEffect } from 'react';
2
- import { scrollToBottom } from '../../util';
3
- export function useTyping({ webchatState, updateTyping, updateMessage, host, }) {
2
+ export function useTyping({ webchatState, updateTyping, updateMessage, }) {
4
3
  useEffect(() => {
5
4
  let delayTimeout, typingTimeout;
6
- scrollToBottom({ host });
7
5
  try {
8
6
  const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
9
7
  if (nextMsg.delay && nextMsg.typing) {
@@ -1 +1 @@
1
- {"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["webchat/hooks/use-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAU3C,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,IAAI,GACM;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACxB,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}
1
+ {"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["webchat/hooks/use-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}
@@ -7,11 +7,15 @@ import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
7
7
  export declare const webchatInitialState: WebchatState;
8
8
  export declare function useWebchat(): {
9
9
  addMessage: (message: WebchatMessage) => void;
10
- addMessageComponent: (message: WebchatMessage) => void;
10
+ addMessageComponent: (message: {
11
+ props: WebchatMessage;
12
+ }) => void;
11
13
  clearMessages: () => void;
12
14
  doRenderCustomComponent: (toggle: boolean) => void;
15
+ resetUnreadMessages: () => void;
13
16
  setCurrentAttachment: (attachment: File) => void;
14
17
  setError: (error: ErrorMessage) => void;
18
+ setLastMessageVisible: (isLastMessageVisible: boolean) => void;
15
19
  setOnline: (online: boolean) => void;
16
20
  toggleCoverComponent: (toggle: boolean) => void;
17
21
  toggleEmojiPicker: (toggle: boolean) => void;
@@ -37,7 +37,8 @@ export const webchatInitialState = {
37
37
  lastMessageUpdate: undefined,
38
38
  currentAttachment: undefined,
39
39
  jwt: undefined,
40
- unreadMessages: 0,
40
+ numUnreadMessages: 0,
41
+ isLastMessageVisible: true,
41
42
  };
42
43
  export function useWebchat() {
43
44
  const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
@@ -132,13 +133,26 @@ export function useWebchat() {
132
133
  payload: jwt,
133
134
  });
134
135
  };
136
+ const resetUnreadMessages = () => {
137
+ webchatDispatch({
138
+ type: WebchatAction.RESET_UNREAD_MESSAGES,
139
+ });
140
+ };
141
+ const setLastMessageVisible = (isLastMessageVisible) => {
142
+ webchatDispatch({
143
+ type: WebchatAction.SET_LAST_MESSAGE_VISIBLE,
144
+ payload: isLastMessageVisible,
145
+ });
146
+ };
135
147
  return {
136
148
  addMessage,
137
149
  addMessageComponent,
138
150
  clearMessages,
139
151
  doRenderCustomComponent,
152
+ resetUnreadMessages,
140
153
  setCurrentAttachment,
141
154
  setError,
155
+ setLastMessageVisible,
142
156
  setOnline,
143
157
  toggleCoverComponent,
144
158
  toggleEmojiPicker,
@@ -1 +1 @@
1
- {"version":3,"file":"use-webchat.js","sourceRoot":"src/","sources":["webchat/hooks/use-webchat.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-webchat.js","sourceRoot":"src/","sources":["webchat/hooks/use-webchat.ts"],"names":[],"mappings":"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"}
@@ -44,7 +44,8 @@ export interface WebchatState {
44
44
  lastMessageUpdate?: string;
45
45
  currentAttachment?: File;
46
46
  jwt?: string;
47
- unreadMessages: number;
47
+ numUnreadMessages: number;
48
+ isLastMessageVisible: boolean;
48
49
  }
49
50
  export interface WebchatProps {
50
51
  ref: RefObject<any>;
@@ -0,0 +1 @@
1
+ export declare const WebchatMessageList: (props: any) => JSX.Element;
@@ -0,0 +1,73 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { useContext, useEffect, useRef, useState } from 'react';
3
+ import { ROLES, WEBCHAT } from '../../constants';
4
+ import { WebchatContext } from '../../contexts';
5
+ import { scrollToBottom } from '../../util';
6
+ import { StyledScrollbar } from '../components/styled-scrollbar';
7
+ import { TypingIndicator } from '../components/typing-indicator';
8
+ import { IntroMessage } from './intro-message';
9
+ import { ScrollButton } from './scroll-button';
10
+ import { ContainerMessage } from './styles';
11
+ import { UnreadMessagesBanner } from './unread-messages-banner';
12
+ export const WebchatMessageList = props => {
13
+ const { webchatState, getThemeProperty, resetUnreadMessages, setLastMessageVisible, } = useContext(WebchatContext);
14
+ const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
15
+ const [firstUnreadMessageId, setFirstUnreadMessageId] = useState();
16
+ const lastMessageRef = useRef(null);
17
+ const handleScrollToBottom = () => {
18
+ resetUnreadMessages();
19
+ scrollToBottom({ host: props.host });
20
+ };
21
+ const showUnreadMessagesBanner = (messageComponentId) => firstUnreadMessageId &&
22
+ messageComponentId === firstUnreadMessageId &&
23
+ webchatState.numUnreadMessages > 0;
24
+ const unreadMessagesBannerRef = useRef(null);
25
+ useEffect(() => {
26
+ var _a;
27
+ const firstUnreadMessage = webchatState.messagesComponents.find(message => message.props.isUnread);
28
+ setFirstUnreadMessageId((_a = firstUnreadMessage === null || firstUnreadMessage === void 0 ? void 0 : firstUnreadMessage.props) === null || _a === void 0 ? void 0 : _a.id);
29
+ }, [webchatState.messagesComponents]);
30
+ useEffect(() => {
31
+ if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {
32
+ const observer = new IntersectionObserver(entries => {
33
+ entries.forEach(entry => {
34
+ setLastMessageVisible(entry.isIntersecting);
35
+ });
36
+ });
37
+ observer.observe(lastMessageRef.current);
38
+ }
39
+ }, [webchatState.messagesComponents]);
40
+ useEffect(() => {
41
+ if (webchatState.isLastMessageVisible && webchatState.typing) {
42
+ scrollToBottom({ host: props.host });
43
+ }
44
+ if (webchatState.isLastMessageVisible) {
45
+ scrollToBottom({ host: props.host });
46
+ }
47
+ }, [webchatState.typing, webchatState.isLastMessageVisible]);
48
+ useEffect(() => {
49
+ if (firstUnreadMessageId) {
50
+ if (unreadMessagesBannerRef.current) {
51
+ unreadMessagesBannerRef.current.scrollIntoView({
52
+ behavior: 'smooth',
53
+ block: 'center',
54
+ });
55
+ return;
56
+ }
57
+ }
58
+ else if (lastMessageRef.current) {
59
+ lastMessageRef.current.scrollIntoView({
60
+ behavior: 'smooth',
61
+ block: 'end',
62
+ });
63
+ return;
64
+ }
65
+ }, [firstUnreadMessageId]);
66
+ const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
67
+ return (_jsxs(_Fragment, { children: [_jsxs(StyledScrollbar, Object.assign({ role: ROLES.MESSAGE_LIST,
68
+ // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
69
+ id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, isMessagesContainer: true, style: Object.assign({}, props.style) }, { children: [_jsx(IntroMessage, {}), webchatState.messagesComponents.map((messageComponent, index) => {
70
+ return (_jsxs(ContainerMessage, Object.assign({ role: ROLES.MESSAGE }, { children: [showUnreadMessagesBanner(messageComponent.props.id) && (_jsx(UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), index === webchatState.messagesComponents.length - 1 && (_jsx("div", { ref: lastMessageRef, style: { content: '' } })), messageComponent] }), index));
71
+ }), webchatState.typing && _jsx(TypingIndicator, {})] })), showScrollButton && _jsx(ScrollButton, { handleClick: handleScrollToBottom })] }));
72
+ };
73
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/message-list/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export declare const IntroMessage: () => JSX.Element | null;
@@ -0,0 +1,18 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useContext } from 'react';
3
+ import Fade from 'react-reveal/Fade';
4
+ import { WEBCHAT } from '../../constants';
5
+ import { WebchatContext } from '../../contexts';
6
+ import { resolveImage } from '../../util/environment';
7
+ import { ConditionalWrapper } from '../../util/react';
8
+ import { DefaultIntroImage } from './styles';
9
+ export const IntroMessage = () => {
10
+ const { getThemeProperty } = useContext(WebchatContext);
11
+ const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
12
+ const CustomIntro = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customIntro);
13
+ const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage);
14
+ const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle);
15
+ const DefaultIntro = introImage && (_jsx(DefaultIntroImage, { style: Object.assign({}, introStyle), src: resolveImage(introImage) }));
16
+ return CustomIntro || DefaultIntro ? (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Fade, { children: children }) }, { children: CustomIntro ? _jsx(CustomIntro, {}) : DefaultIntro }))) : null;
17
+ };
18
+ //# sourceMappingURL=intro-message.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intro-message.js","sourceRoot":"src/","sources":["webchat/message-list/intro-message.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,KAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,IAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
@@ -0,0 +1,5 @@
1
+ interface ScrollButtonProps {
2
+ handleClick: () => void;
3
+ }
4
+ export declare const ScrollButton: ({ handleClick, }: ScrollButtonProps) => JSX.Element;
5
+ export {};
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { useContext } from 'react';
3
+ import ArrowScrollDown from '../../assets/arrow-scroll-down.svg';
4
+ import { WEBCHAT } from '../../constants';
5
+ import { WebchatContext } from '../../contexts';
6
+ import { resolveImage } from '../../util/environment';
7
+ import { ContainerScrollButton } from './styles';
8
+ import { useDebounce } from './use-debounce';
9
+ export const ScrollButton = ({ handleClick, }) => {
10
+ const { getThemeProperty } = useContext(WebchatContext);
11
+ const show = useDebounce();
12
+ const CustomScrollButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom, undefined);
13
+ const scrollButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled, CustomScrollButton);
14
+ return (scrollButtonEnabled &&
15
+ show && (_jsx(_Fragment, { children: CustomScrollButton ? (_jsx(CustomScrollButton, { handleScrollToBottom: handleClick })) : (_jsx(ContainerScrollButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: resolveImage(ArrowScrollDown) }) }))) })));
16
+ };
17
+ //# sourceMappingURL=scroll-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scroll-button.js","sourceRoot":"src/","sources":["webchat/message-list/scroll-button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,GACO,EAAe,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO,CACL,mBAAmB;QACnB,IAAI,IAAI,CACN,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,kBAAkB,IAAC,oBAAoB,EAAE,WAAW,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,kBAAC,OAAO,EAAE,WAAW,gBACzC,cAAK,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI,IACrB,CACzB,GACA,CACJ,CACF,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,4 @@
1
+ export declare const ContainerMessage: any;
2
+ export declare const DefaultIntroImage: any;
3
+ export declare const ContainerScrollButton: any;
4
+ export declare const ContainerUnreadMessagesBanner: any;
@@ -0,0 +1,46 @@
1
+ import styled from 'styled-components';
2
+ export const ContainerMessage = styled.div `
3
+ display: flex;
4
+ overflow-x: hidden;
5
+ flex-direction: column;
6
+ flex: none;
7
+ white-space: pre;
8
+ word-wrap: break-word;
9
+ `;
10
+ export const DefaultIntroImage = styled.img `
11
+ max-height: 50%;
12
+ width: 100%;
13
+ `;
14
+ export const ContainerScrollButton = styled.div `
15
+ position: absolute;
16
+ right: 10px;
17
+ bottom: 65px;
18
+
19
+ background-color: #6d6a78;
20
+ cursor: pointer;
21
+ display: flex;
22
+ align-items: center;
23
+ justify-content: center;
24
+
25
+ width: 37px;
26
+ height: 37px;
27
+ border-radius: 50%;
28
+ `;
29
+ export const ContainerUnreadMessagesBanner = styled.div `
30
+ display: flex;
31
+ justify-content: center;
32
+ align-items: center;
33
+ gap: 5px;
34
+
35
+ border-top: 1px solid #e8e8ea;
36
+ padding: 8px;
37
+ color: #6d6a78;
38
+ font-size: 14px;
39
+ font-weight: 400;
40
+ width: 100%;
41
+
42
+ img {
43
+ width: 10px;
44
+ }
45
+ `;
46
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"src/","sources":["webchat/message-list/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ interface UnreadMessagesBannerProps {
3
+ unreadMessagesBannerRef: React.RefObject<HTMLDivElement>;
4
+ }
5
+ export declare const UnreadMessagesBanner: ({ unreadMessagesBannerRef, }: UnreadMessagesBannerProps) => JSX.Element;
6
+ export {};
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useContext } from 'react';
3
+ import ArrowDown from '../../assets/arrow-down.svg';
4
+ import { WEBCHAT } from '../../constants';
5
+ import { WebchatContext } from '../../contexts';
6
+ import { resolveImage } from '../../util/environment';
7
+ import { ContainerUnreadMessagesBanner } from './styles';
8
+ export const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
9
+ const { getThemeProperty, webchatState } = useContext(WebchatContext);
10
+ const CustomUnreadMessagesBanner = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom, undefined);
11
+ const notificationsBannerEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled, undefined);
12
+ const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, CustomUnreadMessagesBanner || notificationsBannerEnabled);
13
+ const text = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText, 'unread messages');
14
+ return (notificationsEnabled && (_jsx("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? (_jsx(CustomUnreadMessagesBanner, {})) : (_jsxs(ContainerUnreadMessagesBanner, { children: [_jsx("img", { src: resolveImage(ArrowDown) }), webchatState.numUnreadMessages, " ", text] })) }))));
15
+ };
16
+ //# sourceMappingURL=unread-messages-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"unread-messages-banner.js","sourceRoot":"src/","sources":["webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAMxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAErE,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,OAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,IAAI,GAAG,gBAAgB,CAC3B,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,OAAO,CACL,oBAAoB,IAAI,CACtB,4BAAK,GAAG,EAAE,uBAAuB,gBAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,KAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,MAAC,6BAA6B,eAC5B,cAAK,GAAG,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,IAAI,IACR,CACjC,IACG,CACP,CACF,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ export declare function useDebounce(delay?: number): boolean;
@@ -0,0 +1,14 @@
1
+ import { useEffect, useState } from 'react';
2
+ export function useDebounce(delay) {
3
+ const [show, setShow] = useState(false);
4
+ useEffect(() => {
5
+ const timeoutId = setTimeout(() => {
6
+ setShow(true);
7
+ }, delay || 500);
8
+ return () => {
9
+ clearTimeout(timeoutId);
10
+ };
11
+ }, []);
12
+ return show;
13
+ }
14
+ //# sourceMappingURL=use-debounce.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-debounce.js","sourceRoot":"src/","sources":["webchat/message-list/use-debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC"}
@@ -10,21 +10,42 @@ export const messagesReducer = (state, action) => {
10
10
  case WebchatAction.UPDATE_REPLIES:
11
11
  return Object.assign(Object.assign({}, state), { replies: action.payload });
12
12
  case WebchatAction.CLEAR_MESSAGES:
13
- return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [] });
13
+ return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
14
14
  case WebchatAction.UPDATE_LAST_MESSAGE_DATE:
15
15
  return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
16
+ case WebchatAction.RESET_UNREAD_MESSAGES:
17
+ return resetUnreadMessages(state);
18
+ case WebchatAction.SET_LAST_MESSAGE_VISIBLE:
19
+ return Object.assign(Object.assign({}, state), { isLastMessageVisible: action.payload });
16
20
  default:
17
21
  throw new Error();
18
22
  }
19
23
  };
20
24
  function addMessageComponent(state, action) {
21
- var _a;
25
+ var _a, _b;
22
26
  const messageComponent = action.payload;
23
- const isUnreadMessage = !state.isWebchatOpen && ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.ack) !== 1;
24
- const unreadMessages = isUnreadMessage
25
- ? state.unreadMessages + 1
26
- : state.unreadMessages;
27
- return Object.assign(Object.assign({}, state), { messagesComponents: [...(state.messagesComponents || []), messageComponent], unreadMessages });
27
+ const isUnreadMessage = ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.isUnread) &&
28
+ ((_b = messageComponent.props) === null || _b === void 0 ? void 0 : _b.sent_by) !== 'user';
29
+ const numUnreadMessages = isUnreadMessage
30
+ ? state.numUnreadMessages + 1
31
+ : state.numUnreadMessages;
32
+ return Object.assign(Object.assign({}, state), { messagesComponents: [...(state.messagesComponents || []), messageComponent], numUnreadMessages });
33
+ }
34
+ function resetUnreadMessages(state) {
35
+ const messagesComponents = state.messagesComponents.map(messageComponent => {
36
+ if (messageComponent.props.isUnread) {
37
+ messageComponent.props.isUnread = false;
38
+ }
39
+ return messageComponent;
40
+ });
41
+ const messagesJSON = state.messagesJSON.map(messageJSON => {
42
+ if (messageJSON.isUnread) {
43
+ messageJSON.isUnread = false;
44
+ }
45
+ return messageJSON;
46
+ });
47
+ return Object.assign(Object.assign({}, state), { messagesComponents,
48
+ messagesJSON, numUnreadMessages: 0 });
28
49
  }
29
50
  function updateMessageReducer(state, action) {
30
51
  const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
@@ -43,11 +64,12 @@ function updateMessageReducer(state, action) {
43
64
  ],
44
65
  };
45
66
  }
46
- return Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
67
+ const numUnreadMessages = state.messagesComponents.filter(messageComponent => messageComponent.props.isUnread).length;
68
+ return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
47
69
  ...state.messagesJSON.slice(0, msgIndex),
48
70
  Object.assign({}, action.payload),
49
71
  ...state.messagesJSON.slice(msgIndex + 1),
50
- ] }), updatedMessageComponents);
72
+ ] }), updatedMessageComponents), { numUnreadMessages });
51
73
  }
52
74
  return state;
53
75
  }
@@ -1 +1 @@
1
- {"version":3,"file":"messages-reducer.js","sourceRoot":"src/","sources":["webchat/messages-reducer.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"messages-reducer.js","sourceRoot":"src/","sources":["webchat/messages-reducer.ts"],"names":[],"mappings":"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"}
@@ -16,12 +16,13 @@ export const TriggerButton = () => {
16
16
  };
17
17
  const triggerButtonImage = getTriggerImage();
18
18
  const triggerButtonStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
19
- const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonNotificationsEnabled, false);
19
+ const notificationsTriggerButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled, false);
20
+ const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
20
21
  const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
21
22
  const handleClick = (event) => {
22
23
  toggleWebchat(true);
23
24
  event.preventDefault();
24
25
  };
25
- return (_jsxs("div", Object.assign({ onClick: handleClick }, { children: [webchatState.unreadMessages !== 0 && notificationsEnabled && (_jsx(UnreadMessagesCounter, Object.assign({ className: 'trigger-notifications' }, { children: webchatState.unreadMessages }))), CustomTriggerButton ? (_jsx(CustomTriggerButton, {})) : (_jsx(StyledTriggerButton, Object.assign({ role: ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, { children: triggerButtonImage && (_jsx(TriggerImage, { src: resolveImage(triggerButtonImage) })) })))] })));
26
+ return (_jsxs("div", Object.assign({ onClick: handleClick }, { children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && (_jsx(UnreadMessagesCounter, Object.assign({ className: 'trigger-notifications' }, { children: webchatState.numUnreadMessages }))), CustomTriggerButton ? (_jsx(CustomTriggerButton, {})) : (_jsx(StyledTriggerButton, Object.assign({ role: ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, { children: triggerButtonImage && (_jsx(TriggerImage, { src: resolveImage(triggerButtonImage) })) })))] })));
26
27
  };
27
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/trigger-button/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,GACtB,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,OAAO,EAAE,WAAW,iBACtB,YAAY,CAAC,cAAc,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC5D,KAAC,qBAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,cAAc,IACN,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,kBAClB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/trigger-button/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,GACtB,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,iCAAiC,GAAG,gBAAgB,CACxD,OAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,iCAAiC,CAClC,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,OAAO,EAAE,WAAW,iBACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,KAAC,qBAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,iBAAiB,IACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,kBAClB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -15,7 +15,7 @@ export function webchatReducer(state, action) {
15
15
  return Object.assign(Object.assign({}, state), { handoff: action.payload });
16
16
  case WebchatAction.TOGGLE_WEBCHAT: {
17
17
  const isWebchatOpen = action.payload;
18
- return Object.assign(Object.assign({}, state), { isWebchatOpen, unreadMessages: isWebchatOpen ? 0 : state.unreadMessages });
18
+ return Object.assign(Object.assign({}, state), { isWebchatOpen });
19
19
  }
20
20
  case WebchatAction.TOGGLE_EMOJI_PICKER:
21
21
  return Object.assign(Object.assign({}, state), { isEmojiPickerOpen: action.payload });
@@ -1 +1 @@
1
- {"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["webchat/webchat-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,sCAAsC;AACtC,MAAM,UAAU,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,aAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,aAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,EACb,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,IACzD;SACF;QACD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,aAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC"}
1
+ {"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["webchat/webchat-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,sCAAsC;AACtC,MAAM,UAAU,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,aAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,aAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,aAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC"}