@zohoim/chat-components 0.0.24 → 0.0.27

package/es/Message/Message.js

@@ -33,6 +33,7 @@ export default function Message(props) {
     renderSecondaryActions,
     onSelectAction,
     onMouseEnterAction,
+    needMessageActions,
     renderContent,
     customProps
   } = props;
@@ -110,7 +111,6 @@ export default function Message(props) {
     };
     return /*#__PURE__*/React.createElement(MessageActions, _extends({}, props, messageActionsProps));
   }, [actions, onSelectAction, onMouseEnterAction, renderSecondaryActions, messageActionsProps]);
-  const needMessageActions = !!actions.length;
   return /*#__PURE__*/React.createElement(MessageBubble, _extends({
     direction: direction,
     isActive: isActive,

package/es/Message/props/defaultProps.js

@@ -6,6 +6,7 @@ const messageDefaultProps = {
   isActive: false,
   isShowSender: true,
   customProps: dummyObject,
-  actions: dummyArray
+  actions: dummyArray,
+  needMessageActions: true
 };
 export default messageDefaultProps;

package/es/Message/props/propTypes.js

@@ -29,6 +29,7 @@ const messagePropTypes = {
   })),
   onSelectAction: PropTypes.func.isRequired,
   renderSecondaryActions: PropTypes.func,
+  needMessageActions: PropTypes.bool,
   customProps: PropTypes.shape({
     messageActionsProps: PropTypes.object,
     messageBoxProps: PropTypes.object,

package/es/Theme/themeVariables/commonThemeColorVariable.js

@@ -7,7 +7,8 @@ export const imIntegrationIcon = {
   line_color: '#01b901',
   twillio_color: '#f22f46',
   instagram_color: 'red',
-  asap_color: '#0a73eb'
+  asap_color: '#0a73eb',
+  fb_color: '#006aff'
 };
 export const imTtIcon = {
   path0_color: '#ffffff40',

package/es/Theme/themeVariables/light/commonColorVariable.js

@@ -26,7 +26,8 @@ export const imIntegrationIcon = {
   line_color: '#01b901',
   twillio_color: '#f22f46',
   instagram_color: 'red',
-  asap_color: '#0a73eb'
+  asap_color: '#0a73eb',
+  fb_color: '#006aff'
 };
 export const imTtIcon = {
   path0_color: 'rgba(200,203,220,0.7)',

package/es/im/IMIntegrationIcon/IMIntegrationIcon.js

@@ -19,7 +19,8 @@ const {
   IM_TALK,
   WECHAT,
   TWILLIO,
-  LINE
+  LINE,
+  FACEBOOKMESSENGER
 } = integrationConstants;
 const fontIconMap = {
   [TWILLIO]: 'ZD-TT-imtwillio',
@@ -27,7 +28,8 @@ const fontIconMap = {
   [TELEGRAM]: 'ZD-TT-imTelegram',
   [WECHAT]: 'ZD-TT-imWeChat',
   [LINE]: 'ZD-TT-imLine',
-  [IM_TALK]: 'ZD-TT-imASAP'
+  [IM_TALK]: 'ZD-TT-imASAP',
+  [FACEBOOKMESSENGER]: 'ZD-TT-fbMessanger'
 };
 export default function IMIntegrationIcon(props) {
   const {

package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css

@@ -59,10 +59,14 @@
   background-color: var(--imlib_chat_components_imIntegrationIcon_asap_color);
 }
 
+.fbIcon {
+  background-color: var(--imlib_chat_components_imIntegrationIcon_fb_color);
+}
+
 .fontIcon :global .path1::before {
-  color:  var(--imlib_chat_components_imIntegrationIcon_path0_color);;
+  color: var(--imlib_chat_components_imIntegrationIcon_path0_color);
 }
 
 .fontIcon :global .path2::before {
-  color:var(--imlib_chat_components_imIntegrationIcon_path1_color);
-}
+  color: var(--imlib_chat_components_imIntegrationIcon_path1_color);
+}

package/es/im/IMIntegrationIcon/css/cssJSLogic.js

@@ -11,7 +11,8 @@ const {
   IM_TALK,
   WECHAT,
   TWILLIO,
-  LINE
+  LINE,
+  FACEBOOKMESSENGER
 } = integrationConstants;
 export default function cssJSLogic(props, style) {
   const {
@@ -24,8 +25,8 @@ export default function cssJSLogic(props, style) {
   const isIMTalkIcon = integrationName === IM_TALK;
   const isWeChatIcon = integrationName === WECHAT;
   const isTwillioIcon = integrationName === TWILLIO;
-  const isLineIcon = integrationName === LINE; // const isTwitterIcon = integrationName === TWITTER;
-
+  const isLineIcon = integrationName === LINE;
+  const isFbIcon = integrationName === FACEBOOKMESSENGER;
   const isSmall = size === sizes.SMALL;
   const isMedium = size === sizes.MEDIUM;
   const iconWrapperClass = compileClassNames({
@@ -38,8 +39,8 @@ export default function cssJSLogic(props, style) {
     [style.asapIcon]: isIMTalkIcon,
     [style.weChatIcon]: isWeChatIcon,
     [style.twillioIcon]: isTwillioIcon,
-    [style.lineIcon]: isLineIcon // [style.twitterIcon]: isTwitterIcon
-
+    [style.lineIcon]: isLineIcon,
+    [style.fbIcon]: isFbIcon
   });
   const iconClass = compileClassNames({
     [style.small]: isSmall,

package/es/im/IMMessage/IMMessage.js

@@ -58,7 +58,9 @@ export default function IMMessage(props) {
     needSender,
     isShowSender,
     isShowMessageTime,
-    isShowMessageStatus
+    isShowMessageStatus,
+    needMessageActions,
+    isShowFullContent
   } = messageDisplayProps;
   const newStyle = useMergeStyle(style, customStyle);
   const {
@@ -112,6 +114,7 @@ export default function IMMessage(props) {
     deleteMessageText: deleteMessageText,
     isFailed: isFailedMessage,
     isSending: isSendingMessage,
+    isShowFullContent: isShowFullContent,
     messageContentClickMapping: messageContentClickMapping,
     messageDetails: messageDetails,
     onClickReply: onClickReply,
@@ -119,7 +122,7 @@ export default function IMMessage(props) {
     replyText: replyText,
     seeMoreText: seeMoreText,
     sessionDetails: sessionDetails
-  }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps]);
+  }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps, isShowFullContent]);
   /** ** Render Secondary Actions - TicketId *** */
 
   const handleRenderSecondaryActions = useCallback(() => {
@@ -176,6 +179,7 @@ export default function IMMessage(props) {
     isActive: isHighlightMessage,
     isShowMessageStatus: isShowMessageStatus,
     isShowSender: isShowSender,
+    needMessageActions: needMessageActions,
     needSender: needSender,
     onMouseEnterAction: onMouseEnterAction,
     onSelectAction: onSelectAction,

package/es/im/IMMessage/props/propTypes.js

@@ -61,9 +61,11 @@ const imMessagePropTypes = {
   }),
   messageDisplayProps: PropTypes.shape({
     isHighlightMessage: PropTypes.bool,
+    isShowFullContent: PropTypes.bool,
     isShowMessageStatus: PropTypes.bool,
     isShowMessageTime: PropTypes.bool,
     isShowSender: PropTypes.bool,
+    needMessageActions: PropTypes.bool,
     needSender: PropTypes.bool
   }),
   messageStatusI18N: PropTypes.shape({

package/es/im/IMMessageContent/IMMessageContent.js

@@ -40,7 +40,8 @@ export default function IMMessageContent(props) {
     onClick: propOnClick,
     isFailed,
     isSending,
-    messageContentClickMapping
+    messageContentClickMapping,
+    isShowFullContent
   } = props;
   const {
     imReplyBubbleProps = dummyObject,
@@ -110,6 +111,7 @@ export default function IMMessageContent(props) {
     locationUrl: locationUrl
   }, locationBubbleProps))) : null, isShowTextBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(IMTextBubble, _extends({
     isFailed: isFailed,
+    isShowFullContent: isShowFullContent,
     messageDetails: messageDetails,
     moreText: seeMoreText,
     onLoadFullMessage: onLoadFullMessage,

package/es/im/IMMessageContent/props/propTypes.js

@@ -45,6 +45,7 @@ const imMessageContentPropTypes = {
     videoBubbleProps: PropTypes.object
   }),
   isFailed: PropTypes.bool,
-  isSending: PropTypes.bool
+  isSending: PropTypes.bool,
+  isShowFullContent: PropTypes.bool
 };
 export default imMessageContentPropTypes;

package/es/im/IMTextBubble/props/propTypes.js

@@ -25,6 +25,7 @@ const imTextBubblePropTypes = {
   sessionDetails: PropTypes.shape({
     id: PropTypes.string
   }),
-  isFailed: PropTypes.bool
+  isFailed: PropTypes.bool,
+  isShowFullContent: PropTypes.bool
 };
 export default imTextBubblePropTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.24",
+  "version": "0.0.27",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -36,8 +36,8 @@
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.19",
-    "@zohoim/chat-components-utils": "^0.0.18"
+    "@zohoim/chat-components-hooks": "^0.0.22",
+    "@zohoim/chat-components-utils": "^0.0.21"
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "1.0.1",
@@ -45,5 +45,5 @@
     "jsdom": "22.1.0",
     "react-to-jsx": "1.3.2"
   },
-  "gitHead": "9d681517828c86660488a0acf37760afd96ae3e5"
+  "gitHead": "2fd6976b3ddef8bc5be3896558ed31188eeaa8e5"
 }