@zohoim/chat-components 1.1.4 → 1.1.6-beta.1

package/es/Emoji/css/Emoji.module.css

@@ -1,8 +1,8 @@
 .varClass {
-  --emoji-height: var(--zd_size32);
-  --emoji-width: var(--zd_size32);
-  --emoji-font_size: var(--zd_font_size20);
-  --emoji-margin: var(--zd_size5);
+  --emoji-height: 32px;
+  --emoji-width: 32px;
+  --emoji-font_size: 20px;
+  --emoji-margin: 5px;
 }
 
 .emoji {

package/es/Emoji/index.js

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

package/es/EmojiPopup/EmojiPopup.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 } from 'react';
 /** ** Components *** */
@@ -6,20 +8,20 @@ import Popup from '@zohodesk/components/es/Popup/Popup';
 import DropBox from '@zohodesk/components/es/DropBox/DropBox';
 import IconButton from '@zohodesk/dot/es/IconButton/IconButton';
 import { Container } from '@zohodesk/components/es/Layout';
-import Emojis from "../Emojis/Emojis";
+import Emojis from '../Emojis/Emojis';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useEmojiPopup from '@zohoim/chat-components-hooks/es/EmojiPopup/useEmojiPopup';
 /** ** Constants *** */
 
-import emojiPopupDefaultProps from "./props/defaultProps";
-import emojiPopupPropTypes from "./props/propTypes";
-import { EDITOR_POPUP_PORTAL } from "../constants";
+import emojiPopupDefaultProps from './props/defaultProps';
+import emojiPopupPropTypes from './props/propTypes';
+import { EDITOR_POPUP_PORTAL } from '../constants';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/EmojiPopup.module.css";
+import style from './css/EmojiPopup.module.css';
 
 function EmojiPopupComp(props) {
   const {
@@ -74,7 +76,7 @@ function EmojiPopupComp(props) {
   }), [newStyle.popup, newStyle.mobilePopup, newStyle.popupWrapper, newStyle.mobilePopupWrapper]);
   return /*#__PURE__*/React.createElement(Container, {
     alignBox: "column"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({
     a11y: {
       ariaLabel: tooltip
     },
@@ -85,9 +87,8 @@ function EmojiPopupComp(props) {
     iconSize: "14",
     isActive: isPopupOpen,
     onClick: onTogglePopup,
-    title: tooltip,
-    ...iconProps
-  }), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
+    title: tooltip
+  }, iconProps)), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, _extends({
     boxPosition: position,
     customClass: popupClass,
     customStyle: dummyObject,
@@ -99,12 +100,10 @@ function EmojiPopupComp(props) {
     onClick: removeClose,
     portalId: EDITOR_POPUP_PORTAL,
     positionsOffset: positionsOffset,
-    size: popupSize,
-    ...dropBoxProps
-  }, /*#__PURE__*/React.createElement(Emojis, {
-    onSelect: onSelect,
-    ...emojisProps
-  })) : null);
+    size: popupSize
+  }, dropBoxProps), /*#__PURE__*/React.createElement(Emojis, _extends({
+    onSelect: onSelect
+  }, emojisProps))) : null);
 }
 
 const EmojiPopup = Popup(EmojiPopupComp, undefined, undefined, {

package/es/EmojiPopup/index.js

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

package/es/EmojiPopup/props/propTypes.js

@@ -2,7 +2,7 @@
 import PropTypes from 'prop-types';
 /** ** Constants *** */
 
-import { popupSize, popupPosition } from "../../constants/propConstants/popupPropConstants";
+import { popupSize, popupPosition } from '../../constants/propConstants/popupPropConstants';
 const emojiPopupPropTypes = {
   customStyle: PropTypes.object,
   customProps: PropTypes.shape({

package/es/Emojis/Emojis.js

@@ -1,12 +1,14 @@
+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); }
+
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
 import React from 'react';
 /** ** Components *** */
 
-import EmojisList from "../EmojisList/EmojisList";
-import EmojisHeader from "../EmojisHeader/EmojisHeader";
-import EmojisFooter from "../EmojisFooter/EmojisFooter";
+import EmojisList from '../EmojisList/EmojisList';
+import EmojisHeader from '../EmojisHeader/EmojisHeader';
+import EmojisFooter from '../EmojisFooter/EmojisFooter';
 /** ** Hooks *** */
 
 import useEmojis from '@zohoim/chat-components-hooks/es/Emojis/useEmojis';
@@ -14,8 +16,8 @@ import useEmojis from '@zohoim/chat-components-hooks/es/Emojis/useEmojis';
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 import emojisList from '@zohoim/chat-components-utils/es/constants/emojisList';
-import emojisDefaultProps from "./props/defaultProps";
-import emojisPropTypes from "./props/propTypes";
+import emojisDefaultProps from './props/defaultProps';
+import emojisPropTypes from './props/propTypes';
 export default function Emojis(props) {
   const {
     searchString,
@@ -52,13 +54,12 @@ export default function Emojis(props) {
     isShowGroupBasedList,
     getMethods
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isShowSearchBox ? /*#__PURE__*/React.createElement(EmojisHeader, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isShowSearchBox ? /*#__PURE__*/React.createElement(EmojisHeader, _extends({
     getRef: getSearchRef,
     onChange: onSearch,
     searchPlaceHolder: searchPlaceHolder,
-    searchString: searchValue,
-    ...emojisHeaderProps
-  }) : null, /*#__PURE__*/React.createElement(EmojisList, {
+    searchString: searchValue
+  }, emojisHeaderProps)) : null, /*#__PURE__*/React.createElement(EmojisList, _extends({
     emojisList: emojisList,
     getMethods: getEmojisListMethods,
     isShowGroupBasedList: searchValue ? false : isShowGroupBasedList,
@@ -67,14 +68,12 @@ export default function Emojis(props) {
     onSelect: onSelect,
     rowType: emojisRowType,
     searchString: searchValue,
-    selectedGroup: selectedGroup,
-    ...emojisListProps
-  }), isShowGroupBasedList ? /*#__PURE__*/React.createElement(EmojisFooter, {
+    selectedGroup: selectedGroup
+  }, emojisListProps)), isShowGroupBasedList ? /*#__PURE__*/React.createElement(EmojisFooter, _extends({
     emojisList: emojisList,
     onSelect: onSelectTab,
-    selectedTab: selectedGroup,
-    ...emojisFooterProps
-  }) : null);
+    selectedTab: selectedGroup
+  }, emojisFooterProps)) : null);
 }
 Emojis.propTypes = emojisPropTypes;
 Emojis.defaultProps = emojisDefaultProps;

package/es/Emojis/index.js

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

package/es/EmojisEmptyState/EmojisEmptyState.js

@@ -3,17 +3,17 @@ import React, { useMemo } from 'react';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
-import Emoji from "../Emoji/Emoji";
+import Emoji from '../Emoji/Emoji';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import emojisEmptyStateDefaultProps from "./props/defaultProps";
-import emojisEmptyStatePropTypes from "./props/propTypes";
+import emojisEmptyStateDefaultProps from './props/defaultProps';
+import emojisEmptyStatePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/EmojisEmptyState.module.css";
+import style from './css/EmojisEmptyState.module.css';
 export default function EmojisEmptyState(props) {
   const {
     customStyle,

package/es/EmojisEmptyState/index.js

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

package/es/EmojisFooter/EmojisFooter.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); }
+
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
@@ -5,18 +7,18 @@ import React, { useMemo } from 'react';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
-import Emoji from "../Emoji/Emoji";
+import Emoji from '../Emoji/Emoji';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import emojisFooterDefaultProps from "./props/defaultProps";
-import emojisFooterPropTypes from "./props/propTypes";
+import emojisFooterDefaultProps from './props/defaultProps';
+import emojisFooterPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/EmojisFooter.module.css";
+import style from './css/EmojisFooter.module.css';
 
 const capitalize = function () {
   let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -53,15 +55,14 @@ export default function EmojisFooter(props) {
       key: id,
       className: newStyle.tabIcon,
       flexible: true
-    }, /*#__PURE__*/React.createElement(Emoji, {
+    }, /*#__PURE__*/React.createElement(Emoji, _extends({
       customStyle: emojiCustomStyle,
       customTitle: capitalize(groupName),
       emoji: emoji,
       emojiName: emojiName,
       id: groupName,
-      onSelect: onSelect,
-      ...emojiProps
-    }), selectedTab === groupName ? /*#__PURE__*/React.createElement("span", {
+      onSelect: onSelect
+    }, emojiProps)), selectedTab === groupName ? /*#__PURE__*/React.createElement("span", {
       className: newStyle.tabLine
     }) : null);
   }));

package/es/EmojisFooter/index.js

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

package/es/EmojisHeader/EmojisHeader.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 from 'react';
 /** ** Components *** */
@@ -11,11 +13,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-import emojisHeaderDefaultProps from "./props/defaultProps";
-import emojisHeaderPropTypes from "./props/propTypes";
+import emojisHeaderDefaultProps from './props/defaultProps';
+import emojisHeaderPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/EmojisHeader.module.css";
+import style from './css/EmojisHeader.module.css';
 export default function EmojisHeader(props) {
   const {
     customStyle,
@@ -44,7 +46,7 @@ export default function EmojisHeader(props) {
     size: "13"
   })), /*#__PURE__*/React.createElement(Box, {
     flexible: true
-  }, /*#__PURE__*/React.createElement(TextBox, {
+  }, /*#__PURE__*/React.createElement(TextBox, _extends({
     customClass: newStyle.searchInput,
     inputRef: getRef,
     isDisabled: false,
@@ -56,9 +58,8 @@ export default function EmojisHeader(props) {
     size: "medium",
     type: "text",
     value: searchString,
-    variant: "default",
-    ...textBoxProps
-  }))));
+    variant: "default"
+  }, textBoxProps)))));
 }
 EmojisHeader.propTypes = emojisHeaderPropTypes;
 EmojisHeader.defaultProps = emojisHeaderDefaultProps;

