@zohoim/chat-components 1.0.4 → 1.0.6

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 (125) hide show
  1. package/README.md +14 -4
  2. package/es/ActionIcon/ActionIcon.js +9 -10
  3. package/es/ActionIcon/index.js +1 -1
  4. package/es/ActionIconWrapper/ActionIconWrapper.js +4 -4
  5. package/es/ActionIconWrapper/index.js +1 -1
  6. package/es/AttachmentBubble/AttachmentBubble.js +14 -15
  7. package/es/AttachmentBubble/index.js +1 -1
  8. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +4 -4
  9. package/es/AttachmentBubbleInfo/index.js +1 -1
  10. package/es/AttachmentIcon/AttachmentIcon.js +5 -5
  11. package/es/AttachmentIcon/index.js +1 -1
  12. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +11 -11
  13. package/es/Audio/Audio.js +6 -4
  14. package/es/Audio/index.js +1 -1
  15. package/es/AudioBubble/AudioBubble.js +13 -14
  16. package/es/AudioBubble/index.js +1 -1
  17. package/es/ImageBubble/ImageBubble.js +5 -5
  18. package/es/ImageBubble/index.js +1 -1
  19. package/es/LazyLoadImage/LazyLoadImage.js +6 -4
  20. package/es/LazyLoadImage/index.js +1 -1
  21. package/es/LocationBubble/LocationBubble.js +4 -4
  22. package/es/LocationBubble/index.js +1 -1
  23. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +8 -10
  24. package/es/MediaBubbleWrapper/index.js +1 -1
  25. package/es/Message/Message.js +23 -16
  26. package/es/Message/index.js +1 -1
  27. package/es/MessageAction/MessageAction.js +15 -14
  28. package/es/MessageAction/index.js +1 -1
  29. package/es/MessageActions/MessageActions.js +18 -17
  30. package/es/MessageActions/index.js +1 -1
  31. package/es/MessageActionsMore/MessageActionsMore.js +4 -4
  32. package/es/MessageActionsMore/index.js +1 -1
  33. package/es/MessageActionsWrapper/MessageActionsWrapper.js +8 -9
  34. package/es/MessageActionsWrapper/index.js +1 -1
  35. package/es/MessageAvatar/MessageAvatar.js +3 -3
  36. package/es/MessageAvatar/index.js +1 -1
  37. package/es/MessageBox/MessageBox.js +4 -4
  38. package/es/MessageBox/index.js +1 -1
  39. package/es/MessageBubble/MessageBubble.js +6 -5
  40. package/es/MessageBubble/css/MessageBubble.module.css +7 -0
  41. package/es/MessageBubble/css/cssJSLogic.js +4 -2
  42. package/es/MessageBubble/index.js +1 -1
  43. package/es/MessageStatus/MessageStatus.js +8 -8
  44. package/es/MessageStatus/index.js +1 -1
  45. package/es/MoreActionItem/MoreActionItem.js +3 -3
  46. package/es/MoreActionItem/index.js +1 -1
  47. package/es/ReplyBubble/ReplyBubble.js +19 -18
  48. package/es/ReplyBubble/index.js +1 -1
  49. package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -4
  50. package/es/ReplyBubbleContent/index.js +1 -1
  51. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +4 -4
  52. package/es/ReplyBubbleHeader/index.js +1 -1
  53. package/es/TextBubble/TextBubble.js +4 -4
  54. package/es/TextBubble/index.js +1 -1
  55. package/es/Theme/ThemeWrapper.js +14 -16
  56. package/es/Theme/TooltipWrapper.js +5 -6
  57. package/es/Theme/index.js +1 -1
  58. package/es/Theme/themeVariables/commonThemeColorVariable.js +1 -1
  59. package/es/Theme/themeVariables/dark/blueTheme.js +2 -2
  60. package/es/Theme/themeVariables/dark/greenTheme.js +2 -2
  61. package/es/Theme/themeVariables/dark/orangeTheme.js +2 -2
  62. package/es/Theme/themeVariables/dark/redTheme.js +2 -2
  63. package/es/Theme/themeVariables/dark/yellowTheme.js +2 -2
  64. package/es/Theme/themeVariables/light/blueTheme.js +1 -1
  65. package/es/Theme/themeVariables/light/commonColorVariable.js +1 -1
  66. package/es/Theme/themeVariables/light/greenTheme.js +1 -1
  67. package/es/Theme/themeVariables/light/orangeTheme.js +1 -1
  68. package/es/Theme/themeVariables/light/redTheme.js +1 -1
  69. package/es/Theme/themeVariables/light/yellowTheme.js +1 -1
  70. package/es/Theme/themeVariables/pureDark/blueTheme.js +2 -2
  71. package/es/Theme/themeVariables/pureDark/greenTheme.js +2 -2
  72. package/es/Theme/themeVariables/pureDark/orangeTheme.js +2 -2
  73. package/es/Theme/themeVariables/pureDark/redTheme.js +2 -2
  74. package/es/Theme/themeVariables/pureDark/yellowTheme.js +2 -2
  75. package/es/Theme/utils/combineConfigurations.js +1 -1
  76. package/es/Theme/utils/getCustomizedCssVariables.js +1 -1
  77. package/es/Theme/utils/getThemeConfigurations.js +16 -16
  78. package/es/Video/Video.js +6 -4
  79. package/es/Video/index.js +1 -1
  80. package/es/VideoBubble/VideoBubble.js +14 -15
  81. package/es/VideoBubble/index.js +1 -1
  82. package/es/icons/create-icon-components.js +1 -1
  83. package/es/icons/iconSrc/attachments/Audio.js +2 -1
  84. package/es/icons/iconSrc/attachments/Code.js +2 -1
  85. package/es/icons/iconSrc/attachments/Image.js +2 -1
  86. package/es/icons/iconSrc/attachments/Pdf.js +2 -1
  87. package/es/icons/iconSrc/attachments/Ppt.js +2 -1
  88. package/es/icons/iconSrc/attachments/Text.js +2 -1
  89. package/es/icons/iconSrc/attachments/Txt.js +2 -1
  90. package/es/icons/iconSrc/attachments/Unknown.js +2 -1
  91. package/es/icons/iconSrc/attachments/Video.js +2 -1
  92. package/es/icons/iconSrc/attachments/Xls.js +2 -1
  93. package/es/icons/iconSrc/attachments/Zip.js +2 -1
  94. package/es/icons/iconSrc/attachments/index.js +10 -10
  95. package/es/icons/iconSrc/common/AlertTriangle.js +2 -1
  96. package/es/icons/iconSrc/common/Article.js +2 -1
  97. package/es/icons/iconSrc/common/Reply.js +2 -1
  98. package/es/icons/iconSrc/common/index.js +3 -3
  99. package/es/icons/iconSrc/messageStatus/Clock.js +2 -1
  100. package/es/icons/iconSrc/messageStatus/DoubleTick.js +2 -1
  101. package/es/icons/iconSrc/messageStatus/Failed.js +2 -1
  102. package/es/icons/iconSrc/messageStatus/Tick.js +2 -1
  103. package/es/icons/iconSrc/messageStatus/index.js +4 -4
  104. package/es/im/ArticleBubble/ArticleBubble.js +5 -5
  105. package/es/im/ArticleBubble/index.js +1 -1
  106. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +4 -4
  107. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +1 -1
  108. package/es/im/IMIntegrationIcon/index.js +1 -1
  109. package/es/im/IMMessage/IMMessage.js +29 -26
  110. package/es/im/IMMessage/index.js +1 -1
  111. package/es/im/IMMessageContent/IMMessageContent.js +40 -28
  112. package/es/im/IMMessageContent/index.js +1 -1
  113. package/es/im/IMMessageMeta/IMMessageMeta.js +9 -10
  114. package/es/im/IMMessageMeta/index.js +1 -1
  115. package/es/im/IMMessageMetaInfo/IMMessageMetaInfo.js +3 -3
  116. package/es/im/IMMessageMetaInfo/index.js +1 -1
  117. package/es/im/IMPermaLink/IMPermaLink.js +4 -4
  118. package/es/im/IMPermaLink/index.js +1 -1
  119. package/es/im/IMReplyBubble/IMReplyBubble.js +7 -9
  120. package/es/im/IMReplyBubble/index.js +1 -1
  121. package/es/im/IMTextBubble/IMTextBubble.js +7 -9
  122. package/es/im/IMTextBubble/index.js +1 -1
  123. package/es/im/index.js +9 -9
  124. package/es/index.js +29 -29
  125. package/package.json +4 -4
