@zohoim/chat-components 0.0.11 → 0.0.14

package/es/im/IMMessageActions/IMMessageActions.js

@@ -1,150 +0,0 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-/* eslint-disable arrow-parens */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import ActionIcon from '../../ActionIcon/ActionIcon';
-import MessageActions from '../../MessageActions/MessageActions';
-import MessageAction from '../../MessageAction/MessageAction';
-
-/** ** Icons *** */
-import ReplyIcon from '@zohodesk/icon/es/general/Reply';
-import ReloadIcon from '@zohodesk/icon/es/general/Reload';
-import CopyIcon from '@zohodesk/icon/es/general/Copy';
-import DownloadIcon from '@zohodesk/icon/es/general/Cloud';
-import DeleteIcon from '@zohodesk/icon/es/general/Delete';
-import ForwardIcon from '@zohodesk/icon/es/channels/EmailForward';
-import MoreIcon from '@zohodesk/icon/es/general/More';
-import ConvertTicket from '../../icons/iconSrc/actions/ConvertTicket';
-
-/** ** Hooks *** */
-import useIMMessageActions from '@zohoim/chat-components-hooks/es/im/IMMessageActions/useIMMessageActions';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Constants *** */
-import imMessageActionsDefaultProps from './props/defaultProps';
-import imMessageActionsPropTypes from './props/propTypes';
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-
-/** ** CSS *** */
-import style from './css/IMMessageActions.module.css';
-const {
-  REPLY,
-  COPY,
-  DOWNLOAD,
-  CREATE_TICKET,
-  RESEND,
-  DELETE,
-  FORWARD
-} = defaultMessageActions;
-export default function IMMessageActions(props) {
-  const {
-    actions,
-    defaultShowCount,
-    actionIconCustomStyle,
-    moreItemCustomStyle,
-    onSelect,
-    customStyle,
-    morePopupCustomStyle,
-    renderSecondaryActions
-  } = props;
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* css classnames added based on logic */
-  const {
-    moreIconClass,
-    secondaryActionsClass,
-    iconStyle
-  } = cssJSLogic(props, newStyle);
-  const {
-    actionDetails
-  } = useIMMessageActions({
-    actions,
-    defaultRenderFunction: renderAction
-  });
-  const {
-    allActions
-  } = actionDetails;
-  function handleClickAction(_ref) {
-    let {
-      id,
-      e
-    } = _ref;
-    onSelect && onSelect({
-      id,
-      e
-    });
-  }
-  function renderIcon(_ref2) {
-    let {
-      id
-    } = _ref2;
-    const iconMapping = {
-      [REPLY]: ReplyIcon,
-      [COPY]: CopyIcon,
-      [DOWNLOAD]: DownloadIcon,
-      [CREATE_TICKET]: ConvertTicket,
-      [RESEND]: ReloadIcon,
-      [DELETE]: DeleteIcon,
-      [FORWARD]: ForwardIcon
-    };
-    const IconComponent = iconMapping[id];
-    return IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
-      customStyle: iconStyle
-    }) : null;
-  }
-  function renderAction() {
-    let {
-      id,
-      isShowInMore,
-      action,
-      closePopup
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      displayText,
-      iconTitle
-    } = action || dummyObject;
-    return /*#__PURE__*/React.createElement(MessageAction, {
-      displayText: displayText,
-      id: id,
-      index: id,
-      key: id,
-      renderIcon: renderIcon,
-      onClick: handleClickAction,
-      isShowInMore: isShowInMore,
-      iconTitle: iconTitle,
-      actionIconCustomStyle: actionIconCustomStyle,
-      moreItemCustomStyle: moreItemCustomStyle,
-      closePopup: closePopup
-    });
-  }
-  function renderMoreIcon() {
-    return /*#__PURE__*/React.createElement(ActionIcon, {
-      renderIcon: () => /*#__PURE__*/React.createElement("div", {
-        className: moreIconClass
-      }, /*#__PURE__*/React.createElement(MoreIcon, null)),
-      customStyle: actionIconCustomStyle
-    });
-  }
-  const secondaryActions = renderHandler(renderSecondaryActions)();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MessageActions, {
-    actions: allActions,
-    renderMoreIcon: renderMoreIcon,
-    defaultShowCount: defaultShowCount,
-    morePopupCustomStyle: morePopupCustomStyle
-  }), secondaryActions ? /*#__PURE__*/React.createElement("div", {
-    className: secondaryActionsClass
-  }, secondaryActions) : null);
-}
-IMMessageActions.propTypes = imMessageActionsPropTypes;
-IMMessageActions.defaultProps = imMessageActionsDefaultProps;

