@zohoim/chat-components 0.0.1-cx

package/es/Theme/themeVariables/light/yellowTheme.js

@@ -0,0 +1,114 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor, primaryYellow, white, black, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, imIntegrationIcon, imTtIcon } from './commonColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#fdf8e9',
+      border_color: '#f6e3a7'
+    },
+    attachmentBubble: {
+      bg_color: white,
+      bg_color_failed: failedBg,
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: black,
+      fileName_color_failed: failedColor,
+      fileSize_color: '#5a616f',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: white,
+      bg_color_failed: failedBg,
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr,
+      title_color: black,
+      title_color_failed: failedColor,
+      summary_color: black,
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#737376'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#5a616f'
+    },
+    imMessageMeta: {
+      time_color: '#5a616f'
+    },
+    imPermaLink: {
+      url_color: primaryYellow
+    },
+    imageBubble: {
+      bg_color: white,
+      bg_color_failed: failedBg,
+      alt_text_color: black,
+      alt_text_color_failed: failedColor,
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: white,
+      bg_color_failed: failedBg,
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr,
+      url_color: primaryYellow,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: '#fdf8e9',
+      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: '#b68c07',
+      failed_color: messageStatusFailedColor
+    },
+    replyBubble: {
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: white,
+      bg_color_failed: failedBg,
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr,
+      line_color: '#cddbf2',
+      line_color_failed: failedLine,
+      sender_color: black,
+      sender_color_failed: failedColor,
+      content_color: '#5a616f',
+      content_color_failed: failedColor
+    },
+    replyBubbleHeader: {
+      text_color: black,
+      text_color_failed: failedColor,
+      time_color: '#61667a',
+      time_color_failed: failedColor
+    },
+    textBubble: {
+      text_color: black,
+      text_color_failed: failedColor,
+      see_more_color: primaryYellow,
+      see_more_color_failed: failedUrlColor,
+      url_color: primaryYellow,
+      url_color_failed: failedUrlColor
+    },
+    videoBubble: {
+      border_color: '#ebf0f5',
+      border_color_failed: failedBdr
+    }
+  }
+};

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

@@ -0,0 +1,115 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryBlue, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from './commonColorVariable';
+import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#252d37',
+      border_color: '#2c4664'
+    },
+    attachmentBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: '#e2e4e6',
+      fileName_color_failed: failedColor,
+      fileSize_color: '#999',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      title_color: '#e2e4e6',
+      title_color_failed: failedColor,
+      summary_color: '#e2e4e6',
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#999'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
+    imMessageMeta: {
+      time_color: '#999'
+    },
+    imPermaLink: {
+      url_color: '#479dff'
+    },
+    imageBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      alt_text_color: '#e2e4e6',
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      url_color: primaryBlue,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: outgoingBubbleBgColor,
+      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: '#479dff',
+      failed_color: messageStatusFailedColor
+    },
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      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: '#161515',
+      border_color_failed: failedBdr
+    }
+  }
+};

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

@@ -0,0 +1,18 @@
+export const incomingBubbleBgColor = '#2e2e2e';
+export const outgoingBubbleBgColor = '#2e2e2e';
+export const bubbleActiveBgColor = '#202821';
+export const actionIconWrapperColor = '#e2e4e6';
+export const messageStatusSendColor = '#61667a';
+export const messageStatusFailedColor = '#de3535';
+export const messagetextColor = '#e2e4e6';
+export const primaryBlue = '#479dff';
+export const primaryGreen = '#45a159';
+export const primaryOrange = '#ff801f';
+export const primaryRed = '#e94f4f';
+export const primaryYellow = '#d79835';
+export const failedBgWrapper = '#6b323f';
+export const failedBg = '#362530';
+export const failedBdr = '#290000';
+export const failedLine = '#290000';
+export const failedColor = '#e2e4e6';
+export const failedUrlColor = '#479dff';

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

