@zohoim/chat-components 0.0.13 → 0.0.15

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, {
-      customStyle: iconCustomStyle,
-      integrationName: integrationName,
-      isCustom: isCustomIcon,
-      renderIcon: renderCustomIcon,
-      size: iconSize
-    });
-  }
-  return /*#__PURE__*/React.createElement(MessageAvatar, {
-    alternateSrc: alternateSrc,
-    customStyle: customStyle,
-    name: name,
-    renderIcon: renderIcon,
-    size: avatarSize,
-    src: src,
-    title: title
-  });
-}
-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 imMessageAvatarDefaultProps = {
-  customStyle: dummyObject,
-  iconCustomStyle: dummyObject,
-  isCustomIcon: false,
-  title: '',
-  // 'RAVI KUMAR',
-  name: '' // 'RAVI KUMAR',
-};
-
-export default imMessageAvatarDefaultProps;

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

@@ -1,53 +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
-};
-
-// const props = {
-//   src: PropTypes.string,
-//   alternateSrc: PropTypes.string,
-//   title: PropTypes.string,
-//   avatarSize: PropTypes.string,
-//   name: PropTypes.string,
-//   customStyle: PropTypes.object,
-//   iconProps: PropTypes.shape({
-//     integrationName: PropTypes.oneOf([
-//       WHATSAPP,
-//       TELEGRAM,
-//       INSTAGRAM,
-//       ASAP,
-//       WECHAT,
-//       TWILLIO,
-//       LINE
-//     ]),
-//     size: PropTypes.string,
-//     customStyle: PropTypes.object,
-//     isCustom: PropTypes.bool,
-//     renderIcon: 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/IMReplyBubble/css/IMReplyBubble.module.css

@@ -1,18 +0,0 @@
-.attachmentIcon {
-  height: var(--imlib_size_40);
-  width: var(--imlib_size_40);
-}
-
-.imageWrapper {
-  height: var(--imlib_size_60);
-  width: var(--imlib_size_60);
-  overflow: hidden;
-  /* margin-right: var(--imlib_size_10); */
-}
-
-.image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  border-radius: var(--imlib_size_3);
-}

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

@@ -1,46 +0,0 @@
-/* eslint-disable @zohodesk/zsecurity/no-protocol-check */
-/* 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 useIMTicketLink from '@zohoim/chat-components-hooks/es/im/IMTicketLink/useIMTicketLink';
-
-/** ** Constants *** */
-import imTicketLinkDefaultProps from './props/defaultProps';
-import imTicketLinkPropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMTicketLink.module.css';
-export default function IMTicketLink(props) {
-  const {
-    customStyle
-  } = props;
-  const {
-    ticketURL,
-    onClick,
-    ticketNumber
-  } = useIMTicketLink(props);
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imTicketLinkClass
-  } = cssJSLogic(props, newStyle);
-  return ticketNumber ? /*#__PURE__*/React.createElement("a", {
-    className: imTicketLinkClass,
-    href: ticketURL,
-    onClick: onClick,
-    rel: "noopener noreferrer"
-  }, ticketNumber) : null;
-}
-IMTicketLink.propTypes = imTicketLinkPropTypes;
-IMTicketLink.defaultProps = imTicketLinkDefaultProps;
-IMTicketLink.displayName = 'IMTicketLink';

package/es/im/IMTicketLink/css/IMTicketLink.module.css

@@ -1,27 +0,0 @@
-.varClass {
-  --imTicketLink-top_gap: var(--imlib_size_5);
-  --imTicketLink-font_size: var(--imlib_size_12);
-  --imTicketLink-max_width: var(--imlib_size_150);
-}
-
-.ticketNumber {
-  composes: varClass;
-  font-size: var(--imTicketLink-font_size);
-  max-width: var(--imTicketLink-max_width);
-  color: var(--imlib_chat_components_imTicketLink_color);
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  margin-top: var(--imTicketLink-top_gap);
-  cursor: pointer;
-}
-
-.disabled {
-  pointer-events: none;
-}
-
-a.ticketNumber:hover {
-  text-decoration: underline;
-}

package/es/im/IMTicketLink/index.js

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

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

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

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

@@ -1,10 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imTicketLinkPropTypes = {
-  customStyle: PropTypes.object,
-  ticketURL: PropTypes.string,
-  onClick: PropTypes.func,
-  ticketNumber: PropTypes.string,
-  ticketId: PropTypes.string
-};
-export default imTicketLinkPropTypes;

package/es/im/IMVideoBubble/IMVideoBubble.js

@@ -1,61 +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 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, {
-    audioCustomStyle: videoCustomStyle,
-    controlsCustomStyle: controlsCustomStyle,
-    customStyle: videoBubbleCustomStyle,
-    fileName: fileName,
-    fileSize: fileSize,
-    fileType: fileType,
-    fileURL: fileURL,
-    headerCustomStyle: headerCustomStyle
-  })) : 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;

package/es/unused/AvatarSpace/AvatarSpace.js