package/es/im/IMMessageActions/css/IMMessageActions.module.css

@@ -1,31 +0,0 @@
-.varClass {
-  /* --imMessageActions-secondaryActions_margin: var(--imlib_size_5); */
-  --imMessageActions-action_icon_size: var(--imlib_size_15);
-}
-
-[dir=ltr] .moreIcon svg {
-  transform: rotate(90deg);
-}
-
-[dir=rtl] .moreIcon svg {
-  transform: rotate(-90deg);
-}
-
-.secondaryActions {
-  composes: varClass;
-  /* margin-top: var(--imMessageActions-secondaryActions_margin); */
-}
-
-[dir=ltr] .secondaryActions {
-  text-align: left;
-}
-
-[dir=rtl] .secondaryActions {
-  text-align: right;
-}
-
-.icon {
-  composes: varClass;
-  width: var(--imMessageActions-action_icon_size);
-  height: var(--imMessageActions-action_icon_size);
-}

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

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

package/es/im/IMMessageActions/index.js

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

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

@@ -1,12 +0,0 @@
-/** ** Constants *** */
-import { dummyObject, dummyArray } from '@zohoim/chat-components-utils/es/constants';
-import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
-const imMessageActionsDefaultProps = {
-  customStyle: dummyObject,
-  actionIconCustomStyle: dummyObject,
-  morePopupCustomStyle: dummyObject,
-  moreItemCustomStyle: dummyObject,
-  defaultShowCount: actionsDefaultShowCount,
-  actions: dummyArray
-};
-export default imMessageActionsDefaultProps;

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

@@ -1,30 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from "prop-types";
-
-/** ** Constants *** */
-import { defaultMessageActions } from "@zohoim/chat-components-utils/es/constants/messageActionConstants";
-const {
-  REPLY,
-  COPY,
-  DOWNLOAD,
-  CREATE_TICKET,
-  RESEND,
-  DELETE,
-  FORWARD
-} = defaultMessageActions;
-const imMessageActionsPropTypes = {
-  actions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf([REPLY, COPY, DOWNLOAD, CREATE_TICKET, RESEND, DELETE, FORWARD])]).isRequired,
-    displayText: PropTypes.string,
-    renderFunction: PropTypes.func,
-    iconTitle: PropTypes.string
-  })).isRequired,
-  defaultShowCount: PropTypes.number,
-  actionIconCustomStyle: PropTypes.object,
-  morePopupCustomStyle: PropTypes.object,
-  moreItemCustomStyle: PropTypes.object,
-  onSelect: PropTypes.func,
-  customStyle: PropTypes.object,
-  renderSecondaryActions: PropTypes.func
-};
-export default imMessageActionsPropTypes;

package/es/im/IMMessageAvatar/IMMessageAvatar.js

