@zohoim/chat-components 0.0.13 → 0.0.15

package/es/im/IMAttachmentBubble/IMAttachmentBubble.js

@@ -1,62 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imAttachmentBubbleDefaultProps from './props/defaultProps';
-import imAttachmentBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-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';
-export default function IMAttachmentBubble(props) {
-  const {
-    customStyle,
-    iconCustomStyle,
-    bubbleCustomStyle,
-    bubbleInfoCustomStyle,
-    attachmentDetails
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imAttachmentBubbleClass
-  } = cssJSLogic(props, newStyle);
-  const {
-    formattedFileSize: fileSize,
-    fileName,
-    fileFormat
-  } = getAttachmentDetails({
-    attachmentDetails
-  });
-  function renderFileTypeIcon() {
-    return /*#__PURE__*/React.createElement(IMAttachmentIcon, {
-      customStyle: iconCustomStyle,
-      fileFormat: fileFormat
-    });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: imAttachmentBubbleClass
-  }, /*#__PURE__*/React.createElement(AttachmentBubble, {
-    bubbleInfoCustomStyle: bubbleInfoCustomStyle,
-    customStyle: bubbleCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    renderFileTypeIcon: renderFileTypeIcon
-  }));
-}
-IMAttachmentBubble.propTypes = imAttachmentBubblePropTypes;
-IMAttachmentBubble.defaultProps = imAttachmentBubbleDefaultProps;
-IMAttachmentBubble.displayName = 'IMAttachmentBubble';

package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css

@@ -1 +0,0 @@
-

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

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imAttachmentBubbleClass = compileClassNames({
-    [style.imAttachmentBubble]: true
-  });
-  return {
-    imAttachmentBubbleClass
-  };
-}

package/es/im/IMAttachmentBubble/index.js

@@ -1 +0,0 @@
-export { default as IMAttachmentBubble } from './IMAttachmentBubble';

package/es/im/IMAttachmentBubble/props/defaultProps.js

@@ -1,10 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imAttachmentBubbleDefaultProps = {
-  customStyle: dummyObject,
-  bubbleCustomStyle: dummyObject,
-  bubbleInfoCustomStyle: dummyObject,
-  iconCustomStyle: dummyObject,
-  attachmentDetails: dummyObject
-};
-export default imAttachmentBubbleDefaultProps;

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

@@ -1,16 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imAttachmentBubblePropTypes = {
-  customStyle: PropTypes.object,
-  iconCustomStyle: PropTypes.object,
-  bubbleCustomStyle: PropTypes.object,
-  bubbleInfoCustomStyle: PropTypes.object,
-  attachmentDetails: PropTypes.shape({
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string,
-    id: PropTypes.string
-  })
-};
-export default imAttachmentBubblePropTypes;

package/es/im/IMAttachmentIcon/IMAttachmentIcon.js

