@zohoim/chat-components 1.1.4 → 1.1.5

package/es/MessageAction/MessageAction.js

@@ -1,13 +1,15 @@
+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); }
+
 /** ** Libraries *** */
 import React, { useCallback } from 'react';
 /** ** Components *** */
 
-import MoreActionItem from "../MoreActionItem/MoreActionItem";
-import ActionIcon from "../ActionIcon/ActionIcon";
+import MoreActionItem from '../MoreActionItem/MoreActionItem';
+import ActionIcon from '../ActionIcon/ActionIcon';
 /** ** Constants *** */
 
-import messageActionsDefaultProps from "./props/defaultProps";
-import messageActionsPropTypes from "./props/propTypes";
+import messageActionsDefaultProps from './props/defaultProps';
+import messageActionsPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 export default function MessageAction(props) {
   const {
@@ -32,13 +34,12 @@ export default function MessageAction(props) {
     let {
       id
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return needMoreActionItemIcon ? /*#__PURE__*/React.createElement(ActionIcon, {
+    return needMoreActionItemIcon ? /*#__PURE__*/React.createElement(ActionIcon, _extends({
       id: id,
-      needIconOnly: true,
-      ...actionIconProps
-    }) : null;
+      needIconOnly: true
+    }, actionIconProps)) : null;
   }, [actionIconProps, needMoreActionItemIcon]);
-  return isShowInMore ? /*#__PURE__*/React.createElement(MoreActionItem, {
+  return isShowInMore ? /*#__PURE__*/React.createElement(MoreActionItem, _extends({
     closePopup: closePopup,
     displayText: displayText,
     id: id,
@@ -47,17 +48,15 @@ export default function MessageAction(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     renderIcon: renderIcon,
-    title: iconTitle,
-    ...moreActionItemProps
-  }) : /*#__PURE__*/React.createElement(ActionIcon, {
+    title: iconTitle
+  }, moreActionItemProps)) : /*#__PURE__*/React.createElement(ActionIcon, _extends({
     id: id,
     isActive: isActive,
     isDisabled: isDisabled,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    title: iconTitle,
-    ...actionIconProps
-  });
+    title: iconTitle
+  }, actionIconProps));
 }
 MessageAction.propTypes = messageActionsPropTypes;
 MessageAction.defaultProps = messageActionsDefaultProps;

package/es/MessageAction/index.js

@@ -1 +1 @@
-export { default as MessageAction } from "./MessageAction";
+export { default as MessageAction } from './MessageAction';

package/es/MessageActions/MessageActions.js

@@ -1,10 +1,12 @@
+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); }
+
 /** ** Libraries *** */
 import React, { useCallback, Fragment } from 'react';
 /** ** Components *** */
 
-import ActionIconWrapper from "../ActionIconWrapper/ActionIconWrapper";
-import MessageActionsWrapper from "../MessageActionsWrapper/MessageActionsWrapper";
-import MessageAction from "../MessageAction/MessageAction";
+import ActionIconWrapper from '../ActionIconWrapper/ActionIconWrapper';
+import MessageActionsWrapper from '../MessageActionsWrapper/MessageActionsWrapper';
+import MessageAction from '../MessageAction/MessageAction';
 /** ** Icons *** */
 
 import MoreIcon from '@zohodesk/icon/es/general/More';
@@ -14,12 +16,12 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useMessageActions from '@zohoim/chat-components-hooks/es/MessageActions/useMessageActions';
 /** ** Constants *** */
 
-import messageActionsDefaultProps from "./props/defaultProps";
-import messageActionsPropTypes from "./props/propTypes";
+import messageActionsDefaultProps from './props/defaultProps';
+import messageActionsPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** CSS *** */
 
