@zohoim/chat-components 0.0.10 → 0.0.13

package/es/icons/iconSrc/attachments/Audio.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Code.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Image.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Pdf.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Txt.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Unknown.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Video.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/Zip.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/attachments/index.js

@@ -1,8 +1,8 @@
-export { default as Audio } from "./Audio";
-export { default as Code } from "./Code";
-export { default as Image } from "./Image";
-export { default as Pdf } from "./Pdf";
-export { default as Txt } from "./Txt";
-export { default as Unknown } from "./Unknown";
-export { default as Video } from "./Video";
-export { default as Zip } from "./Zip";
+export { default as Audio } from './Audio';
+export { default as Code } from './Code';
+export { default as Image } from './Image';
+export { default as Pdf } from './Pdf';
+export { default as Txt } from './Txt';
+export { default as Unknown } from './Unknown';
+export { default as Video } from './Video';
+export { default as Zip } from './Zip';

package/es/icons/iconSrc/common/Article.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/common/Quote.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/common/index.js

@@ -1,2 +1,2 @@
-export { default as Article } from "./Article";
-export { default as Quote } from "./Quote";
+export { default as Article } from './Article';
+export { default as Quote } from './Quote';

package/es/icons/iconSrc/integrations/ChInstagram.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/ChWhatsApp.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtASAP.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTelegram.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTwillio.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtTwitter.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/TtWechat.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/integrations/index.js

@@ -1,7 +1,7 @@
-export { default as ChInstagram } from "./ChInstagram";
-export { default as ChWhatsApp } from "./ChWhatsApp";
-export { default as TtASAP } from "./TtASAP";
-export { default as TtTelegram } from "./TtTelegram";
-export { default as TtTwillio } from "./TtTwillio";
-export { default as TtTwitter } from "./TtTwitter";
-export { default as TtWechat } from "./TtWechat";
+export { default as ChInstagram } from './ChInstagram';
+export { default as ChWhatsApp } from './ChWhatsApp';
+export { default as TtASAP } from './TtASAP';
+export { default as TtTelegram } from './TtTelegram';
+export { default as TtTwillio } from './TtTwillio';
+export { default as TtTwitter } from './TtTwitter';
+export { default as TtWechat } from './TtWechat';

