@zohoim/chat-components 0.0.11 → 0.0.14

package/es/im/IMAttachmentIcon/IMAttachmentIcon.js

@@ -1,86 +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 renderHandler from "@zohoim/chat-components-utils/es/common/renderHandler";
-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,63 +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 renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-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, {
-    customStyle: audioBubbleCustomStyle,
-    headerCustomStyle: headerCustomStyle,
-    audioCustomStyle: audioCustomStyle,
-    controlsCustomStyle: controlsCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    fileURL: fileURL,
-    fileType: fileType
-  })) : 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) {
-  let {
-    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,41 +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 renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-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,5 +0,0 @@
-.imDateTime {
-  font-size: 11px;
-  /* max-width: var(--zd_size100); */
-  /* display: flex; */
-}

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/defaultProps.js

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

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,49 +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 renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMImageBubble.module.css';
-import ImageBubble from '../../ImageBubble/ImageBubble';
-import useIMImageBubble from '@zohoim/chat-components-hooks/es/im/IMImageBubble/useIMImageBubble';
-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
-  } = useIMImageBubble({
-    attachmentDetails
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: imImageBubbleClass
-  }, /*#__PURE__*/React.createElement(ImageBubble, {
-    src: attachmentURL,
-    alternate: fileName
-  }));
-}
-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,49 +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 renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMLocationBubble.module.css';
-import useIMLocationBubble from '@zohoim/chat-components-hooks/es/im/IMLocationBubble/useIMLocationBubble';
-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
-  } = useIMLocationBubble({
-    locationDetails
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: imLocationBubbleClass
-  }, /*#__PURE__*/React.createElement(LocationBubble, {
-    locationURL: locationURL,
-    customStyle: locationCustomStyle
-  }));
-}
-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;

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

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

package/es/im/IMMessage/renderChild/renderMessage.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageActions.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageActions from '../../IMMessageActions/IMMessageActions';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageActions, null);
-}

package/es/im/IMMessage/renderChild/renderMessageBox.js

@@ -1,15 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageBox from '../../MessageBox/MessageBox';
-export default function renderMessageBox(props) {
-  const {
-    renderMessageFooter,
-    renderMessageHeader,
-    renderMessageStatus,
-    renderMessage,
-    customStyle
-  } = props;
-  return /*#__PURE__*/React.createElement(MessageBox, props);
-}

package/es/im/IMMessage/renderChild/renderMessageBoxFooter.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageBoxFooter from '../../MessageBoxFooter/MessageBoxFooter';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(MessageBoxFooter, null);
-}

package/es/im/IMMessage/renderChild/renderMessageFooter.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageHeader.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, null);
-}

package/es/im/IMMessage/renderChild/renderMessageOwner.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageAvatar from '../../IMMessageAvatar/IMMessageAvatar';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageAvatar, null);
-}

package/es/im/IMMessage/renderChild/renderMessageStatus.js

@@ -1,8 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import IMMessageStatus from '../../IMMessageStatus/IMMessageStatus';
-export default function renderMessageBoxFooter(props) {
-  return /*#__PURE__*/React.createElement(IMMessageStatus, props);
-}