@@ -1,45 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import MessageAvatar from '../../MessageAvatar/MessageAvatar';
-import IMIntegrationIcon from '../IMIntegrationIcon/IMIntegrationIcon';
-
-/** ** Constants *** */
-import imMessageAvatarDefaultProps from './props/defaultProps';
-import imMessageAvatarPropTypes from './props/propTypes';
-export default function IMMessageAvatar(props) {
-  const {
-    src,
-    alternateSrc,
-    title,
-    avatarSize,
-    name,
-    customStyle,
-    integrationName,
-    iconSize,
-    iconCustomStyle,
-    isCustomIcon,
-    renderCustomIcon
-  } = props;
-  function renderIcon() {
-    return /*#__PURE__*/React.createElement(IMIntegrationIcon, {
-      integrationName: integrationName,
-      size: iconSize,
-      customStyle: iconCustomStyle,
-      isCustom: isCustomIcon,
-      renderIcon: renderCustomIcon
-    });
-  }
-  return /*#__PURE__*/React.createElement(MessageAvatar, {
-    src: src,
-    alternateSrc: alternateSrc,
-    title: title,
-    size: avatarSize,
-    name: name,
-    renderIcon: renderIcon,
-    customStyle: customStyle
-  });
-}
-IMMessageAvatar.defaultProps = imMessageAvatarDefaultProps;
-IMMessageAvatar.propTypes = imMessageAvatarPropTypes;

package/es/im/IMMessageAvatar/index.js

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

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

@@ -1,12 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imMessageActionsDefaultProps = {
-  customStyle: dummyObject,
-  iconCustomStyle: dummyObject,
-  isCustomIcon: false,
-  title: '',
-  //'RAVI KUMAR',
-  name: '' //'RAVI KUMAR',
-};
-
-export default imMessageActionsDefaultProps;

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

@@ -1,28 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-
-/** ** Constants *** */
-import integrationConstants from '@zohoim/chat-components-utils/es/constants/integrationConstants';
-const {
-  WHATSAPP,
-  TELEGRAM,
-  INSTAGRAM,
-  ASAP,
-  WECHAT,
-  TWILLIO,
-  LINE
-} = integrationConstants;
-const imMessageAvatarPropTypes = {
-  src: PropTypes.string,
-  alternateSrc: PropTypes.string,
-  title: PropTypes.string,
-  avatarSize: PropTypes.string,
-  name: PropTypes.string,
-  customStyle: PropTypes.object,
-  integrationName: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, ASAP, WECHAT, TWILLIO, LINE]),
-  iconSize: PropTypes.string,
-  iconCustomStyle: PropTypes.object,
-  isCustomIcon: PropTypes.bool,
-  renderCustomIcon: PropTypes.string
-};
-export default imMessageAvatarPropTypes;

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

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

package/es/im/IMMessageStatus/IMMessageStatus.js

@@ -1,69 +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 imMessageStatusDefaultProps from './props/defaultProps';
-import imMessageStatusPropTypes from './props/propTypes';
-import messageStatusConstants from '@zohoim/chat-components-utils/es/constants/messageStatusConstants';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMMessageStatus.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';
-const {
-  SENT,
-  SAVED,
-  QUEUED,
-  DELIVERED,
-  READ,
-  UNSENT,
-  FAILED,
-  OUTGOING
-} = messageStatusConstants;
-const messageStatusIconMapping = {
-  [OUTGOING]: ClockIcon,
-  [SAVED]: TickIcon,
-  [QUEUED]: TickIcon,
-  [SENT]: DoubleTickIcon,
-  [DELIVERED]: DoubleTickIcon,
-  [READ]: DoubleTickIcon,
-  [UNSENT]: FailedIcon,
-  [FAILED]: FailedIcon
-};
-export default function IMMessageStatus(props) {
-  const {
-    messageStatus,
-    customStyle,
-    title
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    statusClass
-  } = cssJSLogic(props, newStyle);
-
-  /* Render Icon */
-  const IconComponent = messageStatusIconMapping[messageStatus];
-  return IconComponent ? /*#__PURE__*/React.createElement("div", {
-    className: statusClass,
-    "data-title": title
-  }, /*#__PURE__*/React.createElement(IconComponent, null)) : null;
-}
-IMMessageStatus.propTypes = imMessageStatusPropTypes;
-IMMessageStatus.defaultProps = imMessageStatusDefaultProps;
-IMMessageStatus.displayName = 'IMMessageStatus';

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