@@ -1,4 +1,4 @@
1
- export { default as Clock } from './Clock';
2
- export { default as DoubleTick } from './DoubleTick';
3
- export { default as Failed } from './Failed';
4
- export { default as Tick } from './Tick';
1
+ export { default as Clock } from "./Clock";
2
+ export { default as DoubleTick } from "./DoubleTick";
3
+ export { default as Failed } from "./Failed";
4
+ export { default as Tick } from "./Tick";
@@ -6,20 +6,20 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
6
6
  import useArticleBubble from '@zohoim/chat-components-hooks/es/im/ArticleBubble/useArticleBubble';
7
7
  /** ** Constants *** */
8
8
 
9
- import articleBubbleDefaultProps from './props/defaultProps';
10
- import articleBubblePropTypes from './props/propTypes';
9
+ import articleBubbleDefaultProps from "./props/defaultProps";
10
+ import articleBubblePropTypes from "./props/propTypes";
11
11
  /** ** Components *** */
12
12
 
13
13
  import { Container, Box } from '@zohodesk/components/es/Layout';
14
14
  /** ** Styles *** */
15
15
 
16
- import style from './css/ArticleBubble.module.css';
16
+ import style from "./css/ArticleBubble.module.css";
17
17
  /** ** Icons *** */
18
18
 