@@ -1,85 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imAttachmentIconDefaultProps from './props/defaultProps';
-import imAttachmentIconPropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-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';
-import CodeIcon from '../../icons/iconSrc/attachments/Code';
-import ImageIcon from '../../icons/iconSrc/attachments/Image';
-import PdfIcon from '../../icons/iconSrc/attachments/Pdf';
-import TextIcon from '../../icons/iconSrc/attachments/Txt';
-import UnknownIcon from '../../icons/iconSrc/attachments/Unknown';
-import VideoIcon from '../../icons/iconSrc/attachments/Video';
-import ZipIcon from '../../icons/iconSrc/attachments/Zip';
-const {
-  SVG,
-  IMAGE,
-  PDF,
-  AUDIO,
-  VIDEO,
-  MP3,
-  M4A,
-  MP4,
-  // LOCATION,
-  HTML,
-  PSD,
-  CSS,
-  TEXT,
-  PLAIN,
-  ZIP,
-  UNDEFINED
-} = attachmentFileTypes;
-export default function IMAttachmentIcon(props) {
-  const {
-    customStyle,
-    fileFormat
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    iconStyle
-  } = cssJSLogic(props, newStyle);
-  const iconMapping = {
-    [SVG]: UnknownIcon,
-    [IMAGE]: ImageIcon,
-    [PDF]: PdfIcon,
-    [AUDIO]: AudioIcon,
-    [VIDEO]: VideoIcon,
-    [MP3]: AudioIcon,
-    [M4A]: AudioIcon,
-    [MP4]: VideoIcon,
-    // [LOCATION]: ReplyIcon,
-    [HTML]: CodeIcon,
-    [PSD]: UnknownIcon,
-    [CSS]: CodeIcon,
-    [TEXT]: TextIcon,
-    [PLAIN]: UnknownIcon,
-    [ZIP]: ZipIcon,
-    [UNDEFINED]: UnknownIcon
-  };
-  const IconComponent = iconMapping[fileFormat];
-  return IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
-    customStyle: iconStyle
-  }) : null;
-}
-IMAttachmentIcon.propTypes = imAttachmentIconPropTypes;
-IMAttachmentIcon.defaultProps = imAttachmentIconDefaultProps;
-IMAttachmentIcon.displayName = 'IMAttachmentIcon';

package/es/im/IMAttachmentIcon/css/IMAttachmentIcon.module.css

@@ -1,4 +0,0 @@
-.icon {
-    width: var(--imlib_size_20);
-    height: var(--imlib_size_20);
-}

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

@@ -1,16 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imAttachmentIconClass = compileClassNames({
-    [style.imAttachmentIcon]: true
-  });
-  const iconClass = compileClassNames({
-    [style.icon]: true
-  });
-  return {
-    imAttachmentIconClass,
-    iconStyle: {
-      base: iconClass
-    }
-  };
-}

package/es/im/IMAttachmentIcon/index.js

@@ -1 +0,0 @@
-export { default as IMAttachmentIcon } from './IMAttachmentIcon';

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

@@ -1,26 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-import attachmentFileTypes from '@zohoim/chat-components-utils/es/constants/attachmentFileTypes';
-const {
-  SVG,
-  IMAGE,
-  PDF,
-  AUDIO,
-  VIDEO,
-  MP3,
-  M4A,
-  MP4,
-  LOCATION,
-  HTML,
-  PSD,
-  CSS,
-  TEXT,
-  PLAIN,
-  ZIP,
-  UNDEFINED
-} = attachmentFileTypes;
-const imAttachmentIconPropTypes = {
-  customStyle: PropTypes.object,
-  fileFormat: PropTypes.oneOf([SVG, IMAGE, PDF, AUDIO, VIDEO, MP3, M4A, MP4, LOCATION, HTML, PSD, CSS, TEXT, PLAIN, ZIP, UNDEFINED])
-};
-export default imAttachmentIconPropTypes;

package/es/im/IMAudioBubble/IMAudioBubble.js

@@ -1,62 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imAudioBubbleDefaultProps from './props/defaultProps';
-import imAudioBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMAudioBubble.module.css';
-import AudioBubble from '../../AudioBubble/AudioBubble';
-import useIMAudioBubble from '@zohoim/chat-components-hooks/es/im/IMAudioBubble/useIMAudioBubble';
-export default function IMAudioBubble(props) {
-  const {
-    attachmentDetails,
-    customStyle,
-    audioBubbleCustomStyle,
-    // headerCustomStyle,
-    audioCustomStyle,
-    controlsCustomStyle
-  } = props;
-  const {
-    isShow,
-    fileName,
-    formattedFileSize: fileSize,
-    attachmentURL: fileURL,
-    attachmentType: fileType
-  } = useIMAudioBubble({
-    attachmentDetails
-  });
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imAudioBubbleClass,
-    headerCustomStyle
-  } = cssJSLogic(props, newStyle);
-  return isShow ? /*#__PURE__*/React.createElement("div", {
-    className: imAudioBubbleClass
-  }, /*#__PURE__*/React.createElement(AudioBubble, {
-    audioCustomStyle: audioCustomStyle,
-    controlsCustomStyle: controlsCustomStyle,
-    customStyle: audioBubbleCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    fileType: fileType,
-    fileURL: fileURL,
-    headerCustomStyle: headerCustomStyle
-  })) : null;
-}
-IMAudioBubble.propTypes = imAudioBubblePropTypes;
-IMAudioBubble.defaultProps = imAudioBubbleDefaultProps;
-IMAudioBubble.displayName = 'IMAudioBubble';