@@ -1,22 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from "@zohodesk/utils";
-
-/** ** Constants *** */
-import messageStatusConstants from "@zohoim/chat-components-utils/es/constants/messageStatusConstants";
-const {
-  READ,
-  UNSENT,
-  FAILED
-} = messageStatusConstants;
-export default function cssJSLogic(props, style) {
-  const isRead = props.messageStatus === READ;
-  const isFailed = props.messageStatus === FAILED || props.messageStatus === UNSENT;
-  const statusClass = compileClassNames({
-    [style.messageStatus]: isRead || isFailed ? false : true,
-    [style.readStatus]: isRead,
-    [style.failedStatus]: isFailed
-  });
-  return {
-    statusClass
-  };
-}

package/es/im/IMMessageStatus/index.js

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

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

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

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

@@ -1,21 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-
-/** ** Constants *** */
-import messageStatusConstants from '@zohoim/chat-components-utils/es/constants/messageStatusConstants';
-const {
-  SENT,
-  SAVED,
-  QUEUED,
-  DELIVERED,
-  READ,
-  UNSENT,
-  FAILED,
-  OUTGOING
-} = messageStatusConstants;
-const imMessageStatusPropTypes = {
-  messageStatus: PropTypes.oneOf([SENT, SAVED, QUEUED, DELIVERED, READ, UNSENT, FAILED, OUTGOING]).isRequired,
-  customStyle: PropTypes.object,
-  title: PropTypes.string
-};
-export default imMessageStatusPropTypes;

package/es/im/IMReplyBubble/css/IMReplyBubble.module.css

@@ -1,24 +0,0 @@
-.attachmentIcon {
-  height: 40px;
-  width: 40px;
-}
-
-.imageWrapper {
-  height: 60px;
-  width: 60px;
-  overflow: hidden;
-}
-
-[dir=ltr] .imageWrapper {
-  margin-right: 10px;
-}
-
-[dir=rtl] .imageWrapper {
-  margin-left: 10px;
-}
-
-.image {
-  width: 100%;
-  height: 100%;
-  border-radius: 3px;
-}

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

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

package/es/im/IMTextBubble/css/IMTextBubble.module.css

@@ -1 +0,0 @@
-

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

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

package/es/im/IMVideoBubble/IMVideoBubble.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 imVideoBubbleDefaultProps from './props/defaultProps';
-import imVideoBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMVideoBubble.module.css';
-import VideoBubble from '../../VideoBubble/VideoBubble';
-import useIMVideoBubble from '@zohoim/chat-components-hooks/es/im/IMVideoBubble/useIMVideoBubble';
-export default function IMVideoBubble(props) {
-  const {
-    attachmentDetails,
-    customStyle,
-    videoBubbleCustomStyle,
-    headerCustomStyle,
-    videoCustomStyle,
-    controlsCustomStyle
-  } = props;
-  const {
-    isShow,
-    fileName,
-    formattedFileSize: fileSize,
-    attachmentURL: fileURL,
-    attachmentType: fileType
-  } = useIMVideoBubble({
-    attachmentDetails
-  });
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imVideoBubbleClass
-  } = cssJSLogic(props, newStyle);
-  return isShow ? /*#__PURE__*/React.createElement("div", {
-    className: imVideoBubbleClass
-  }, /*#__PURE__*/React.createElement(VideoBubble, {
-    customStyle: videoBubbleCustomStyle,
-    headerCustomStyle: headerCustomStyle,
-    audioCustomStyle: videoCustomStyle,
-    controlsCustomStyle: controlsCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    fileURL: fileURL,
-    fileType: fileType
-  })) : null;
-}
-IMVideoBubble.propTypes = imVideoBubblePropTypes;
-IMVideoBubble.defaultProps = imVideoBubbleDefaultProps;
-IMVideoBubble.displayName = 'IMVideoBubble';

package/es/im/IMVideoBubble/css/IMVideoBubble.module.css

@@ -1 +0,0 @@
-

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

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

package/es/im/IMVideoBubble/index.js

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

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

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

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

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