19
- import ArticleIcon from '../../icons/iconSrc/common/Article';
19
+ import ArticleIcon from "../../icons/iconSrc/common/Article";
20
20
  /** ** Methods *** */
21
21
 
22
- import cssJSLogic from './css/cssJSLogic';
22
+ import cssJSLogic from "./css/cssJSLogic";
23
23
  export default function ArticleBubble(props) {
24
24
  const {
25
25
  customStyle,
@@ -1 +1 @@
1
- export { default as ArticleBubble } from './ArticleBubble';
1
+ export { default as ArticleBubble } from "./ArticleBubble";
@@ -3,15 +3,15 @@ import React, { useCallback } from 'react';
3
3
  import Icon from '@zohodesk/icons/es/Icon';
4
4
  /** ** CSS *** */
5
5
 
6
- import style from './css/IMIntegrationIcon.module.css';
6
+ import style from "./css/IMIntegrationIcon.module.css";
7
7
  /** ** Methods *** */
8
8
 
9
9
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
10
- import cssJSLogic from './css/cssJSLogic';
10
+ import cssJSLogic from "./css/cssJSLogic";
11
11
  /** ** Constants *** */
12
12
 
13
- import imIntegrationIconDefaultProps from './props/defaultProps';
14
- import imIntegrationIconPropTypes from './props/propTypes';
13
+ import imIntegrationIconDefaultProps from "./props/defaultProps";
14
+ import imIntegrationIconPropTypes from "./props/propTypes";
15
15
  import integrationConstants from '@zohoim/chat-components-utils/es/imUtils/constants/integrationConstants';
16
16
  const {
17
17
  WHATSAPP,
@@ -56,7 +56,7 @@
56
56
  }
57
57
 
58
58
  .asapIcon {
59
- background-color: var(--imlib_chat_components_imIntegrationIcon_asap_color);
59
+ background: var(--imlib_chat_components_imIntegrationIcon_asap_color);
60
60
  }
61
61
 
62
62
  .fbIcon {
@@ -1 +1 @@
1
- export { default as IMIntegrationIcon } from './IMIntegrationIcon';
1
+ export { default as IMIntegrationIcon } from "./IMIntegrationIcon";
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /** ** Libraries *** */
4
2
  import React, { useCallback, useMemo } from 'react';
5
3
  /** ** Hooks *** */
@@ -8,22 +6,22 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
8
6
  import useIMMessage from '@zohoim/chat-components-hooks/es/im/IMMessage/useIMMessage';
9
7
  /** ** Methods *** */
10
8
 
11
- import cssJSLogic from './css/cssJSLogic';
9
+ import cssJSLogic from "./css/cssJSLogic";
12
10
  /** ** Constants *** */
13
11
 
14
- import imMessageDefaultProps from './props/defaultProps';
15
- import imMessagePropTypes from './props/propTypes';
12
+ import imMessageDefaultProps from "./props/defaultProps";
13
+ import imMessagePropTypes from "./props/propTypes";
16
14
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
17
15
  /** ** Components *** */
18
16
 
19
- import Message from '../../Message/Message';
20
- import IMMessageContent from '../IMMessageContent/IMMessageContent';
21
- import IMPermaLink from '../IMPermaLink/IMPermaLink';
22
- import IMIntegrationIcon from '../IMIntegrationIcon/IMIntegrationIcon';
23
- import IMMessageMeta from '../IMMessageMeta/IMMessageMeta';
17
+ import Message from "../../Message/Message";
18
+ import IMMessageContent from "../IMMessageContent/IMMessageContent";
19
+ import IMPermaLink from "../IMPermaLink/IMPermaLink";
20
+ import IMIntegrationIcon from "../IMIntegrationIcon/IMIntegrationIcon";
21
+ import IMMessageMeta from "../IMMessageMeta/IMMessageMeta";
24
22
  /** ** Styles *** */
25
23
 
26
- import style from './css/IMMessage.module.css';
24
+ import style from "./css/IMMessage.module.css";
27
25
  export default function IMMessage(props) {
28
26
  const {
29
27
  defaultAvatarUrls,
@@ -99,18 +97,19 @@ export default function IMMessage(props) {
99
97
  displayDateTime,
100
98
  tooltip
101
99
  } = dateTimeDetails || {};
102
- return /*#__PURE__*/React.createElement(IMMessageMeta, _extends({
100
+ return /*#__PURE__*/React.createElement(IMMessageMeta, {
103
101
  autoMessageType: autoMessageType,
104
102
  direction: direction,
105
103
  isValidAttachment: isValidAttachment,
106
104
  messageMetaInfoI18N: messageMetaInfoI18N,
107
105
  time: isShowMessageTime ? displayDateTime : '',
108
- timeTooltip: tooltip
109
- }, imMessageMetaProps));
106
+ timeTooltip: tooltip,
107
+ ...imMessageMetaProps
108
+ });
110
109
  }, [isShowMessageTime, dateTimeDetails, direction, autoMessageType, imMessageMetaProps, isValidAttachment, messageMetaInfoI18N]);
111
110
  /** ** Render Message Content *** */
112
111
 
113
- const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, _extends({
112
+ const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, {
114
113
  deleteMessageText: deleteMessageText,
115
114
  isFailed: isFailedMessage,
116
115
  isSending: isSendingMessage,
@@ -122,8 +121,9 @@ export default function IMMessage(props) {
122
121
  onLoadFullMessage: onLoadFullMessage,
123
122
  replyText: replyText,
124
123
  seeMoreText: seeMoreText,
125
- sessionDetails: sessionDetails
126
- }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, messageBubbleTitleI18N, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps, isShowFullContent]);
124
+ sessionDetails: sessionDetails,
125
+ ...imMessageContentProps
126
+ }), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, messageBubbleTitleI18N, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps, isShowFullContent]);
127
127
  /** ** Render Secondary Actions - TicketId *** */