package/es/icons/iconSrc/messageStatus/Clock.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/messageStatus/DoubleTick.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/messageStatus/Failed.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/messageStatus/Tick.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {

package/es/icons/iconSrc/messageStatus/index.js

@@ -1,4 +1,4 @@
-export { default as Clock } from "./Clock";
-export { default as DoubleTick } from "./DoubleTick";
-export { default as Failed } from "./Failed";
-export { default as Tick } from "./Tick";
+export { default as Clock } from './Clock';
+export { default as DoubleTick } from './DoubleTick';
+export { default as Failed } from './Failed';
+export { default as Tick } from './Tick';

package/es/im/IMArticleBubble/IMArticleBubble.js

@@ -12,12 +12,11 @@ import imArticleBubbleDefaultProps from './props/defaultProps';
 import imArticleBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getDerivedArticleDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedArticleDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMArticleBubble.module.css';
-import useIMArticleBubble from '@zohoim/chat-components-hooks/es/im/IMArticleBubble/useIMArticleBubble';
 import ArticleBubble from '../../ArticleBubble/ArticleBubble';
 export default function IMArticleBubble(props) {
   const {
@@ -37,15 +36,15 @@ export default function IMArticleBubble(props) {
     articleURL,
     summary,
     title
-  } = useIMArticleBubble({
+  } = getDerivedArticleDetails({
     articleDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imArticleBubbleClass
   }, /*#__PURE__*/React.createElement(ArticleBubble, {
+    articleURL: articleURL,
     bubbleInfo: articleShareI18N,
     customStyle: articleCustomStyle,
-    articleURL: articleURL,
     summary: summary,
     title: title
   }));

package/es/im/IMAttachmentBubble/IMAttachmentBubble.js

@@ -12,14 +12,13 @@ import imAttachmentBubbleDefaultProps from './props/defaultProps';
 import imAttachmentBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getAttachmentDetails from '@zohoim/chat-components-utils/es/imUtils/getAttachmentDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMAttachmentBubble.module.css';
 import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
 import IMAttachmentIcon from '../IMAttachmentIcon/IMAttachmentIcon';
-import useIMAttachmentBubble from '@zohoim/chat-components-hooks/es/im/IMAttachmentBubble/useIMAttachmentBubble';
 export default function IMAttachmentBubble(props) {
   const {
     customStyle,
@@ -39,7 +38,7 @@ export default function IMAttachmentBubble(props) {
     formattedFileSize: fileSize,
     fileName,
     fileFormat
-  } = useIMAttachmentBubble({
+  } = getAttachmentDetails({
     attachmentDetails
   });
   function renderFileTypeIcon() {
@@ -51,11 +50,11 @@ export default function IMAttachmentBubble(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: imAttachmentBubbleClass
   }, /*#__PURE__*/React.createElement(AttachmentBubble, {
+    bubbleInfoCustomStyle: bubbleInfoCustomStyle,
     customStyle: bubbleCustomStyle,
-    renderFileTypeIcon: renderFileTypeIcon,
     fileName: fileName,
     fileSize: fileSize,
-    bubbleInfoCustomStyle: bubbleInfoCustomStyle
+    renderFileTypeIcon: renderFileTypeIcon
   }));
 }
 IMAttachmentBubble.propTypes = imAttachmentBubblePropTypes;

package/es/im/IMAttachmentIcon/IMAttachmentIcon.js

@@ -2,22 +2,21 @@
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
-import React from "react";
+import React from 'react';
 
 /** ** Hooks *** */
-import useMergeStyle from "@zohodesk/hooks/es/utils/useMergeStyle";
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 
 /** ** Constants *** */
-import imAttachmentIconDefaultProps from "./props/defaultProps";
-import imAttachmentIconPropTypes from "./props/propTypes";
+import imAttachmentIconDefaultProps from './props/defaultProps';
+import imAttachmentIconPropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from "@zohoim/chat-components-utils/es/common/renderHandler";
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
-import style from "./css/IMAttachmentIcon.module.css";
-import attachmentFileTypes from "@zohoim/chat-components-utils/es/constants/attachmentFileTypes";
+import style from './css/IMAttachmentIcon.module.css';
+import attachmentFileTypes from '@zohoim/chat-components-utils/es/constants/attachmentFileTypes';
 
 /** ** Icons *** */
 import AudioIcon from '../../icons/iconSrc/attachments/Audio';
@@ -83,4 +82,4 @@ export default function IMAttachmentIcon(props) {
 }
 IMAttachmentIcon.propTypes = imAttachmentIconPropTypes;
 IMAttachmentIcon.defaultProps = imAttachmentIconDefaultProps;
-IMAttachmentIcon.displayName = "IMAttachmentIcon";
+IMAttachmentIcon.displayName = 'IMAttachmentIcon';

package/es/im/IMAudioBubble/IMAudioBubble.js

@@ -12,7 +12,6 @@ import imAudioBubbleDefaultProps from './props/defaultProps';
 import imAudioBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
@@ -48,14 +47,14 @@ export default function IMAudioBubble(props) {
   return isShow ? /*#__PURE__*/React.createElement("div", {
     className: imAudioBubbleClass
   }, /*#__PURE__*/React.createElement(AudioBubble, {
-    customStyle: audioBubbleCustomStyle,
-    headerCustomStyle: headerCustomStyle,
     audioCustomStyle: audioCustomStyle,
     controlsCustomStyle: controlsCustomStyle,
+    customStyle: audioBubbleCustomStyle,
     fileName: fileName,
     fileSize: fileSize,
+    fileType: fileType,
     fileURL: fileURL,
-    fileType: fileType
+    headerCustomStyle: headerCustomStyle
   })) : null;
 }
 IMAudioBubble.propTypes = imAudioBubblePropTypes;

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

@@ -1,7 +1,7 @@
 /** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
+import { compileClassNames } from '@zohodesk/utils';
 export default function cssJSLogic(props, style) {
-  let {
+  const {
     headerCustomStyle: propHeaderCustomStyle
   } = props;
   const imAudioBubbleClass = compileClassNames({

package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js

@@ -13,7 +13,6 @@ import imAutoMessageInfoDefaultProps from './props/defaultProps';
 import imAutoMessageInfoPropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMDateTime/IMDateTime.js

@@ -13,7 +13,6 @@ import imDateTimeDefaultProps from './props/defaultProps';
 import imDateTimePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMDateTime/css/IMDateTime.module.css

@@ -1,5 +1,10 @@
 .imDateTime {
-  font-size: 11px;
+  font-size: var(--imlib_size_11);
   /* max-width: var(--zd_size100); */
   /* display: flex; */
+  max-width: var(--zd_size100);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--imlib_chat_components_iMDateTime_color);
 }

package/es/im/IMImageBubble/IMImageBubble.js

@@ -12,13 +12,14 @@ import imImageBubbleDefaultProps from './props/defaultProps';
 import imImageBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getAttachmentDetails from '@zohoim/chat-components-utils/es/imUtils/getAttachmentDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMImageBubble.module.css';
+
+/** ** Components *** */
 import ImageBubble from '../../ImageBubble/ImageBubble';
-import useIMImageBubble from '@zohoim/chat-components-hooks/es/im/IMImageBubble/useIMImageBubble';
 export default function IMImageBubble(props) {
   const {
     customStyle,
@@ -34,14 +35,14 @@ export default function IMImageBubble(props) {
   const {
     attachmentURL,
     fileName
-  } = useIMImageBubble({
+  } = getAttachmentDetails({
     attachmentDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imImageBubbleClass
   }, /*#__PURE__*/React.createElement(ImageBubble, {
-    src: attachmentURL,
-    alternate: fileName
+    alternate: fileName,
+    src: attachmentURL
   }));
 }
 IMImageBubble.propTypes = imImageBubblePropTypes;

package/es/im/IMInfoBubble/IMInfoBubble.js

@@ -12,7 +12,6 @@ import imInfoBubbleDefaultProps from './props/defaultProps';
 import imInfoBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */

package/es/im/IMLocationBubble/IMLocationBubble.js

@@ -12,12 +12,13 @@ import imLocationBubbleDefaultProps from './props/defaultProps';
 import imLocationBubblePropTypes from './props/propTypes';
 
 /** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import getDerivedLocationDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedLocationDetails';
 import cssJSLogic from './css/cssJSLogic';
 
 /** ** Styles *** */
 import style from './css/IMLocationBubble.module.css';
-import useIMLocationBubble from '@zohoim/chat-components-hooks/es/im/IMLocationBubble/useIMLocationBubble';
+
+/** ** Components *** */
 import LocationBubble from '../../LocationBubble/LocationBubble';
 export default function IMLocationBubble(props) {
   const {
@@ -34,14 +35,14 @@ export default function IMLocationBubble(props) {
   } = cssJSLogic(props, newStyle);
   const {
     locationURL
-  } = useIMLocationBubble({
+  } = getDerivedLocationDetails({
     locationDetails
   });
   return /*#__PURE__*/React.createElement("div", {
     className: imLocationBubbleClass
   }, /*#__PURE__*/React.createElement(LocationBubble, {
-    locationURL: locationURL,
-    customStyle: locationCustomStyle
+    customStyle: locationCustomStyle,
+    locationURL: locationURL
   }));
 }
 IMLocationBubble.propTypes = imLocationBubblePropTypes;