@zohoim/chat-components 0.0.15 → 0.0.17

package/es/im/IMTextBubble/IMTextBubble.js

@@ -16,7 +16,8 @@ import useIMTextBubble from '@zohoim/chat-components-hooks/es/im/IMTextBubble/us
 export default function IMTextBubble(props) {
   const {
     moreText,
-    customProps
+    customProps,
+    isFailed
   } = props;
   const {
     textBubbleProps = dummyObject
@@ -30,7 +31,9 @@ export default function IMTextBubble(props) {
     message: sanitizedDisplayMessage,
     moreText: isShowSeeMore ? moreText : '',
     onClickMore: onLoadFullMessage
-  }, textBubbleProps));
+  }, textBubbleProps, {
+    isFailed: isFailed
+  }));
 }
 IMTextBubble.propTypes = imTextBubblePropTypes;
 IMTextBubble.defaultProps = imTextBubbleDefaultProps;

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

@@ -24,6 +24,7 @@ const imTextBubblePropTypes = {
   onLoadFullMessage: PropTypes.func,
   sessionDetails: PropTypes.shape({
     id: PropTypes.string
-  })
+  }),
+  isFailed: PropTypes.bool
 };
 export default imTextBubblePropTypes;

package/es/im/css/common.module.css

@@ -1,6 +1,6 @@
 .dotted {
-    overflow: hidden;
+    /* overflow: hidden;
     white-space: nowrap;
     word-wrap: normal;
-    text-overflow: ellipsis;
+    text-overflow: ellipsis; */
 }

package/es/im/index.js

@@ -5,6 +5,5 @@ export * from './IMMessageMeta';
 export * from './IMAutoMessageInfo';
 export * from './IMMessageContent';
 export * from './IMTextBubble';
-export * from './IMInfoBubble';
 export * from './IMReplyBubble';
 export * from './ArticleBubble';

package/es/index.js

@@ -17,7 +17,6 @@ export * from './VideoBubble';
 export * from './ImageBubble';
 export * from './TextBubble';
 export * from './LocationBubble';
-export * from './InfoBubble';
 export * from './AttachmentBubbleInfo';
 export * from './Audio';
 export * from './Video';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -35,8 +35,8 @@
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.13",
-    "@zohoim/chat-components-utils": "^0.0.12"
+    "@zohoim/chat-components-hooks": "^0.0.15",
+    "@zohoim/chat-components-utils": "^0.0.14"
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "1.0.1",
@@ -44,22 +44,5 @@
     "jsdom": "22.1.0",
     "react-to-jsx": "1.3.2"
   },
-  "react-cli": {
-    "css": {
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      },
-      "patterns": {
-        "cssVariableReplacement": [
-          "**/src/**",
-          "**/lib/**",
-          "**/es/**",
-          "!**/node_modules/**"
-        ]
-      },
-      "cssVariableReplacementConfig": "../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-    }
-  },
-  "gitHead": "0b3fa05803c74cad58e84613fc54c979493192c0"
+  "gitHead": "bb60818da98f0ee842e489c6bfb3a83a22a7485b"
 }

package/es/InfoBubble/InfoBubble.js

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

package/es/InfoBubble/css/cssJSLogic.js

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

package/es/InfoBubble/index.js

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

package/es/InfoBubble/props/defaultProps.js

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

package/es/InfoBubble/props/propTypes.js

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

package/es/Theme/crm/dark/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/dark/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/dark/commonColorVariable.js

@@ -1,11 +0,0 @@
-export const incomingBubbleBgColor = '#232b38';
-export const outgoingBubbleBgColor = '#2c3b4d'; // greenTheme, tealTheme
-
-export const outgoingBubbleBgColor2 = '#26373b';
-export const actionIconWrapperColor = '#e2e4e6';
-export const actionIconWrapperBgColor = '#2c3b4d';
-export const actionIconWrapperBorderColor = '#3f536b';
-export const bubbleActiveBgColor = '#1b2e33';
-export const messageStatusSendColor = '#61667a';
-export const messageStatusFailedColor = '#de3535';
-export const messageStatusReadColor = '#479dff';

package/es/Theme/crm/dark/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/dark/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/dark/greenTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor2, 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: outgoingBubbleBgColor2,
-      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/dark/orangeTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, 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: '#323136',
-      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/dark/pinkTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, 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: '#312d3a',
-      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/dark/tealTheme.js

@@ -1,28 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor2, 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: outgoingBubbleBgColor2,
-      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/dark/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/light/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/light/blueTheme.js

@@ -1,31 +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: '#eff4fb',
-      border_color: '#cedef2'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#4a91d9',
-      failed_color: messageStatusFailedColor
-    },
-    imageBubble: {
-      bg_color: '#fff'
-    }
-  }
-};

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

@@ -1,9 +0,0 @@
-export const incomingBubbleBgColor = '#f1f4f9';
-export const outgoingBubbleBgColor = '#f1f7fe';
-export const actionIconWrapperColor = '#000';
-export const actionIconWrapperBgColor = '#f1f7fe';
-export const actionIconWrapperBorderColor = '#b7d1f0';
-export const bubbleActiveBgColor = '#fdffe3';
-export const messageStatusSendColor = '#61667a';
-export const messageStatusFailedColor = '#de3535';
-export const messageStatusReadColor = '#0a73eb';

package/es/Theme/crm/light/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/light/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/light/greenTheme.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: '#f1f6f4',
-      border_color: '#d4e5dd'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#5cab8b',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/light/orangeTheme.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: '#fcf2f0',
-      border_color: '#f6d9d2'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#f07b61',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};

package/es/Theme/crm/light/pinkTheme.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: '#fdf1f7',
-      border_color: '#fad5e8'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#ff69b4',
-      failed_color: messageStatusFailedColor
-    }
-  }
-};