128
128
 
129
129
  const handleRenderSecondaryActions = useCallback(() => {
@@ -136,19 +136,21 @@ export default function IMMessage(props) {
136
136
  const customStyle = {
137
137
  text: imTicketLinkClass
138
138
  };
139
- return /*#__PURE__*/React.createElement(IMPermaLink, _extends({
139
+ return /*#__PURE__*/React.createElement(IMPermaLink, {
140
140
  customStyle: customStyle,
141
141
  href: ticketUrl,
142
142
  id: ticketId,
143
143
  onClick: onTicketClick,
144
- text: ticketNumber ? `#${ticketNumber}` : ''
145
- }, imTicketLinkProps));
144
+ text: ticketNumber ? `#${ticketNumber}` : '',
145
+ ...imTicketLinkProps
146
+ });
146
147
  }, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps, newStyle, isIncoming, isOutgoing]);
147
148
  /** ** Render Owner Status Icon *** */
148
149
 
149
- const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, _extends({
150
- integrationName: isShowIntegrationIcon ? integrationName : ''
151
- }, imIntegrationIconProps)), [isShowIntegrationIcon, integrationName, imIntegrationIconProps]);
150
+ const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, {
151
+ integrationName: isShowIntegrationIcon ? integrationName : '',
152
+ ...imIntegrationIconProps
153
+ }), [isShowIntegrationIcon, integrationName, imIntegrationIconProps]);
152
154
  /** ** Construct Owner Details *** */
153
155
 
154
156
  const ownerDetails = useMemo(() => ({
@@ -174,7 +176,7 @@ export default function IMMessage(props) {
174
176
  }
175
177
  };
176
178
  }, [messageProps, handleRenderMessageBoxFooter]);
177
- return /*#__PURE__*/React.createElement(Message, _extends({
179
+ return /*#__PURE__*/React.createElement(Message, {
178
180
  actions: actions,
179
181
  direction: direction,
180
182
  isActive: isHighlightMessage,
@@ -189,8 +191,9 @@ export default function IMMessage(props) {
189
191
  renderOwnerStatusIcon: handleRenderIntegIcon,
190
192
  renderSecondaryActions: handleRenderSecondaryActions,
191
193
  status: messageStatus,
192
- statusTooltip: messageStatusTitle
193
- }, messageCustomProps));
194
+ statusTooltip: messageStatusTitle,
195
+ ...messageCustomProps
196
+ });
194
197
  }
195
198
  IMMessage.propTypes = imMessagePropTypes;
196
199
  IMMessage.defaultProps = imMessageDefaultProps;
@@ -1 +1 @@
1
- export { default as IMMessage } from './IMMessage';
1
+ export { default as IMMessage } from "./IMMessage";
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /* eslint-disable react/jsx-indent */
4
2
 
5
3
  /** ** Libraries *** */
@@ -10,21 +8,21 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
10
8
  import useIMMessageContent from '@zohoim/chat-components-hooks/es/im/IMMessageContent/useIMMessageContent';
11
9
  /** ** Constants *** */
12
10
 
