@botonic/react 0.22.6 → 0.23.1-alpha.0

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 (72) hide show
  1. package/lib/cjs/components/image.js +3 -1
  2. package/lib/cjs/components/image.js.map +1 -1
  3. package/lib/cjs/components/index-types.d.ts +10 -1
  4. package/lib/cjs/components/index-types.js.map +1 -1
  5. package/lib/cjs/components/multichannel/index-types.d.ts +1 -0
  6. package/lib/cjs/components/multichannel/multichannel-text.js +53 -18
  7. package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
  8. package/lib/cjs/components/multichannel/multichannel-utils.d.ts +2 -0
  9. package/lib/cjs/components/multichannel/multichannel-utils.js +3 -1
  10. package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
  11. package/lib/cjs/components/webchat-settings.d.ts +3 -10
  12. package/lib/cjs/components/webchat-settings.js +9 -14
  13. package/lib/cjs/components/webchat-settings.js.map +1 -1
  14. package/lib/cjs/components/whatsapp-button-list.d.ts +1 -1
  15. package/lib/cjs/constants.d.ts +1 -0
  16. package/lib/cjs/constants.js +1 -0
  17. package/lib/cjs/constants.js.map +1 -1
  18. package/lib/cjs/index-types.d.ts +24 -4
  19. package/lib/cjs/index-types.js +0 -4
  20. package/lib/cjs/index-types.js.map +1 -1
  21. package/lib/cjs/index.d.ts +2 -0
  22. package/lib/cjs/index.js +2 -2
  23. package/lib/cjs/index.js.map +1 -1
  24. package/lib/cjs/util/environment.js +1 -1
  25. package/lib/cjs/util/environment.js.map +1 -1
  26. package/lib/cjs/webchat/trigger-button/index.js +2 -1
  27. package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
  28. package/lib/cjs/webchat/webchat.js +3 -1
  29. package/lib/cjs/webchat/webchat.js.map +1 -1
  30. package/lib/esm/components/image.js +3 -1
  31. package/lib/esm/components/image.js.map +1 -1
  32. package/lib/esm/components/index-types.d.ts +10 -1
  33. package/lib/esm/components/index-types.js.map +1 -1
  34. package/lib/esm/components/multichannel/index-types.d.ts +1 -0
  35. package/lib/esm/components/multichannel/multichannel-text.js +55 -20
  36. package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
  37. package/lib/esm/components/multichannel/multichannel-utils.d.ts +2 -0
  38. package/lib/esm/components/multichannel/multichannel-utils.js +2 -0
  39. package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
  40. package/lib/esm/components/webchat-settings.d.ts +3 -10
  41. package/lib/esm/components/webchat-settings.js +9 -13
  42. package/lib/esm/components/webchat-settings.js.map +1 -1
  43. package/lib/esm/components/whatsapp-button-list.d.ts +1 -1
  44. package/lib/esm/constants.d.ts +1 -0
  45. package/lib/esm/constants.js +1 -0
  46. package/lib/esm/constants.js.map +1 -1
  47. package/lib/esm/index-types.d.ts +24 -4
  48. package/lib/esm/index-types.js +1 -3
  49. package/lib/esm/index-types.js.map +1 -1
  50. package/lib/esm/index.d.ts +2 -0
  51. package/lib/esm/index.js +2 -2
  52. package/lib/esm/index.js.map +1 -1
  53. package/lib/esm/util/environment.js +1 -1
  54. package/lib/esm/util/environment.js.map +1 -1
  55. package/lib/esm/webchat/trigger-button/index.js +2 -1
  56. package/lib/esm/webchat/trigger-button/index.js.map +1 -1
  57. package/lib/esm/webchat/webchat.js +3 -1
  58. package/lib/esm/webchat/webchat.js.map +1 -1
  59. package/package.json +2 -2
  60. package/src/components/image.jsx +3 -1
  61. package/src/components/index-types.ts +10 -1
  62. package/src/components/multichannel/index-types.ts +1 -0
  63. package/src/components/multichannel/multichannel-text.jsx +99 -25
  64. package/src/components/multichannel/multichannel-utils.js +2 -0
  65. package/src/components/{webchat-settings.jsx → webchat-settings.tsx} +8 -8
  66. package/src/components/whatsapp-button-list.tsx +1 -1
  67. package/src/constants.js +1 -0
  68. package/src/index-types.ts +26 -26
  69. package/src/index.ts +2 -2
  70. package/src/util/environment.js +1 -1
  71. package/src/webchat/trigger-button/index.tsx +6 -1
  72. package/src/webchat/webchat.jsx +4 -2
package/src/webchat/trigger-button/index.tsx CHANGED
@@ -32,6 +32,11 @@ export const TriggerButton = (): JSX.Element => {
32
32
  WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle
33
33
  )
34
34
 
35
+ const notificationsEnabled = getThemeProperty(
36
+ WEBCHAT.CUSTOM_PROPERTIES.triggerButtonNotificationsEnabled,
37
+ false
38
+ )
39
+
35
40
  const CustomTriggerButton = getThemeProperty(
36
41
  WEBCHAT.CUSTOM_PROPERTIES.customTrigger,
37
42
  undefined
@@ -44,7 +49,7 @@ export const TriggerButton = (): JSX.Element => {
44
49
 
45
50
  return (
46
51
  <div onClick={handleClick}>
47
- {webchatState.unreadMessages !== 0 && (
52
+ {webchatState.unreadMessages !== 0 && notificationsEnabled && (
48
53
  <UnreadMessagesCounter className='trigger-notifications'>
49
54
  {webchatState.unreadMessages}
50
55
  </UnreadMessagesCounter>
package/src/webchat/webchat.jsx CHANGED
@@ -496,8 +496,10 @@ export const Webchat = forwardRef((props, ref) => {
496
496
  from: SENDERS.user,
497
497
  src: temporaryDisplayUrl,
498
498
  }
499
- if (isImage(input)) messageComponent = <Image {...mediaProps} />
500
- else if (isAudio(input)) messageComponent = <Audio {...mediaProps} />
499
+ if (isImage(input)) {
500
+ mediaProps.input = input
501
+ messageComponent = <Image {...mediaProps} />
502
+ } else if (isAudio(input)) messageComponent = <Audio {...mediaProps} />
501
503
  else if (isVideo(input)) messageComponent = <Video {...mediaProps} />
502
504
  else if (isDocument(input))
503
505
  messageComponent = <Document {...mediaProps} />