@@ -0,0 +1,115 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryGreen, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from './commonColorVariable';
+import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#252e27',
+      border_color: '#2c4732'
+    },
+    attachmentBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: '#e2e4e6',
+      fileName_color_failed: failedColor,
+      fileSize_color: '#999',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      title_color: '#e2e4e6',
+      title_color_failed: failedColor,
+      summary_color: '#e2e4e6',
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#999'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
+    imMessageMeta: {
+      time_color: '#999'
+    },
+    imPermaLink: {
+      url_color: '#45a159'
+    },
+    imageBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      alt_text_color: '#e2e4e6',
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      url_color: primaryGreen,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: outgoingBubbleBgColor,
+      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: '#161515',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      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: '#161515',
+      border_color_failed: failedBdr
+    }
+  }
+};

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

@@ -0,0 +1,115 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryOrange, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from './commonColorVariable';
+import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#312821',
+      border_color: '#4d3421'
+    },
+    attachmentBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: '#e2e4e6',
+      fileName_color_failed: failedColor,
+      fileSize_color: '#999',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      title_color: '#e2e4e6',
+      title_color_failed: failedColor,
+      summary_color: '#e2e4e6',
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#999'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
+    imMessageMeta: {
+      time_color: '#999'
+    },
+    imPermaLink: {
+      url_color: '#ff801f'
+    },
+    imageBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      alt_text_color: '#e2e4e6',
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      url_color: primaryOrange,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: outgoingBubbleBgColor,
+      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: '#161515',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      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: '#161515',
+      border_color_failed: failedBdr
+    }
+  }
+};

package/es/Theme/themeVariables/pureDark/redTheme.js

@@ -0,0 +1,115 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryRed, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from './commonColorVariable';
+import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#2f2424',
+      border_color: '#492A29'
+    },
+    attachmentBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: '#e2e4e6',
+      fileName_color_failed: failedColor,
+      fileSize_color: '#999',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      title_color: '#e2e4e6',
+      title_color_failed: failedColor,
+      summary_color: '#e2e4e6',
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#999'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
+    imMessageMeta: {
+      time_color: '#999'
+    },
+    imPermaLink: {
+      url_color: '#e94f4f'
+    },
+    imageBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      alt_text_color: '#e2e4e6',
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      url_color: primaryRed,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: outgoingBubbleBgColor,
+      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: '#e94f4f',
+      failed_color: messageStatusFailedColor
+    },
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      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: primaryRed,
+      see_more_color_failed: failedUrlColor,
+      url_color: primaryRed,
+      url_color_failed: failedUrlColor
+    },
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
+  }
+};

package/es/Theme/themeVariables/pureDark/yellowTheme.js

@@ -0,0 +1,115 @@
+/* eslint-disable camelcase */
+import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, messageStatusSendColor, messageStatusFailedColor, actionIconWrapperColor, primaryYellow, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from './commonColorVariable';
+import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeColorVariable';
+export default {
+  library: 'chat_components',
+  variables: {
+    actionIconWrapper: {
+      color: actionIconWrapperColor,
+      bg_color: '#2e2922',
+      border_color: '#453925'
+    },
+    attachmentBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    attachmentBubbleInfo: {
+      fileName_color: '#e2e4e6',
+      fileName_color_failed: failedColor,
+      fileSize_color: '#999',
+      fileSize_color_failed: '#788190'
+    },
+    articleBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      title_color: '#e2e4e6',
+      title_color_failed: failedColor,
+      summary_color: '#e2e4e6',
+      summary_color_failed: failedColor
+    },
+    imAutoMessageInfo: {
+      text_color: '#999'
+    },
+    imIntegrationIcon,
+    imTtIcon,
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
+    imMessageMeta: {
+      time_color: '#999'
+    },
+    imPermaLink: {
+      url_color: '#d79835'
+    },
+    imageBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      alt_text_color: '#e2e4e6',
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    locationBubble: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      border_color_failed: failedBdr,
+      url_color: primaryYellow,
+      url_color_failed: failedUrlColor
+    },
+    messageBox: {
+      incoming_bg_color: incomingBubbleBgColor,
+      outgoing_bg_color: outgoingBubbleBgColor,
+      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: '#d79835',
+      failed_color: messageStatusFailedColor
+    },
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
+    replyBubbleContent: {
+      bg_color: '#212121',
+      bg_color_failed: failedBg,
+      border_color: '#161515',
+      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: primaryYellow,
+      see_more_color_failed: failedUrlColor,
+      url_color: primaryYellow,
+      url_color_failed: failedUrlColor
+    },
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
+  }
+};