13
- import imMessageContentDefaultProps from './props/defaultProps';
14
- import imMessageContentPropTypes from './props/propTypes';
11
+ import imMessageContentDefaultProps from "./props/defaultProps";
12
+ import imMessageContentPropTypes from "./props/propTypes";
15
13
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
16
14
  /** ** Styles *** */
17
15
 
18
- import style from './css/IMMessageContent.module.css';
16
+ import style from "./css/IMMessageContent.module.css";
19
17
  /** ** Components *** */
20
18
 
21
- import IMReplyBubble from '../IMReplyBubble/IMReplyBubble';
22
- import IMTextBubble from '../IMTextBubble/IMTextBubble';
23
- import LocationBubble from '../../LocationBubble/LocationBubble';
24
- import ImageBubble from '../../ImageBubble/ImageBubble';
25
- import VideoBubble from '../../VideoBubble/VideoBubble';
26
- import AudioBubble from '../../AudioBubble/AudioBubble';
27
- import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
19
+ import IMReplyBubble from "../IMReplyBubble/IMReplyBubble";
20
+ import IMTextBubble from "../IMTextBubble/IMTextBubble";
21
+ import LocationBubble from "../../LocationBubble/LocationBubble";
22
+ import ImageBubble from "../../ImageBubble/ImageBubble";
23
+ import VideoBubble from "../../VideoBubble/VideoBubble";
24
+ import AudioBubble from "../../AudioBubble/AudioBubble";
25
+ import AttachmentBubble from "../../AttachmentBubble/AttachmentBubble";
28
26
  export default function IMMessageContent(props) {
29
27
  const {
30
28
  messageDetails,
@@ -86,42 +84,56 @@ export default function IMMessageContent(props) {
86
84
  };
87
85
  return /*#__PURE__*/React.createElement(Fragment, null, isShowLayoutBubble ? null : null, isShowDeleteBubble ? /*#__PURE__*/React.createElement("div", {
88
86
  className: newStyle.deleteBubble
89
- }, deleteMessageText) : null, isShowReplyBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMReplyBubble, _extends({
87
+ }, deleteMessageText) : null, isShowReplyBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
88
+ }, /*#__PURE__*/React.createElement(IMReplyBubble, {
90
89
  isFailed: isFailed,
91
90
  messageDetails: replyToMessage,
92
91
  onClick: onClickReply,
93
- replyText: replyText
94
- }, imReplyBubbleProps))) : null, isShowCustomBubble ? renderCustomMessage({
92
+ replyText: replyText,
93
+ ...imReplyBubbleProps
94
+ })) : null, isShowCustomBubble ? renderCustomMessage({
95
95
  messageDetails,
96
96
  isFailed
97
- }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(ImageBubble, _extends({
97
+ }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
98
+ }, /*#__PURE__*/React.createElement(ImageBubble, {
98
99
  imageDetails: attachmentDetails,
99
100
  isFailed: isFailed,
100
101
  isSending: isSending,
101
- onClick: onImageBubbleClick
102
- }, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(VideoBubble, _extends({
102
+ onClick: onImageBubbleClick,
103
+ ...imageBubbleProps
104
+ })) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
105
+ }, /*#__PURE__*/React.createElement(VideoBubble, {
103
106
  isFailed: isFailed,
104
- videoDetails: attachmentDetails
105
- }, videoBubbleProps))) : null, isShowAudioBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AudioBubble, _extends({
107
+ videoDetails: attachmentDetails,
108
+ ...videoBubbleProps
109
+ })) : null, isShowAudioBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
110
+ }, /*#__PURE__*/React.createElement(AudioBubble, {
106
111
  audioDetails: attachmentDetails,
107
- isFailed: isFailed
108
- }, audioBubbleProps))) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AttachmentBubble, _extends({
112
+ isFailed: isFailed,
113
+ ...audioBubbleProps
114
+ })) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
115
+ }, /*#__PURE__*/React.createElement(AttachmentBubble, {
109
116
  attachmentBubbleTitle: attachmentBubbleTitle,
110
117
  attachmentDetails: attachmentDetails,
111
118
  isFailed: isFailed,
112
119
  isSending: isSending,
113
- onClick: onAttachmentBubbleClick
114
- }, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(LocationBubble, _extends({
120
+ onClick: onAttachmentBubbleClick,
121
+ ...attachmentBubbleProps
122
+ })) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
123
+ }, /*#__PURE__*/React.createElement(LocationBubble, {
115
124
  isFailed: isFailed,
116
- locationUrl: locationUrl
117
- }, locationBubbleProps))) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMTextBubble, _extends({
125
+ locationUrl: locationUrl,
126
+ ...locationBubbleProps
127
+ })) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", { ...wrapperDivProps
128
+ }, /*#__PURE__*/React.createElement(IMTextBubble, {
118
129
  isFailed: isFailed,
119
130
  isShowFullContent: isShowFullContent,
120
131
  messageDetails: messageDetails,
121
132
  moreText: seeMoreText,
122
133
  onLoadFullMessage: onLoadFullMessage,
123
- sessionDetails: sessionDetails
124
- }, imTextBubbleProps))) : null);
134
+ sessionDetails: sessionDetails,
135
+ ...imTextBubbleProps
136
+ })) : null);
125
137
  }