package/es/EmojisHeader/index.js

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

package/es/EmojisList/EmojisList.js

@@ -1,27 +1,29 @@
+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); }
+
 /* eslint-disable max-len */
 
 /** ** Libraries *** */
 import React, { useCallback } from 'react';
 /** ** Components *** */
 
-import Emoji from "../Emoji/Emoji";
-import EmojisEmptyState from "../EmojisEmptyState/EmojisEmptyState";
+import Emoji from '../Emoji/Emoji';
+import EmojisEmptyState from '../EmojisEmptyState/EmojisEmptyState';
 /** ** Hooks *** */
 
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useEmojisList from '@zohoim/chat-components-hooks/es/EmojisList/useEmojisList';
 /** ** Constants *** */
 
-import emojisListDefaultProps from "./props/defaultProps";
-import emojisListPropTypes from "./props/propTypes";
+import emojisListDefaultProps from './props/defaultProps';
+import emojisListPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** 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/EmojisList.module.css";
+import style from './css/EmojisList.module.css';
 export default function EmojisList(props) {
   const {
     customStyle,
@@ -89,17 +91,15 @@ export default function EmojisList(props) {
     }, groupName) : null, Object.keys(emojis).map(emojiName => {
       const emoji = emojis[emojiName];
       const id = `emoji_${emojiName}`;
-      return /*#__PURE__*/React.createElement(Emoji, {
+      return /*#__PURE__*/React.createElement(Emoji, _extends({
         key: id,
         emoji: emoji,
         emojiName: emojiName,
-        onSelect: onSelect,
-        ...emojiProps
-      });
+        onSelect: onSelect
+      }, emojiProps));
     })) : null;
   }, [emojiProps, isGroupEmpty, groupClass, isShowGroupBasedList, newStyle.groupName, onSelect, setGroupRefs]);
