@zohoim/chat-components 0.0.14 → 0.0.16

package/es/Theme/crm/pureDark/greenTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#5cab8b',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/pureDark/orangeTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#f07b61',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/pureDark/pinkTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#ff69b4',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/pureDark/tealTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#37a5a5',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/pureDark/whiteTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
-export default {
-  library: 'chat_components',
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: actionIconWrapperBgColor,
-      border_color: actionIconWrapperBorderColor
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: messageStatusReadColor,
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/icons/factory/integrations/ttTwitter.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}</style></defs><ellipse class="cls-1" cx="23.38" cy="21.39" rx="14.03" ry="11.35"/><path class="cls-2" d="M28.79,15.92H24.94a.26.26,0,0,0-.26.26v6a.26.26,0,0,0,.26.26h3.85a.25.25,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.26H26.17v-1h2.62a.26.26,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.27H26.17v-1h2.62a.25.25,0,0,0,.26-.26v-1A.26.26,0,0,0,28.79,15.92Z"/><path class="cls-2" d="M14.55,20.93H11.93V16.18a.26.26,0,0,0-.26-.26h-1a.27.27,0,0,0-.27.26v6a.27.27,0,0,0,.27.26h3.85a.26.26,0,0,0,.26-.26v-1A.26.26,0,0,0,14.55,20.93Z"/><rect class="cls-2" x="15.63" y="15.92" width="1.5" height="6.51" rx="0.26"/><path class="cls-2" d="M23.48,15.92h-1a.26.26,0,0,0-.26.26v3.55L19.5,16s0,0,0,0v0H18.32a.27.27,0,0,0-.26.27v6a.26.26,0,0,0,.26.26h1a.27.27,0,0,0,.27-.26V18.61l2.74,3.71s0,.05.06.06h.07a.06.06,0,0,0,.06,0h1a.25.25,0,0,0,.26-.25h0V16.18A.25.25,0,0,0,23.48,15.92Z"/><path class="cls-2" d="M19.89,6.17c-8.56,0-15.53,5.72-15.53,12.77,0,6.31,5.47,11.61,12.94,12.59a2.06,2.06,0,0,1,.63.22,2.42,2.42,0,0,1,0,.76l-.22,1.27a1.74,1.74,0,0,0,.47,1.75,1.45,1.45,0,0,0,.92.3,3.14,3.14,0,0,0,1.17-.28C22,34.83,28.94,30.42,32,26.84a11.45,11.45,0,0,0,3.37-7.91C35.41,11.89,28.44,6.17,19.89,6.17ZM30.65,25.61h0c-2.86,3.29-9.4,7.46-11.07,8.2l.17-1a3.7,3.7,0,0,0-.1-1.79,2.51,2.51,0,0,0-2-1.29c-6.6-.88-11.4-5.4-11.4-10.77,0-6,6.13-10.9,13.67-10.9s13.66,4.89,13.66,10.9A9.61,9.61,0,0,1,30.65,25.61Z"/></svg>

package/es/im/IMInfoBubble/IMInfoBubble.js

@@ -1,34 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-/** ** Constants *** */
-
-import imInfoBubbleDefaultProps from './props/defaultProps';
-import imInfoBubblePropTypes from './props/propTypes';
-/** ** Methods *** */
-
-import cssJSLogic from './css/cssJSLogic';
-/** ** Styles *** */
-
-import style from './css/IMInfoBubble.module.css';
-export default function IMInfoBubble(props) {
-  const {
-    customStyle
-  } = props;
-  /* External CSS Customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-
-  const {
-    imInfoBubbleClass
-  } = cssJSLogic(props, newStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    className: imInfoBubbleClass
-  }, "Working On this...");
-}
-IMInfoBubble.propTypes = imInfoBubblePropTypes;
-IMInfoBubble.defaultProps = imInfoBubbleDefaultProps;
-IMInfoBubble.displayName = 'IMInfoBubble';

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

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

package/es/im/IMInfoBubble/index.js

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

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

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

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

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

package/es/im/IMTicketLink/IMTicketLink.js

@@ -1,48 +0,0 @@
-/* eslint-disable @zohodesk/zsecurity/no-protocol-check */
-
-/** ** 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,
-    isDisabled
-  } = props;
-  const {
-    ticketUrl,
-    onClick,
-    ticketNumber
-  } = useIMTicketLink(props);
-  /* External CSS Customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-
-  const {
-    imTicketLinkClass
-  } = cssJSLogic({
-    isDisabled
-  }, 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/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/emptyConstants';
-const imTicketLinkDefaultProps = {
-  customStyle: dummyObject
-};
-export default imTicketLinkDefaultProps;

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

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