-import style from "./css/MessageActions.module.css";
+import style from './css/MessageActions.module.css';
 export default function MessageActions(props) {
   const {
     actions,
@@ -74,7 +76,7 @@ export default function MessageActions(props) {
       iconTitle,
       isDisabled
     } = action || dummyObject;
-    return /*#__PURE__*/React.createElement(MessageAction, {
+    return /*#__PURE__*/React.createElement(MessageAction, _extends({
       key: id,
       closePopup: closePopup,
       displayText: displayText,
@@ -83,9 +85,8 @@ export default function MessageActions(props) {
       isDisabled: isDisabled,
       isShowInMore: isShowInMore,
       onClick: handleClickAction,
-      onMouseEnter: handleMouseEnterAction,
-      ...messageActionProps
-    });
+      onMouseEnter: handleMouseEnterAction
+    }, messageActionProps));
   }, [handleClickAction, handleMouseEnterAction, messageActionProps]);
   /* Hooks handling */
 
@@ -105,19 +106,16 @@ export default function MessageActions(props) {
   const renderMoreIcon = useCallback(() => /*#__PURE__*/React.createElement("div", {
     className: newStyle.moreIcon
   }, /*#__PURE__*/React.createElement(MoreIcon, null)), [newStyle.moreIcon]);
-  const renderMore = useCallback(componentProps => /*#__PURE__*/React.createElement(ActionIconWrapper, {
+  const renderMore = useCallback(componentProps => /*#__PURE__*/React.createElement(ActionIconWrapper, _extends({
     renderIcon: renderMoreIcon,
-    title: moreTitle,
-    ...componentProps,
-    ...actionIconWrapperProps
-  }), [actionIconWrapperProps, renderMoreIcon, moreTitle]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MessageActionsWrapper, {
+    title: moreTitle
+  }, componentProps, actionIconWrapperProps)), [actionIconWrapperProps, renderMoreIcon, moreTitle]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MessageActionsWrapper, _extends({
     actions: allActions,
     defaultShowCount: defaultShowCount,
     renderMoreIcon: renderMore,
-    setRetainMessageActions: setRetainMessageActions,
-    ...messageActionsWrapperProps
-  }), secondaryActions ? /*#__PURE__*/React.createElement("div", {
+    setRetainMessageActions: setRetainMessageActions
+  }, messageActionsWrapperProps)), secondaryActions ? /*#__PURE__*/React.createElement("div", {
     className: newStyle.secondaryActions
   }, secondaryActions) : null);
 }

package/es/MessageActions/index.js

@@ -1 +1 @@
-export { default as MessageActions } from "./MessageActions";
+export { default as MessageActions } from './MessageActions';

package/es/MessageActionsMore/MessageActionsMore.js

@@ -6,9 +6,9 @@ import Popup from '@zohodesk/components/es/Popup/Popup';
 import DropBox from '@zohodesk/components/es/DropBox/DropBox';
 /** ** Constants *** */
 
-import messageActionsMoreDefaultProps from "./props/defaultProps";
-import messageActionsMorePropTypes from "./props/propTypes";
-import { MSG_ACTION_POPUP_PORTAL } from "../constants";
+import messageActionsMoreDefaultProps from './props/defaultProps';
+import messageActionsMorePropTypes from './props/propTypes';
+import { MSG_ACTION_POPUP_PORTAL } from '../constants';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Methods *** */
 
@@ -18,7 +18,7 @@ import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Styles *** */
 
-import style from "./css/MessageActionsMore.module.css";
+import style from './css/MessageActionsMore.module.css';
 
 function MessageActionsMoreComp(props) {
   const {

package/es/MessageActionsMore/index.js

@@ -1 +1 @@
-export { default as MessageActionsMore } from "./MessageActionsMore";
+export { default as MessageActionsMore } from './MessageActionsMore';

package/es/MessageActionsMore/props/propTypes.js

@@ -2,7 +2,7 @@
 import PropTypes from 'prop-types';
 /** ** Constants *** */
 
-import { popupPosition, popupSize } from "../../constants/propConstants/popupPropConstants";
+import { popupPosition, popupSize } from '../../constants/propConstants/popupPropConstants';
 const messageActionsMorePropTypes = {
   actions: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,

package/es/MessageActionsWrapper/MessageActionsWrapper.js

@@ -1,16 +1,18 @@
+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); }
+
 /** ** Libraries *** */
 import React, { useCallback } from 'react';
 /** ** Components *** */
 
 import { Container } from '@zohodesk/components/es/Layout';
-import MessageActionsMore from "../MessageActionsMore/MessageActionsMore";
+import MessageActionsMore from '../MessageActionsMore/MessageActionsMore';
 /** ** Hooks *** */
 
 import useMessageActionsWrapper from '@zohoim/chat-components-hooks/es/MessageActionsWrapper/useMessageActionsWrapper';
 /** ** Constants *** */
 
-import messageActionsWrapperDefaultProps from "./props/defaultProps";
-import messageActionsWrapperPropTypes from "./props/propTypes";
+import messageActionsWrapperDefaultProps from './props/defaultProps';
+import messageActionsWrapperPropTypes from './props/propTypes';
 import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Methods *** */
 
@@ -18,7 +20,7 @@ import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Style *** */
 
-import style from "./css/MessageActionsWrapper.module.css";
+import style from './css/MessageActionsWrapper.module.css';
 export default function MessageActionsWrapper(props) {
   const {
     actions,
@@ -51,12 +53,11 @@ export default function MessageActionsWrapper(props) {
       action
     }); // id, isRenderInMorePopup
   }), [defaultActions, setRetainMessageActions]);
-  const renderMoreActions = useCallback(() => /*#__PURE__*/React.createElement(MessageActionsMore, {
+  const renderMoreActions = useCallback(() => /*#__PURE__*/React.createElement(MessageActionsMore, _extends({
     actions: moreActions,
     renderMoreIcon: renderMoreIcon,
-    setRetainMessageActions: setRetainMessageActions,
-    ...messageActionsMoreProps
-  }), [moreActions, renderMoreIcon, messageActionsMoreProps, setRetainMessageActions]);
+    setRetainMessageActions: setRetainMessageActions
+  }, messageActionsMoreProps)), [moreActions, renderMoreIcon, messageActionsMoreProps, setRetainMessageActions]);
   const renderRow = useCallback(() => /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     className: newStyle.row,

package/es/MessageActionsWrapper/index.js

@@ -1 +1 @@
-export { default as MessageActionsWrapper } from "./MessageActionsWrapper";
+export { default as MessageActionsWrapper } from './MessageActionsWrapper';

package/es/MessageAvatar/MessageAvatar.js

@@ -5,7 +5,7 @@ import React from 'react';
 import Avatar from '@zohodesk/components/es/Avatar/Avatar';
 /** ** CSS *** */
 
-import style from "./css/MessageAvatar.module.css";
+import style from './css/MessageAvatar.module.css';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
@@ -14,8 +14,8 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Constants *** */
 
-import messageAvatarDefaultProps from "./props/defaultProps";
-import messageAvatarPropTypes from "./props/propTypes";
+import messageAvatarDefaultProps from './props/defaultProps';
+import messageAvatarPropTypes from './props/propTypes';
 export default function MessageAvatar(props) {
   const {
     src,

package/es/MessageAvatar/index.js

@@ -1 +1 @@
-export { default as MessageAvatar } from "./MessageAvatar";
+export { default as MessageAvatar } from './MessageAvatar';

package/es/MessageBox/MessageBox.js

@@ -5,18 +5,18 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import messageBoxDefaultProps from "./props/defaultProps";
-import messageBoxPropTypes from "./props/propTypes";
+import messageBoxDefaultProps from './props/defaultProps';
+import messageBoxPropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Components *** */
 
 import { Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
-import style from "./css/MessageBox.module.css";
+import style from './css/MessageBox.module.css';
 export default function MessageBox(props) {
   const {
     renderMessage: renderMessageContent,

package/es/MessageBox/css/MessageBox.module.css

@@ -1,10 +1,10 @@
 .varClass {
-  --messageBox-content_padding: var(--zd_size14);
-  --messageBox-content_size: var(--zd_font_size14);
+  --messageBox-content_padding: 14px;
+  --messageBox-content_size: 14px;
   --messageBox-border_radius: 9px;
-  --messageBox-message_status_gap: var(--zd_size12);
-  --messageBox-message_header_gap: var(--zd_size1);
-  --messageBox-message_footer_gap: var(--zd_size1);
+  --messageBox-message_status_gap: 12px;
+  --messageBox-message_header_gap: 1px;
+  --messageBox-message_footer_gap: 1px;
 }
 
 .messageBoxContainer {

package/es/MessageBox/index.js

@@ -1 +1 @@
-export { default as MessageBox } from "./MessageBox";
+export { default as MessageBox } from './MessageBox';

package/es/MessageBubble/MessageBubble.js

@@ -8,18 +8,18 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useMessageBubbleAction from '@zohoim/chat-components-hooks/es/MessageBubble/useMessageBubbleAction';
 /** ** Constants *** */
 
-import messageBubbleDefaultProps from "./props/defaultProps";
-import messageBubblePropTypes from "./props/propTypes";
+import messageBubbleDefaultProps from './props/defaultProps';
+import messageBubblePropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Components *** */
 
 import { Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
-import style from "./css/MessageBubble.module.css";
+import style from './css/MessageBubble.module.css';
 import generateUniqueId from '@zohoim/chat-components-utils/es/common/generateUniqueId';
 export default function MessageBubble(props) {
   const {

package/es/MessageBubble/css/MessageBubble.module.css

@@ -1,9 +1,9 @@
 .varClass {
-  --messageBubble-bubble_footer_gap: var(--zd_size5);
+  --messageBubble-bubble_footer_gap: 5px;
   --messageBubble-message_owner_gap: 13px;
   --messageBox-max_width: 410px;
-  --messageBox-footer_fontSize: var(--zd_font_size11);
-  --messageBox-owner_width: var(--zd_size32);
+  --messageBox-footer_fontSize: 11px;
+  --messageBox-owner_width: 32px;
 }
 
 .messageBubble {

package/es/MessageBubble/index.js

@@ -1 +1 @@
-export { default as MessageBubble } from "./MessageBubble";
+export { default as MessageBubble } from './MessageBubble';

package/es/MessageStatus/MessageStatus.js

@@ -5,22 +5,22 @@ import React, { useMemo } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import messageStatusDefaultProps from "./props/defaultProps";
-import messageStatusPropTypes from "./props/propTypes";
+import messageStatusDefaultProps from './props/defaultProps';
+import messageStatusPropTypes from './props/propTypes';
 import messageStatusConstants from '@zohoim/chat-components-utils/es/constants/messageStatusConstants';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Styles *** */
 
-import style from "./css/MessageStatus.module.css";
+import style from './css/MessageStatus.module.css';
 /** ** Icons *** */
 
-import DoubleTickIcon from "../icons/iconSrc/messageStatus/DoubleTick";
-import TickIcon from "../icons/iconSrc/messageStatus/Tick";
-import ClockIcon from "../icons/iconSrc/messageStatus/Clock";
-import FailedIcon from "../icons/iconSrc/messageStatus/Failed";
+import DoubleTickIcon from '../icons/iconSrc/messageStatus/DoubleTick';
+import TickIcon from '../icons/iconSrc/messageStatus/Tick';
+import ClockIcon from '../icons/iconSrc/messageStatus/Clock';
+import FailedIcon from '../icons/iconSrc/messageStatus/Failed';
 const {
   SENT,
   SAVED,

package/es/MessageStatus/index.js

@@ -1 +1 @@
-export { default as MessageStatus } from "./MessageStatus";
+export { default as MessageStatus } from './MessageStatus';

package/es/MoreActionItem/MoreActionItem.js

@@ -5,11 +5,11 @@ import React, { useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import moreActionItemDefaultProps from "./props/defaultProps";
-import moreActionItemPropTypes from "./props/propTypes";
+import moreActionItemDefaultProps from './props/defaultProps';
+import moreActionItemPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/MoreActionItem.module.css";
+import style from './css/MoreActionItem.module.css';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';

package/es/MoreActionItem/css/MoreActionItem.module.css

@@ -1,6 +1,6 @@
 .varClass {
-  --moreActionItem-content_padding: var(--zd_size10);
-  --moreActionItem-content_size: var(--zd_font_size14);
+  --moreActionItem-content_padding: 10px;
+  --moreActionItem-content_size: 14px;
 }
 
 .listItem {

package/es/MoreActionItem/index.js

@@ -1 +1 @@
-export { default as MoreActionItem } from "./MoreActionItem";
+export { default as MoreActionItem } from './MoreActionItem';

package/es/ReplyBubble/ReplyBubble.js

@@ -1,3 +1,5 @@
+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); }
+
 /** ** Libraries *** */
 import React, { useMemo, useCallback } from 'react';
 /** ** Hooks *** */
@@ -5,21 +7,21 @@ import React, { useMemo, useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleDefaultProps from "./props/defaultProps";
-import replyBubblePropTypes from "./props/propTypes";
+import replyBubbleDefaultProps from './props/defaultProps';
+import replyBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/ReplyBubble.module.css";
+import style from './css/ReplyBubble.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Components *** */
 
-import ReplyBubbleHeader from "../ReplyBubbleHeader/ReplyBubbleHeader";
-import ReplyBubbleContent from "../ReplyBubbleContent/ReplyBubbleContent";
-import AttachmentIcon from "../AttachmentIcon/AttachmentIcon";
-import LocationBubble from "../LocationBubble/LocationBubble";
+import ReplyBubbleHeader from '../ReplyBubbleHeader/ReplyBubbleHeader';
+import ReplyBubbleContent from '../ReplyBubbleContent/ReplyBubbleContent';
+import AttachmentIcon from '../AttachmentIcon/AttachmentIcon';
+import LocationBubble from '../LocationBubble/LocationBubble';
 export default function ReplyBubble(props) {
   const {
     customStyle,
@@ -89,30 +91,27 @@ export default function ReplyBubble(props) {
     }
 
     if (fileFormat) {
-      return /*#__PURE__*/React.createElement(AttachmentIcon, {
+      return /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
         customStyle: iconStyle,
         fileFormat: fileFormat,
         isValidAttachment: isValidAttachment,
-        mediaType: mediaType,
-        ...iconProps
-      });
+        mediaType: mediaType
+      }, iconProps));
     }
 
     return null;
   }, [fileURL, fileName, fileFormat, isValidAttachment, mediaType, iconStyle, iconProps, newStyle.image, imageWrapperClass]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ReplyBubbleHeader, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ReplyBubbleHeader, _extends({
     dateTimeDetails: dateTimeDetails,
     isFailed: isFailed,
-    replyText: replyText,
-    ...headerProps
-  }), /*#__PURE__*/React.createElement(ReplyBubbleContent, {
+    replyText: replyText
+  }, headerProps)), /*#__PURE__*/React.createElement(ReplyBubbleContent, _extends({
     isFailed: isFailed,
     onClick: onClick,
     renderIcon: renderIcon,
     renderMessage: renderMessage,
-    senderName: senderName,
-    ...contentProps
-  }));
+    senderName: senderName
+  }, contentProps)));
 }
 ReplyBubble.propTypes = replyBubblePropTypes;
 ReplyBubble.defaultProps = replyBubbleDefaultProps;

package/es/ReplyBubble/index.js

@@ -1 +1 @@
-export { default as ReplyBubble } from "./ReplyBubble";
+export { default as ReplyBubble } from './ReplyBubble';

package/es/ReplyBubbleContent/ReplyBubbleContent.js

@@ -5,15 +5,15 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleContentDefaultProps from "./props/defaultProps";
-import replyBubbleContentPropTypes from "./props/propTypes";
+import replyBubbleContentDefaultProps from './props/defaultProps';
+import replyBubbleContentPropTypes 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/ReplyBubbleContent.module.css";
+import style from './css/ReplyBubbleContent.module.css';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';

package/es/ReplyBubbleContent/index.js

@@ -1 +1 @@
-export { default as ReplyBubbleContent } from "./ReplyBubbleContent";
+export { default as ReplyBubbleContent } from './ReplyBubbleContent';

package/es/ReplyBubbleHeader/ReplyBubbleHeader.js

@@ -5,11 +5,11 @@ import React, { useMemo, useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleHeaderDefaultProps from "./props/defaultProps";
-import replyBubbleHeaderPropTypes from "./props/propTypes";
+import replyBubbleHeaderDefaultProps from './props/defaultProps';
+import replyBubbleHeaderPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/ReplyBubbleHeader.module.css";
+import style from './css/ReplyBubbleHeader.module.css';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
@@ -19,7 +19,7 @@ import ReplyIcon from '@zohodesk/icon/es/general/Reply';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function ReplyBubbleHeader(props) {
   const {
     customStyle,

package/es/ReplyBubbleHeader/index.js

@@ -1 +1 @@
-export { default as ReplyBubbleHeader } from "./ReplyBubbleHeader";
+export { default as ReplyBubbleHeader } from './ReplyBubbleHeader';

package/es/TextBubble/TextBubble.js

@@ -5,14 +5,14 @@ import React, { Fragment } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import textBubbleDefaultProps from "./props/defaultProps";
-import textBubblePropTypes from "./props/propTypes";
+import textBubbleDefaultProps from './props/defaultProps';
+import textBubblePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/TextBubble.module.css";
+import style from './css/TextBubble.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function TextBubble(props) {
   const {
     customStyle,

package/es/TextBubble/index.js

@@ -1 +1 @@
-export { default as TextBubble } from "./TextBubble";
+export { default as TextBubble } from './TextBubble';

package/es/Theme/ThemeAssets.js

@@ -67,24 +67,24 @@ import '@zohodesk/variables/assets/fontsizeVariables.module.css';
 import '@zohodesk/variables/es/fontFamilyVariables.module.css';
 import '@zohodesk/variables/assets/transitionVariables.module.css';
 import '@zohodesk/variables/assets/no_transitionVariables.module.css';
-import "../../assets/Appearance/dark/mode/General_DarkMode.module.css";
-import "../../assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css";
-import "../../assets/Appearance/light/mode/General_LightMode.module.css";
-import "../../assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/green/green_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/red/red_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css";
-import "../../assets/Appearance/pureDark/mode/General_PureDarkMode.module.css";
-import "../../assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css";
+import '../../assets/Appearance/dark/mode/General_DarkMode.module.css';
+import '../../assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css';
+import '../../assets/Appearance/light/mode/General_LightMode.module.css';
+import '../../assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/green/green_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/red/red_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css';
+import '../../assets/Appearance/pureDark/mode/General_PureDarkMode.module.css';
+import '../../assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css';
 export default function DeskAssets(props) {
   const {
     children