@zohoim/chat-components 1.1.1 → 1.1.2-beta.2

package/lib/rte/Editor/props/propTypes.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _themeConstants = require("@zohoim/chat-components-utils/es/constants/themeConstants");
+
+var _editorPropConstants = require("../../../constants/propConstants/editorPropConstants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var editorPropTypes = {
+  id: _propTypes["default"].string.isRequired,
+  domId: _propTypes["default"].string,
+  content: _propTypes["default"].string.isRequired,
+  EDITORURL: _propTypes["default"].string.isRequired,
+  placeHolder: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object,
+  isHTMLContent: _propTypes["default"].bool,
+  appearance: _propTypes["default"].shape({
+    mode: _propTypes["default"].oneOf([_themeConstants.modeConstants.LIGHT, _themeConstants.modeConstants.DARK, _themeConstants.modeConstants.PURE_DARK]).isRequired,
+    themeVariables: _propTypes["default"].object
+  }),
+  // Editor Options - Refer the learn document (Override the options)
+  customOptions: _propTypes["default"].object,
+  menuBarProps: _propTypes["default"].shape({
+    isShow: _propTypes["default"].bool.isRequired,
+    groupLength: _propTypes["default"].number,
+    order: _propTypes["default"].arrayOf(_propTypes["default"].oneOf([].concat(_toConsumableArray(_editorPropConstants.formats), _toConsumableArray(_editorPropConstants.features)))),
+    position: _propTypes["default"].oneOf(['top', 'bottom']),
+    responsive: _propTypes["default"].bool,
+    tooltip: _propTypes["default"].bool
+  }),
+  features: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.features)),
+  formats: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(_editorPropConstants.formats)),
+  needAutoFocus: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isRTL: _propTypes["default"].bool,
+  langCode: _propTypes["default"].oneOf(_editorPropConstants.langCode),
+  insertContentDetails: _propTypes["default"].shape({
+    content: _propTypes["default"].string.isRequired,
+    range: _propTypes["default"].shape({
+      from: _propTypes["default"].number,
+      to: _propTypes["default"].number
+    })
+  }),
+  onChange: _propTypes["default"].func,
+  onPaste: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onReadyCallback: _propTypes["default"].func,
+  onErrorCallback: _propTypes["default"].func,
+  handlers: _propTypes["default"].shape({
+    needContentUpdate: _propTypes["default"].bool,
+    needIDReRender: _propTypes["default"].bool
+  })
+};
+var _default = editorPropTypes;
+exports["default"] = _default;

package/lib/rte/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Editor = require("./Editor");
+
+Object.keys(_Editor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Editor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Editor[key];
+    }
+  });
+});

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.1",
+  "version": "1.1.2-beta.2",
   "description": "Chat Components",
-  "main": "es/index.js",
+  "main": "lib/index.js",
   "module": "es/index.js",
   "scripts": {
-    "build": "react-cli build:component:es",
-    "build_watch": "npm run build -- -w",
-    "clean": "react-cli clean unittest coverage es result.json",
-    "rtl": "react-cli rtl ./src ./es",
-    "prepare": "npm run clean && npm run build && npm run rtl && npm run cssVariableConvert",
-    "test": "react-cli test",
-    "test:debug": "react-cli test --runInBand --watch",
+    "init": "npm run clean && npm run build:variables",
+    "build": "npm run build:lib && npm run build:es",
+    "build:lib": "cbt build:lib",
+    "build:es": "cbt build:es",
+    "build_watch": "npm run build:variables && npm run build:es -- -w",
+    "build_watch_lib": "npm run build:lib -- -w",
+    "build:variables": "cdt clean ./assets && node ./preprocess/index",
+    "clean": "cdt clean unittest coverage es result.json && mkdir assets",
+    "prepare": "cdt clean assets && npm run init && npm run build",
     "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc",
-    "cssVariableConvert": "react-cli variableConverter ./es ./es",
     "variable:addignore": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
@@ -26,24 +27,48 @@
   },
   "files": [
     "es",
+    "lib",
+    "assets",
     "!**/__tests__"
   ],