126
138
  IMMessageContent.propTypes = imMessageContentPropTypes;
127
139
  IMMessageContent.defaultProps = imMessageContentDefaultProps;
@@ -1 +1 @@
1
- export { default as IMMessageContent } from './IMMessageContent';
1
+ export { default as IMMessageContent } from "./IMMessageContent";
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /** ** Libraries *** */
4
2
  import React from 'react';
5
3
  /** ** Hooks *** */
@@ -8,19 +6,19 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
8
6
  import useIMMessageMeta from '@zohoim/chat-components-hooks/es/im/IMMessageMeta/useIMMessageMeta';
9
7
  /** ** Constants *** */
10
8
 
11
- import imMessageMetaDefaultProps from './props/defaultProps';
12
- import imMessageMetaPropTypes from './props/propTypes';
9
+ import imMessageMetaDefaultProps from "./props/defaultProps";
10
+ import imMessageMetaPropTypes from "./props/propTypes";
13
11
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
14
12
  /** ** Methods *** */
15
13
 
16
- import cssJSLogic from './css/cssJSLogic';
14
+ import cssJSLogic from "./css/cssJSLogic";
17
15
  /** ** Styles *** */
18
16
 
19
- import style from './css/IMMessageMeta.module.css';
17
+ import style from "./css/IMMessageMeta.module.css";
20
18
  /** ** Components *** */
21
19
 
22
20
  import { Container } from '@zohodesk/components/es/Layout';
