@zohoim/chat-components 0.0.15 → 0.0.17

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

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, 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: '#f1f7fe',
-      bg_color: '#f1f7fe',
-      failed_bg_color: '#fcebeb',
-      text_color: '#000'
-    },
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#eef6f6',
-      border_color: '#cde3e4'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#37a5a5',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/light/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/Theme/crm/pureDark/blueFanTheme.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/Theme/crm/pureDark/blueTheme.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: '#4a91d9',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

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

@@ -1,9 +0,0 @@
-export const incomingBubbleBgColor = '#2e2e2e';
-export const outgoingBubbleBgColor = '#2e2e2e';
-export const actionIconWrapperColor = '#e2e4e6';
-export const actionIconWrapperBgColor = '#2c3b4d';
-export const actionIconWrapperBorderColor = '#3f536b';
-export const bubbleActiveBgColor = '#202821';
-export const messageStatusSendColor = '#61667a';
-export const messageStatusFailedColor = '#de3535';
-export const messageStatusReadColor = '#479dff';

package/es/Theme/crm/pureDark/darkBlueTheme.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/Theme/crm/pureDark/darkGreyTheme.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/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/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;