-  "dependencies": {
-    "@zohodesk/components": "1.2.62",
-    "@zohodesk/hooks": "2.0.4",
+  "devDependencies": {
+    "@zoho/SecurityJS": "7.2.4",
+    "@zohodesk-private/color-variable-preprocessor": "1.2.1",
+    "@zohodesk-private/css-variable-migrator": "1.0.8",
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/components": "1.3.1",
+    "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icon": "1.3.15",
-    "@zohodesk/icons": "1.0.43",
-    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/icons": "1.0.75",
+    "@zohodesk/normalizer": "1.0.2",
+    "@zohodesk/svg": "1.1.29",
+    "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.1",
-    "@zohoim/chat-components-utils": "1.1.1"
-  },
-  "devDependencies": {
-    "@zohodesk-private/css-variable-migrator": "1.0.7",
+    "@zohoim/chat-components-hooks": "1.1.2-beta.2",
+    "@zohoim/chat-components-utils": "1.1.2-beta.2",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
-    "react-to-jsx": "1.3.2"
+    "react-sortable-hoc": "1.11.0",
+    "react-to-jsx": "1.3.2",
+    "velocity-react": "1.4.3"
+  },
+  "peerDependencies": {
+    "@zoho/SecurityJS": "7.2.4",
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/components": "1.3.1",
+    "@zohodesk/hooks": "2.0.5",
+    "@zohodesk/icon": "1.3.15",
+    "@zohodesk/icons": "1.0.75",
+    "@zohodesk/normalizer": "1.0.2",
+    "@zohodesk/svg": "1.1.29",
+    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/virtualizer": "1.0.13",
+    "@zohoim/chat-components-hooks": "1.1.2",
+    "@zohoim/chat-components-utils": "1.1.2",
+    "react-sortable-hoc": "1.11.0",
+    "velocity-react": "1.4.3"
   },
-  "gitHead": "05027d563112d79d767558be3dabbc83e5649470"
+  "gitHead": "98419c947615a9322c0006f83b953e0342eb1fb1"
 }

package/es/Theme/themeVariables/commonThemeColorVariable.js

@@ -1,17 +0,0 @@
-export const imIntegrationIcon = {
-  path0_color: '#ffffff40',
-  path1_color: '#fff',
-  whatsapp_color: '#24d366',
-  telegram_color: '#4fa7d8',
-  wechat_color: '#2dc100',
-  line_color: '#01b901',
-  twillio_color: '#f22f46',
-  instagram_color: 'linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%)',
-  asap_color: 'linear-gradient(180deg, #A375FF 0%, #7732FF 100%)',
-  fb_color: '#006aff'
-};
-export const imTtIcon = {
-  path0_color: '#ffffff40',
-  path1_color: '#fff'
-};
-export const messagetextColor = '#e2e4e6';

package/es/Theme/themeVariables/dark/blueTheme.js