@@ -1,40 +0,0 @@
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Components *** */
-import Avatar from '@zohodesk/components/es/Avatar/Avatar';
-
-/** ** CSS *** */
-import style from './css/AvatarSpace.module.css';
-
-/** ** Methods *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import avatarSpaceDefaultProps from './props/defaultProps';
-import avatarSpacePropTypes from './props/propTypes';
-import constantProps from './props/propConstants';
-export default function AvatarSpace(props) {
-  const {
-    src,
-    alternateSrc,
-    title,
-    size,
-    name,
-    needAvatar,
-    avatarProps,
-    customStyle
-  } = props;
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: newStyle.dp
-  }, needAvatar ? /*#__PURE__*/React.createElement(Avatar, avatarProps) : null);
-}
-AvatarSpace.propTypes = avatarSpacePropTypes;
-AvatarSpace.defaultProps = avatarSpaceDefaultProps;
-AvatarSpace.constantProps = constantProps;
-AvatarSpace.displayName = 'AvatarSpace';

package/es/unused/AvatarSpace/css/AvatarSpace.module.css

@@ -1 +0,0 @@
-

package/es/unused/AvatarSpace/css/cssJSLogic.js

@@ -1,15 +0,0 @@
-import { compileClassNames } from '@zohodesk/utils';
-import propConstants from '../props/propConstants';
-export default function cssJSLogic(props, style) {
-  const {
-    avatarPosition
-  } = props;
-  const positionClass = compileClassNames({
-    [style.avatarTop]: avatarPosition === propConstants.position.top,
-    [style.avatarBottom]: avatarPosition === propConstants.position.bottom,
-    [style.avatarMiddle]: avatarPosition === propConstants.position.middle
-  });
-  return {
-    positionClass
-  };
-}

package/es/unused/AvatarSpace/index.js

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

package/es/unused/AvatarSpace/props/defaultProps.js

@@ -1,10 +0,0 @@
-import propConstants from './propConstants';
-const avatarSpaceDefaultProps = {
-  avatarPosition: propConstants.position.bottom,
-  customStyle: {},
-  needAvatar: true,
-  avatarProps: {
-    name: 'Ravi'
-  }
-};
-export default avatarSpaceDefaultProps;

package/es/unused/AvatarSpace/props/propConstants.js

@@ -1,7 +0,0 @@
-export default {
-  position: {
-    top: 'top',
-    bottom: 'bottom',
-    middle: 'middle'
-  }
-};

package/es/unused/AvatarSpace/props/propTypes.js

@@ -1,8 +0,0 @@
-import PropTypes from 'prop-types';
-const avatarSpacePropTypes = {
-  avatarPosition: PropTypes.string,
-  needAvatar: PropTypes.bool,
-  avatarProps: PropTypes.object,
-  customStyle: PropTypes.object
-};
-export default avatarSpacePropTypes;

package/es/unused/MessageBoxFooter/MessageBoxFooter.js

@@ -1,39 +0,0 @@
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import messageBoxFooterDefaultProps from './props/defaultProps';
-import messageBoxFooterPropTypes from './props/propTypes';
-
-/** ** Styles *** */
-import style from './css/MessageBoxFooter.module.css';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-function MessageBoxFooter(props) {
-  const {
-    renderFooter,
-    customStyle
-  } = props;
-  const footer = renderHandler(renderFooter)();
-
-  /* external customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    footerClass
-  } = cssJSLogic(props, newStyle);
-  return footer ? /*#__PURE__*/React.createElement("div", {
-    className: footerClass
-  }, footer) : null;
-}
-MessageBoxFooter.propTypes = messageBoxFooterPropTypes;
-MessageBoxFooter.defaultProps = messageBoxFooterDefaultProps;
-MessageBoxFooter.displayName = 'MessageBoxFooter';
-export default MessageBoxFooter;

package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css

@@ -1,3 +0,0 @@
-.footer {
-  /*Use this class name for footer customization*/
-}

package/es/unused/MessageBoxFooter/css/cssJSLogic.js

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

package/es/unused/MessageBoxFooter/index.js

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

package/es/unused/MessageBoxFooter/props/defaultProps.js

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

package/es/unused/MessageBoxFooter/props/propTypes.js

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

package/es/unused/MessageBoxHeader/MessageBoxHeader.js

@@ -1,7 +0,0 @@
-import React, { Component } from 'react';
-class MessageBoxHeader extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, "Ravikumar S");
-  }
-}
-export default MessageBoxHeader;

package/es/unused/MessageBoxHeader/index.js

@@ -1,2 +0,0 @@
-export { default as MessageBoxHeader } from './MessageBoxHeader';
-export { default as MessageBoxHeaderPropTypes } from './props/propTypes';

package/es/unused/MessageWrapper/MessageWrapper.js

@@ -1,36 +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 messageWrapperDefaultProps from './props/defaultProps';
-import messageWrapperPropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/MessageWrapper.module.css';
-export default function MessageWrapper(props) {
-  const {
-    customStyle
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imMessageClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: imMessageClass
-  }, "Test");
-}
-MessageWrapper.propTypes = messageWrapperPropTypes;
-MessageWrapper.defaultProps = messageWrapperDefaultProps;
-MessageWrapper.displayName = 'MessageWrapper';

package/es/unused/MessageWrapper/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/unused/MessageWrapper/index.js

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

package/es/unused/MessageWrapper/props/defaultProps.js

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

package/es/unused/MessageWrapper/props/propTypes.js

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