-  const renderDefaultEmptyState = useCallback(() => /*#__PURE__*/React.createElement(EmojisEmptyState, { ...emojisEmptyStateProps
-  }), [emojisEmptyStateProps]);
+  const renderDefaultEmptyState = useCallback(() => /*#__PURE__*/React.createElement(EmojisEmptyState, emojisEmptyStateProps), [emojisEmptyStateProps]);
   const renderEmptyState = useCallback(() => {
     /* Render EmptyState */
     if (isRenderEmptyState) {

package/es/EmojisList/css/EmojisList.module.css

@@ -1,7 +1,7 @@
 .varClass {
-  --emoji-groupName-size: var(--zd_font_size13);
-  --emoji-singleList-size: var(--zd_size32);
-  --emoji-multipleList-size: var(--zd_size300);
+  --emoji-groupName-size: 13px;
+  --emoji-singleList-size: 32px;
+  --emoji-multipleList-size: 300px;
 }
 
 .emojisList {

package/es/EmojisList/index.js

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

package/es/ImageBubble/ImageBubble.js

@@ -6,18 +6,18 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
 /** ** Constants *** */
 
-import imageBubbleDefaultProps from "./props/defaultProps";
-import imageBubblePropTypes from "./props/propTypes";
+import imageBubbleDefaultProps from './props/defaultProps';
+import imageBubblePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/ImageBubble.module.css";
+import style from './css/ImageBubble.module.css';
 /** ** Components *** */
 
 import { Container } from '@zohodesk/components/es/Layout';
-import LazyLoadImage from "../LazyLoadImage/LazyLoadImage";
+import LazyLoadImage from '../LazyLoadImage/LazyLoadImage';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function ImageBubble(props) {
   const {
     customStyle,

package/es/ImageBubble/css/ImageBubble.module.css

@@ -1,5 +1,5 @@
 .varClass {
-  --imageBubble-wrapper_height: var(--zd_size200);
+  --imageBubble-wrapper_height: 200px;
   --imageBubble-wrapper_width: 23.75rem;
   --imageBubble-wrapper_max_width: 100%;
   --imageBubble-blur_img_width: 100%;

package/es/ImageBubble/index.js

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

package/es/LazyLoadImage/LazyLoadImage.js

@@ -6,11 +6,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useLazyLoadImage from '@zohoim/chat-components-hooks/es/ImageBubble/useLazyLoadImage';
 /** ** Constants *** */
 
-import lazyLoadImageDefaultProps from "./props/defaultProps";
-import lazyLoadImagePropTypes from "./props/propTypes";
+import lazyLoadImageDefaultProps from './props/defaultProps';
+import lazyLoadImagePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/LazyLoadImage.module.css";
+import style from './css/LazyLoadImage.module.css';
 export default function LazyLoadImage(props) {
   const {
     customStyle,

package/es/LazyLoadImage/index.js

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

package/es/LocationBubble/LocationBubble.js

@@ -9,17 +9,17 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import locationBubbleDefaultProps from "./props/defaultProps";
-import locationBubblePropTypes from "./props/propTypes";
+import locationBubbleDefaultProps from './props/defaultProps';
+import locationBubblePropTypes from './props/propTypes';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
-import style from "./css/LocationBubble.module.css";
+import style from './css/LocationBubble.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function LocationBubble(props) {
   const {
     customStyle,

package/es/LocationBubble/index.js

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

package/es/MediaBubbleWrapper/MediaBubbleWrapper.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, Fragment } from 'react';
 /** ** Hooks *** */
@@ -6,18 +8,18 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
 /** ** Constants *** */
 
-import mediaBubbleWrapperDefaultProps from "./props/defaultProps";
-import mediaBubbleWrapperPropTypes from "./props/propTypes";
+import mediaBubbleWrapperDefaultProps from './props/defaultProps';
+import mediaBubbleWrapperPropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/MediaBubbleWrapper.module.css";
+import style from './css/MediaBubbleWrapper.module.css';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
 /** ** Components *** */
 
-import AttachmentBubbleInfo from "../AttachmentBubbleInfo/AttachmentBubbleInfo";
+import AttachmentBubbleInfo from '../AttachmentBubbleInfo/AttachmentBubbleInfo';
 export default function MediaBubbleWrapper(props) {
   const {
     customStyle,
@@ -47,13 +49,13 @@ export default function MediaBubbleWrapper(props) {
     fileURL,
     fileType
   });
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, _extends({
     customStyle: bubbleInfoCustomStyle,
     fileName: fileName,
-    fileSize: fileSize,
-    ...attachmentBubbleInfoProps,
+    fileSize: fileSize
+  }, attachmentBubbleInfoProps, {
     isFailed: isFailed
-  }), mediaComponent);
+  })), mediaComponent);
 }
 MediaBubbleWrapper.propTypes = mediaBubbleWrapperPropTypes;
 MediaBubbleWrapper.defaultProps = mediaBubbleWrapperDefaultProps;

package/es/MediaBubbleWrapper/index.js

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