@@ -1,133 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryBlue, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, replyEditor, emojiPopup, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
-import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
-export default {
-  library: 'chat_components',
-  variables: {
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#2c3b4d',
-      border_color: '#3f536b'
-    },
-    attachmentBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    attachmentBubbleInfo: {
-      fileName_color: '#e2e4e6',
-      fileName_color_failed: failedColor,
-      fileSize_color: '#788190',
-      fileSize_color_failed: '#788190'
-    },
-    articleBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      title_color: '#e2e4e6',
-      title_color_failed: failedColor,
-      summary_color: '#e2e4e6',
-      summary_color_failed: failedColor
-    },
-    imAutoMessageInfo: {
-      text_color: '#828994'
-    },
-    imIntegrationIcon,
-    imTtIcon,
-    imMessageContent: {
-      text_color: '#a8b0bd'
-    },
-    imMessageMeta: {
-      time_color: '#a8b0bd'
-    },
-    imPermaLink: {
-      url_color: '#479dff'
-    },
-    imageBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    locationBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      url_color: primaryBlue,
-      url_color_failed: failedUrlColor
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: '#2c3b4d',
-      bg_color: '#f1f7fe',
-      failed_bg_color: failedBgWrapper,
-      text_color: messagetextColor,
-      failed_text_color: '#000'
-    },
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#479dff',
-      failed_color: messageStatusFailedColor
-    },
-    replyBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    replyBubbleContent: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      line_color: '#cddbf2',
-      line_color_failed: failedLine,
-      sender_color: '#e2e4e6',
-      sender_color_failed: failedColor,
-      content_color: '#e2e4e6',
-      content_color_failed: failedColor
-    },
-    replyBubbleHeader: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      time_color: '#828994',
-      time_color_failed: failedColor
-    },
-    textBubble: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      see_more_color: primaryBlue,
-      see_more_color_failed: failedUrlColor,
-      url_color: primaryBlue,
-      url_color_failed: failedUrlColor
-    },
-    videoBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    emojiFooter: {
-      tabLine: primaryBlue,
-      border_color: '#2d3748'
-    },
-    replyEditor,
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: '#5f6478',
-      ttIcon_path2_color: 'var(--dot_platinum)'
-    },
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#262f3d',
-      editor_border_color: '#3e4d63',
-      editor_border_hover_color: '#828994',
-      editor_border_active_color: '#479dff'
-    }
-  }
-};

package/es/Theme/themeVariables/dark/commonColorVariable.js

@@ -1,35 +0,0 @@
-export const incomingBubbleBgColor = '#232b38';
-export const bubbleActiveBgColor = '#1b2e33';
-export const actionIconWrapperColor = '#e2e4e6';
-export const messageStatusSendColor = '#61667a';
-export const messageStatusFailedColor = '#de3535';
-export const primaryBlue = '#479dff';
-export const primaryGreen = '#45a159';
-export const primaryOrange = '#ff801f';
-export const primaryRed = '#e94f4f';
-export const primaryYellow = '#d79835';
-export const failedBgWrapper = '#f4b5bc';
-export const failedBg = '#f6dcdf';
-export const failedBdr = '#eb9ea7';
-export const failedLine = '#eb9ea7';
-export const failedColor = '#000';
-export const failedUrlColor = '#0a73eb';
-export const emojiPopup = {
-  bg: '#f1f4f9',
-  border: '#f1f4f9',
-  titleColor: '#aaa'
-};
-export const replyEditor = {
-  bg: '#242b38',
-  color: '#e2e4e6',
-  placeholder: '#5a616f'
-};
-export const emojisHeader = {
-  bg_color: '#283442',
-  border_color: '#2d3748'
-};
-export const attachmentPreviewHeader = {
-  bg_color: '#232b38',
-  name_color: '#e2e4e6',
-  size_color: '#a8b0bd'
-};

package/es/Theme/themeVariables/dark/greenTheme.js