package/es/im/IMAudioBubble/css/IMAudioBubble.module.css

@@ -1,8 +0,0 @@
-.imAudioBubble {
-    width: var(--imlib_size_380);
-}
-
-
-.box{
-    margin-bottom: var(--imlib_size_5);
-}

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

@@ -1,20 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const {
-    headerCustomStyle: propHeaderCustomStyle
-  } = props;
-  const imAudioBubbleClass = compileClassNames({
-    [style.imAudioBubble]: true
-  });
-  const headerCustomStyle = compileClassNames({
-    [style.box]: true
-  });
-  return {
-    imAudioBubbleClass,
-    headerCustomStyle: {
-      attachmentBubbleInfo: headerCustomStyle,
-      ...propHeaderCustomStyle
-    }
-  };
-}

package/es/im/IMAudioBubble/index.js

@@ -1 +0,0 @@
-export { default as IMAudioBubble } from './IMAudioBubble';

package/es/im/IMAudioBubble/props/defaultProps.js

@@ -1,11 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imAudioBubbleDefaultProps = {
-  customStyle: dummyObject,
-  audioBubbleCustomStyle: dummyObject,
-  headerCustomStyle: dummyObject,
-  audioCustomStyle: dummyObject,
-  controlsCustomStyle: dummyObject,
-  attachmentDetails: dummyObject
-};
-export default imAudioBubbleDefaultProps;

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

@@ -1,17 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imAudioBubblePropTypes = {
-  attachmentDetails: PropTypes.shape({
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string,
-    id: PropTypes.string
-  }),
-  customStyle: PropTypes.object,
-  audioBubbleCustomStyle: PropTypes.object,
-  headerCustomStyle: PropTypes.object,
-  audioCustomStyle: PropTypes.object,
-  controlsCustomStyle: PropTypes.object
-};
-export default imAudioBubblePropTypes;

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

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imAutoMessageInfoClass = compileClassNames({
-    [style.imAutoMessageInfo]: true
-  });
-  return {
-    imAutoMessageInfoClass
-  };
-}

package/es/im/IMDateTime/IMDateTime.js

@@ -1,40 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import useIMDateTime from '@zohoim/chat-components-hooks/es/im/IMDateTime/useIMDateTime';
-
-/** ** Constants *** */
-import imDateTimeDefaultProps from './props/defaultProps';
-import imDateTimePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMDateTime.module.css';
-export default function IMDateTime(props) {
-  const {
-    customStyle
-  } = props;
-  const {
-    time
-  } = useIMDateTime(props);
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imDateTimeClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: imDateTimeClass
-  }, time);
-}
-IMDateTime.propTypes = imDateTimePropTypes;
-IMDateTime.defaultProps = imDateTimeDefaultProps;
-IMDateTime.displayName = 'IMDateTime';

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

@@ -1,10 +0,0 @@
-.imDateTime {
-  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/IMDateTime/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imDateTimeClass = compileClassNames({
-    [style.imDateTime]: true
-  });
-  return {
-    imDateTimeClass
-  };
-}

package/es/im/IMDateTime/index.js

@@ -1 +0,0 @@
-export { default as IMDateTime } from './IMDateTime';

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

@@ -1,6 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imDateTimePropTypes = {
-  customStyle: PropTypes.object
-};
-export default imDateTimePropTypes;

package/es/im/IMImageBubble/IMImageBubble.js