23
- import IMMessageMetaInfo from '../IMMessageMetaInfo/IMMessageMetaInfo';
21
+ import IMMessageMetaInfo from "../IMMessageMetaInfo/IMMessageMetaInfo";
24
22
  export default function IMMessageMeta(props) {
25
23
  const {
26
24
  direction,
@@ -57,10 +55,11 @@ export default function IMMessageMeta(props) {
57
55
  return /*#__PURE__*/React.createElement(React.Fragment, null, imMessageMetaInfoContent || time ? /*#__PURE__*/React.createElement(Container, {
58
56
  alignBox: "row",
59
57
  className: imMessageMetaClass
60
- }, imMessageMetaInfoContent ? /*#__PURE__*/React.createElement(IMMessageMetaInfo, _extends({
58
+ }, imMessageMetaInfoContent ? /*#__PURE__*/React.createElement(IMMessageMetaInfo, {
61
59
  imMessageMetaInfoContent: imMessageMetaInfoContent,
62
- imMessageMetaInfoTitle: imMessageMetaInfoTitle
63
- }, imMessageMetaInfoProps)) : null, imMessageMetaInfoContent && time ? /*#__PURE__*/React.createElement("div", {
60
+ imMessageMetaInfoTitle: imMessageMetaInfoTitle,
61
+ ...imMessageMetaInfoProps
62
+ }) : null, imMessageMetaInfoContent && time ? /*#__PURE__*/React.createElement("div", {
64
63
  className: dotClass
65
64
  }, "\u22C5") : null, time ? /*#__PURE__*/React.createElement("div", {
66
65
  className: newStyle.dateTime,
@@ -1 +1 @@
1
- export { default as IMMessageMeta } from './IMMessageMeta';
1
+ export { default as IMMessageMeta } from "./IMMessageMeta";
@@ -5,11 +5,11 @@ import React from 'react';
5
5
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
6
6
  /** ** Constants *** */
7
7
 
8
- import imMessageMetaInfoDefaultProps from './props/defaultProps';
9
- import imMessageMetaInfoPropTypes from './props/propTypes';
8
+ import imMessageMetaInfoDefaultProps from "./props/defaultProps";
9
+ import imMessageMetaInfoPropTypes from "./props/propTypes";
10
10
  /** ** Styles *** */
11
11
 
12
- import style from './css/IMMessageMetaInfo.module.css';
12
+ import style from "./css/IMMessageMetaInfo.module.css";
13
13
  export default function IMMessageMetaInfo(props) {
14
14
  const {
15
15
  imMessageMetaInfoTitle,
@@ -1 +1 @@
1
- export { default as IMMessageMetaInfo } from './IMMessageMetaInfo';
1
+ export { default as IMMessageMetaInfo } from "./IMMessageMetaInfo";
@@ -8,14 +8,14 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
8
8
  import useIMPermaLink from '@zohoim/chat-components-hooks/es/im/IMPermaLink/useIMPermaLink';
9
9
  /** ** Constants *** */
10
10
 
11
- import imPermaLinkDefaultProps from './props/defaultProps';
12
- import imPermaLinkPropTypes from './props/propTypes';
11
+ import imPermaLinkDefaultProps from "./props/defaultProps";
12
+ import imPermaLinkPropTypes from "./props/propTypes";
13
13
  /** ** Methods *** */
14
14
 
15
- import cssJSLogic from './css/cssJSLogic';
15
+ import cssJSLogic from "./css/cssJSLogic";
16
16
  /** ** Styles *** */
17
17
 
18
- import style from './css/IMPermaLink.module.css';
18
+ import style from "./css/IMPermaLink.module.css";
19
19
  export default function IMPermaLink(props) {
20
20
  const {
21
21
  customStyle,
@@ -1 +1 @@
1
- export { default as IMPermaLink } from './IMPermaLink';
1
+ export { default as IMPermaLink } from "./IMPermaLink";
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /** ** Libraries *** */
4
2
  import React from 'react';
5
3
  /** ** Hooks *** */
@@ -7,12 +5,12 @@ import React from 'react';
7
5
  import useIMReplyBubble from '@zohoim/chat-components-hooks/es/im/IMReplyBubble/useIMReplyBubble';
8
6
  /** ** Constants *** */
9
7
 
10
- import imReplyBubbleDefaultProps from './props/defaultProps';
11
- import imReplyBubblePropTypes from './props/propTypes';
8
+ import imReplyBubbleDefaultProps from "./props/defaultProps";
9
+ import imReplyBubblePropTypes from "./props/propTypes";
12
10
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
13
11
  /** ** Components *** */
14
12
 
15
- import ReplyBubble from '../../ReplyBubble/ReplyBubble';
13
+ import ReplyBubble from "../../ReplyBubble/ReplyBubble";
16
14
  export default function IMReplyBubble(props) {
17
15
  const {
18
16
  replyText,
@@ -35,17 +33,17 @@ export default function IMReplyBubble(props) {
35
33
  messageDetails,
36
34
  onClick: propOnClick
37
35
  });
38
- return /*#__PURE__*/React.createElement(ReplyBubble, _extends({
36
+ return /*#__PURE__*/React.createElement(ReplyBubble, {
39
37
  attachmentDetails: attachmentDetails,
40
38
  dateTimeDetails: dateTimeDetails,
41
39
  locationUrl: locationUrl,
42
40
  message: message,
43
41
  onClick: onClick,
44
42
  replyText: replyText,
45
- senderName: senderName
46
- }, replyBubbleProps, {
43
+ senderName: senderName,
44
+ ...replyBubbleProps,
47
45
  isFailed: isFailed
48
- }));
46
+ });
49
47
  }
50
48
  IMReplyBubble.propTypes = imReplyBubblePropTypes;
51
49
  IMReplyBubble.defaultProps = imReplyBubbleDefaultProps;
@@ -1 +1 @@
1
- export { default as IMReplyBubble } from './IMReplyBubble';
1
+ export { default as IMReplyBubble } from "./IMReplyBubble";
@@ -1,15 +1,13 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /** ** Libraries *** */
4
2
  import React from 'react';
5
3
  /** ** Constants *** */
6
4
 
7
- import imTextBubbleDefaultProps from './props/defaultProps';
8
- import imTextBubblePropTypes from './props/propTypes';
5
+ import imTextBubbleDefaultProps from "./props/defaultProps";
6
+ import imTextBubblePropTypes from "./props/propTypes";
9
7
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
10
8
  /** ** Components *** */
11
9
 
12
- import TextBubble from '../../TextBubble/TextBubble';
10
+ import TextBubble from "../../TextBubble/TextBubble";
13
11
  /** ** Hooks *** */
14
12
 
15
13
  import useIMTextBubble from '@zohoim/chat-components-hooks/es/im/IMTextBubble/useIMTextBubble';
@@ -27,13 +25,13 @@ export default function IMTextBubble(props) {
27
25
  sanitizedDisplayMessage,
28
26
  isShowSeeMore
29
27
  } = useIMTextBubble(props);
30
- return /*#__PURE__*/React.createElement(TextBubble, _extends({
28
+ return /*#__PURE__*/React.createElement(TextBubble, {
31
29
  message: sanitizedDisplayMessage,
32
30
  moreText: isShowSeeMore ? moreText : '',
33
- onClickMore: onLoadFullMessage
34
- }, textBubbleProps, {
31
+ onClickMore: onLoadFullMessage,
32
+ ...textBubbleProps,
35
33
  isFailed: isFailed
36
- }));
34
+ });
37
35
  }
38
36
  IMTextBubble.propTypes = imTextBubblePropTypes;
39
37
  IMTextBubble.defaultProps = imTextBubbleDefaultProps;
@@ -1 +1 @@
1
- export { default as IMTextBubble } from './IMTextBubble';
1
+ export { default as IMTextBubble } from "./IMTextBubble";
package/es/im/index.js CHANGED
@@ -1,9 +1,9 @@
1
- export * from './IMIntegrationIcon';
2
- export * from './IMMessage';
3
- export * from './IMPermaLink';
4
- export * from './IMMessageMeta';
5
- export * from './IMMessageMetaInfo';
6
- export * from './IMMessageContent';
7
- export * from './IMTextBubble';
8
- export * from './IMReplyBubble';
9
- export * from './ArticleBubble';
1
+ export * from "./IMIntegrationIcon";
2
+ export * from "./IMMessage";
3
+ export * from "./IMPermaLink";
4
+ export * from "./IMMessageMeta";
5
+ export * from "./IMMessageMetaInfo";
6
+ export * from "./IMMessageContent";
7
+ export * from "./IMTextBubble";
8
+ export * from "./IMReplyBubble";
9
+ export * from "./ArticleBubble";
package/es/index.js CHANGED
@@ -1,32 +1,32 @@
1
- export * from './MessageBubble';
2
- export * from './MessageActionsWrapper';
3
- export * from './MessageActions';
4
- export * from './MessageBox';
5
- export * from './ActionIcon';
6
- export * from './ActionIconWrapper';
7
- export * from './MessageActionsMore';
8
- export * from './MessageAvatar';
9
- export * from './MoreActionItem';
10
- export * from './MessageAction';
11
- export * from './Theme';
12
- export * from './Message';
13
- export * from './AudioBubble';
14
- export * from './AttachmentBubble';
15
- export * from './AttachmentIcon';
16
- export * from './VideoBubble';
17
- export * from './ImageBubble';
18
- export * from './TextBubble';
19
- export * from './LocationBubble';
20
- export * from './AttachmentBubbleInfo';
21
- export * from './Audio';
22
- export * from './Video';
23
- export * from './ReplyBubble';
24
- export * from './ReplyBubbleHeader';
25
- export * from './LazyLoadImage';
26
- export * from './ReplyBubbleContent';
27
- export * from './MessageStatus';
28
- export * from './im'; // ... export other components
1
+ export * from "./MessageBubble";
2
+ export * from "./MessageActionsWrapper";
3
+ export * from "./MessageActions";
4
+ export * from "./MessageBox";
5
+ export * from "./ActionIcon";
6
+ export * from "./ActionIconWrapper";
7
+ export * from "./MessageActionsMore";
8
+ export * from "./MessageAvatar";
9
+ export * from "./MoreActionItem";
10
+ export * from "./MessageAction";
11
+ export * from "./Theme";
12
+ export * from "./Message";
13
+ export * from "./AudioBubble";
14
+ export * from "./AttachmentBubble";
15
+ export * from "./AttachmentIcon";
16
+ export * from "./VideoBubble";
17
+ export * from "./ImageBubble";
18
+ export * from "./TextBubble";
19
+ export * from "./LocationBubble";
20
+ export * from "./AttachmentBubbleInfo";
21
+ export * from "./Audio";
22
+ export * from "./Video";
23
+ export * from "./ReplyBubble";
24
+ export * from "./ReplyBubbleHeader";
25
+ export * from "./LazyLoadImage";
26
+ export * from "./ReplyBubbleContent";
27
+ export * from "./MessageStatus";
28
+ export * from "./im"; // ... export other components
29
29
 
30
30
  /** * CONSTANTS ** */
31
31
 
32
- export * from './constants';
32
+ export * from "./constants";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Chat Components",
5
5
  "main": "es/index.js",
6
6
  "module": "es/index.js",
@@ -36,8 +36,8 @@
36
36
  "@zohodesk/utils": "1.3.13",
37
37
  "@zohodesk/variables": "1.0.0",
38
38
  "@zohodesk/virtualizer": "1.0.13",
39
- "@zohoim/chat-components-hooks": "^1.0.2",
40
- "@zohoim/chat-components-utils": "^1.0.2"
39
+ "@zohoim/chat-components-hooks": "^1.0.4",
40
+ "@zohoim/chat-components-utils": "^1.0.4"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@zohodesk-private/css-variable-migrator": "1.0.7",
@@ -45,5 +45,5 @@
45
45
  "jsdom": "23.0.0",
46
46
  "react-to-jsx": "1.3.2"
47
47
  },
48
- "gitHead": "820157836f48ad572306ab081d02d99ff8373527"
48
+ "gitHead": "def9ed0900472db6b17984d8a0b33448e3d2a783"
49
49
  }