@@ -1,132 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryGreen, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, emojiPopup, replyEditor, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
-import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
-export default {
-  library: 'chat_components',
-  variables: {
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#26373b',
-      border_color: '#2d4e42'
-    },
-    attachmentBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    attachmentBubbleInfo: {
-      fileName_color: '#e2e4e6',
-      fileName_color_failed: failedColor,
-      fileSize_color: '#788190',
-      fileSize_color_failed: '#788190'
-    },
-    articleBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      title_color: '#e2e4e6',
-      title_color_failed: failedColor,
-      summary_color: '#e2e4e6',
-      summary_color_failed: failedColor
-    },
-    imAutoMessageInfo: {
-      text_color: '#828994'
-    },
-    imIntegrationIcon,
-    imTtIcon,
-    imMessageContent: {
-      text_color: '#a8b0bd'
-    },
-    imMessageMeta: {
-      time_color: '#a8b0bd'
-    },
-    imPermaLink: {
-      url_color: '#45a159'
-    },
-    imageBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    locationBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      url_color: primaryGreen,
-      url_color_failed: failedUrlColor
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: '#26373b',
-      bg_color: '#f1f7fe',
-      failed_bg_color: failedBgWrapper,
-      text_color: messagetextColor
-    },
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#45a159',
-      failed_color: messageStatusFailedColor
-    },
-    replyBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    replyBubbleContent: {
-      bg_color: 'hsl(191.43deg 21.65% 13.02%)',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      line_color: '#cddbf2',
-      line_color_failed: failedLine,
-      sender_color: '#e2e4e6',
-      sender_color_failed: failedColor,
-      content_color: '#e2e4e6',
-      content_color_failed: failedColor
-    },
-    replyBubbleHeader: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      time_color: '#828994',
-      time_color_failed: failedColor
-    },
-    textBubble: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      see_more_color: primaryGreen,
-      see_more_color_failed: failedUrlColor,
-      url_color: primaryGreen,
-      url_color_failed: failedUrlColor
-    },
-    videoBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    emojiFooter: {
-      tabLine: primaryGreen,
-      border_color: '#2d3748'
-    },
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: '#5f6478',
-      ttIcon_path2_color: 'var(--dot_platinum)'
-    },
-    replyEditor,
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#262f3d',
-      editor_border_color: '#3e4d63',
-      editor_border_hover_color: '#828994',
-      editor_border_active_color: '#45a159'
-    }
-  }
-};

package/es/Theme/themeVariables/dark/orangeTheme.js

@@ -1,132 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryOrange, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, emojiPopup, replyEditor, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
-import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
-export default {
-  library: 'chat_components',
-  variables: {
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#323136',
-      border_color: '#4f3c33'
-    },
-    attachmentBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    attachmentBubbleInfo: {
-      fileName_color: '#e2e4e6',
-      fileName_color_failed: failedColor,
-      fileSize_color: '#788190',
-      fileSize_color_failed: '#788190'
-    },
-    articleBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      title_color: '#e2e4e6',
-      title_color_failed: failedColor,
-      summary_color: '#e2e4e6',
-      summary_color_failed: failedColor
-    },
-    imAutoMessageInfo: {
-      text_color: '#828994'
-    },
-    imIntegrationIcon,
-    imTtIcon,
-    imMessageContent: {
-      text_color: '#a8b0bd'
-    },
-    imMessageMeta: {
-      time_color: '#a8b0bd'
-    },
-    imPermaLink: {
-      url_color: '#ff801f'
-    },
-    imageBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    locationBubble: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      url_color: primaryOrange,
-      url_color_failed: failedUrlColor
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: '#323136',
-      bg_color: '#f1f7fe',
-      failed_bg_color: failedBgWrapper,
-      text_color: messagetextColor
-    },
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: '#5a616f'
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: '#ff801f',
-      failed_color: messageStatusFailedColor
-    },
-    replyBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    replyBubbleContent: {
-      bg_color: '#232b38',
-      bg_color_failed: failedBg,
-      border_color: '#2d3748',
-      border_color_failed: failedBdr,
-      line_color: '#cddbf2',
-      line_color_failed: failedLine,
-      sender_color: '#e2e4e6',
-      sender_color_failed: failedColor,
-      content_color: '#e2e4e6',
-      content_color_failed: failedColor
-    },
-    replyBubbleHeader: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      time_color: '#828994',
-      time_color_failed: failedColor
-    },
-    textBubble: {
-      text_color: '#e2e4e6',
-      text_color_failed: failedColor,
-      see_more_color: primaryOrange,
-      see_more_color_failed: failedUrlColor,
-      url_color: primaryOrange,
-      url_color_failed: failedUrlColor
-    },
-    videoBubble: {
-      border_color: '#2d3748',
-      border_color_failed: failedBdr
-    },
-    emojiFooter: {
-      tabLine: primaryOrange,
-      border_color: '#2d3748'
-    },
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: '#5f6478',
-      ttIcon_path2_color: 'var(--dot_platinum)'
-    },
-    replyEditor,
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#262f3d',
-      editor_border_color: '#3e4d63',
-      editor_border_hover_color: '#828994',
-      editor_border_active_color: '#ff801f'
-    }
-  }
-};