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

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

@@ -1,131 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor, primaryOrange, white, black, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, imIntegrationIcon, imTtIcon, replyEditor, emojisHeader, attachmentPreviewHeader, emojiPopup } from "./commonColorVariable";
-export default {
-  library: 'chat_components',
-  variables: {
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#fdf5ef',
-      border_color: '#f7d6b9'
-    },
-    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: primaryOrange
-    },
-    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: primaryOrange,
-      url_color_failed: failedUrlColor
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: '#fdf5ef',
-      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: '#e57717',
-      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: primaryOrange,
-      see_more_color_failed: failedUrlColor,
-      url_color: primaryOrange,
-      url_color_failed: failedUrlColor
-    },
-    videoBubble: {
-      border_color: '#ebf0f5',
-      border_color_failed: failedBdr
-    },
-    emojiFooter: {
-      tabLine: primaryOrange,
-      border_color: '#ebf0f5'
-    },
-    replyEditor,
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#f5f6f7',
-      editor_border_color: '#d1cbc6',
-      editor_border_hover_color: '#788190',
-      editor_border_active_color: '#e57717'
-    },
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: 'rgba(204, 201, 199, 0.7)',
-      ttIcon_path2_color: 'var(--dot_black)'
-    }
-  }
-};

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

@@ -1,131 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor, primaryRed, white, black, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, imIntegrationIcon, imTtIcon, replyEditor, emojisHeader, attachmentPreviewHeader, emojiPopup } from "./commonColorVariable";
-export default {
-  library: 'chat_components',
-  variables: {
-    actionIconWrapper: {
-      color: actionIconWrapperColor,
-      bg_color: '#fdf3f3',
-      border_color: '#f8d7d7'
-    },
-    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: primaryRed
-    },
-    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: primaryRed,
-      url_color_failed: failedUrlColor
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: '#fdf3f3',
-      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: '#de3535',
-      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: primaryRed,
-      see_more_color_failed: failedUrlColor,
-      url_color: primaryRed,
-      url_color_failed: failedUrlColor
-    },
-    videoBubble: {
-      border_color: '#ebf0f5',
-      border_color_failed: failedBdr
-    },
-    emojiFooter: {
-      tabLine: primaryRed,
-      border_color: '#ebf0f5'
-    },
-    replyEditor,
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#f5f6f7',
-      editor_border_color: '#b9b2b4',
-      editor_border_hover_color: '#788190',
-      editor_border_active_color: '#de3535'
-    },
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: 'rgba(204, 199, 201, 0.7)',
-      ttIcon_path2_color: 'var(--dot_black)'
-    }
-  }
-};

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

@@ -1,131 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor, primaryYellow, white, black, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, imIntegrationIcon, imTtIcon, replyEditor, emojisHeader, attachmentPreviewHeader, emojiPopup } 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
-    },
-    emojiFooter: {
-      tabLine: primaryYellow,
-      border_color: '#ebf0f5'
-    },
-    replyEditor,
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#f5f6f7',
-      editor_border_color: '#ccc2a4',
-      editor_border_hover_color: '#788190',
-      editor_border_active_color: '#e8b923'
-    },
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: 'rgba(204, 203, 199, 0.7)',
-      ttIcon_path2_color: 'var(--dot_black)'
-    }
-  }
-};

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

@@ -1,132 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, 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: '#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
-    },
-    emojiFooter: {
-      tabLine: primaryBlue,
-      border_color: '#161515'
-    },
-    replyEditor,
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: 'rgba(255, 255, 255, 0.15)',
-      ttIcon_path2_color: 'var(--dot_platinum)'
-    },
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#262626',
-      editor_border_color: '#585858',
-      editor_border_hover_color: '#828994',
-      editor_border_active_color: '#479dff'
-    }
-  }
-};

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

@@ -1,37 +0,0 @@
-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';
-export const emojiPopup = {
-  bg: '#f1f4f9',
-  border: '#f1f4f9',
-  titleColor: '#aaa'
-};
-export const replyEditor = {
-  bg: '#212121',
-  color: '#e2e4e6',
-  placeholder: '#585858'
-};
-export const emojisHeader = {
-  bg_color: '#171717',
-  border_color: '#161515'
-};
-export const attachmentPreviewHeader = {
-  bg_color: '#212121',
-  name_color: '#e2e4e6',
-  size_color: '#a8b0bd'
-};

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

@@ -1,132 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, 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: '#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
-    },
-    emojiFooter: {
-      tabLine: primaryGreen,
-      border_color: '#161515'
-    },
-    replyEditor,
-    emojiPopup: { ...emojiPopup,
-      ttIcon_path1_color: 'rgba(255, 255, 255, 0.15)',
-      ttIcon_path2_color: 'var(--dot_platinum)'
-    },
-    emojisHeader,
-    attachmentPreviewHeader,
-    attachmentPreviewBody: {
-      bg_color: '#262626',
-      editor_border_color: '#585858',
-      editor_border_hover_color: '#828994',
-      editor_border_active_color: '#45a159'
-    }
-  }
-};