@@ -1,50 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imImageBubbleDefaultProps from './props/defaultProps';
-import imImageBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-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';
-export default function IMImageBubble(props) {
-  const {
-    customStyle,
-    attachmentDetails
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imImageBubbleClass
-  } = cssJSLogic(props, newStyle);
-  const {
-    attachmentURL,
-    fileName
-  } = getAttachmentDetails({
-    attachmentDetails
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: imImageBubbleClass
-  }, /*#__PURE__*/React.createElement(ImageBubble, {
-    alternate: fileName,
-    src: attachmentURL
-  }));
-}
-IMImageBubble.propTypes = imImageBubblePropTypes;
-IMImageBubble.defaultProps = imImageBubbleDefaultProps;
-IMImageBubble.displayName = 'IMImageBubble';

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

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imImageBubbleClass = compileClassNames({
-    [style.imImageBubble]: true
-  });
-  return {
-    imImageBubbleClass
-  };
-}

package/es/im/IMImageBubble/index.js

@@ -1 +0,0 @@
-export { default as IMImageBubble } from './IMImageBubble';

package/es/im/IMImageBubble/props/defaultProps.js

@@ -1,7 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imImageBubbleDefaultProps = {
-  customStyle: dummyObject,
-  attachmentDetails: dummyObject
-};
-export default imImageBubbleDefaultProps;

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

@@ -1,13 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imImageBubblePropTypes = {
-  customStyle: PropTypes.object,
-  attachmentDetails: PropTypes.shape({
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string,
-    id: PropTypes.string
-  })
-};
-export default imImageBubblePropTypes;

package/es/im/IMIntegrationIcon/props/propConstants.js

@@ -1,8 +0,0 @@
-/** ** Constants *** */
-import sizes from '@zohoim/chat-components-utils/es/constants/sizes';
-export default {
-  SIZE: {
-    SMALL: sizes.SMALL,
-    MEDIUM: sizes.MEDIUM
-  }
-};

package/es/im/IMLocationBubble/IMLocationBubble.js

@@ -1,50 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imLocationBubbleDefaultProps from './props/defaultProps';
-import imLocationBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import getDerivedLocationDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedLocationDetails';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMLocationBubble.module.css';
-
-/** ** Components *** */
-import LocationBubble from '../../LocationBubble/LocationBubble';
-export default function IMLocationBubble(props) {
-  const {
-    customStyle,
-    locationDetails,
-    locationCustomStyle
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imLocationBubbleClass
-  } = cssJSLogic(props, newStyle);
-  const {
-    locationURL
-  } = getDerivedLocationDetails({
-    locationDetails
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: imLocationBubbleClass
-  }, /*#__PURE__*/React.createElement(LocationBubble, {
-    customStyle: locationCustomStyle,
-    locationURL: locationURL
-  }));
-}
-IMLocationBubble.propTypes = imLocationBubblePropTypes;
-IMLocationBubble.defaultProps = imLocationBubbleDefaultProps;
-IMLocationBubble.displayName = 'IMLocationBubble';

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

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imLocationBubbleClass = compileClassNames({
-    [style.imLocationBubble]: true
-  });
-  return {
-    imLocationBubbleClass
-  };
-}

package/es/im/IMLocationBubble/index.js

@@ -1 +0,0 @@
-export { default as IMLocationBubble } from './IMLocationBubble';

package/es/im/IMLocationBubble/props/defaultProps.js

@@ -1,8 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imLocationBubbleDefaultProps = {
-  customStyle: dummyObject,
-  locationCustomStyle: dummyObject,
-  locationDetails: dummyObject
-};
-export default imLocationBubbleDefaultProps;

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

@@ -1,11 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imLocationBubblePropTypes = {
-  customStyle: PropTypes.object,
-  locationCustomStyle: PropTypes.object,
-  locationDetails: PropTypes.shape({
-    latitude: PropTypes.string,
-    longitude: PropTypes.string
-  })
-};
-export default imLocationBubblePropTypes;