@zohoim/chat-components 1.1.2-beta.4 → 1.1.2-beta.5

package/es/Theme/utils/getThemeConfigurations.js

@@ -1,19 +1,4 @@
 import { modeConstants, themeConstants } from '@zohoim/chat-components-utils/es/constants/themeConstants';
-import lightBlue from "../themeVariables/light/blueTheme";
-import lightGreen from "../themeVariables/light/greenTheme";
-import lightOrange from "../themeVariables/light/orangeTheme";
-import lightRed from "../themeVariables/light/redTheme";
-import lightYellow from "../themeVariables/light/yellowTheme";
-import darkBlue from "../themeVariables/dark/blueTheme";
-import darkGreen from "../themeVariables/dark/greenTheme";
-import darkOrange from "../themeVariables/dark/orangeTheme";
-import darkRed from "../themeVariables/dark/redTheme";
-import darkYellow from "../themeVariables/dark/yellowTheme";
-import pureDarkBlue from "../themeVariables/pureDark/blueTheme";
-import pureDarkGreen from "../themeVariables/pureDark/greenTheme";
-import pureDarkOrange from "../themeVariables/pureDark/orangeTheme";
-import pureDarkRed from "../themeVariables/pureDark/redTheme";
-import pureDarkYellow from "../themeVariables/pureDark/yellowTheme";
 const modeMapping = {
   [modeConstants.LIGHT]: 'light',
   [modeConstants.DARK]: 'dark',
@@ -26,56 +11,17 @@ const themeMapping = {
   [themeConstants.RED]: 'red',
   [themeConstants.YELLOW]: 'yellow'
 };
-const concatString = '_';
 const defaultTheme = themeMapping[themeConstants.BLUE];
 const defaultMode = modeMapping[modeConstants.LIGHT];
-const defaultThemeConfiguration = lightBlue;
-const themeConfigMapping = {
-  [`${modeConstants.LIGHT}${concatString}${themeConstants.BLUE}`]: lightBlue,
-  [`${modeConstants.LIGHT}${concatString}${themeConstants.GREEN}`]: lightGreen,
-  [`${modeConstants.LIGHT}${concatString}${themeConstants.ORANGE}`]: lightOrange,
-  [`${modeConstants.LIGHT}${concatString}${themeConstants.RED}`]: lightRed,
-  [`${modeConstants.LIGHT}${concatString}${themeConstants.YELLOW}`]: lightYellow,
-  [`${modeConstants.DARK}${concatString}${themeConstants.BLUE}`]: darkBlue,
-  [`${modeConstants.DARK}${concatString}${themeConstants.GREEN}`]: darkGreen,
-  [`${modeConstants.DARK}${concatString}${themeConstants.ORANGE}`]: darkOrange,
-  [`${modeConstants.DARK}${concatString}${themeConstants.RED}`]: darkRed,
-  [`${modeConstants.DARK}${concatString}${themeConstants.YELLOW}`]: darkYellow,
-  [`${modeConstants.PURE_DARK}${concatString}${themeConstants.BLUE}`]: pureDarkBlue,
-  [`${modeConstants.PURE_DARK}${concatString}${themeConstants.GREEN}`]: pureDarkGreen,
-  [`${modeConstants.PURE_DARK}${concatString}${themeConstants.ORANGE}`]: pureDarkOrange,
-  [`${modeConstants.PURE_DARK}${concatString}${themeConstants.RED}`]: pureDarkRed,
-  [`${modeConstants.PURE_DARK}${concatString}${themeConstants.YELLOW}`]: pureDarkYellow
-};
-
-function getThemeName() {
-  let {
-    mode = modeConstants.LIGHT,
-    theme = themeConstants.BLUE
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const themeName = `${mode}${concatString}${theme}`;
-  return {
-    themeName
-  };
-}
-
 export default function getThemeConfigurations(_ref) {
   let {
     mode: propMode,
     theme: propTheme
   } = _ref;
-  const {
-    themeName
-  } = getThemeName({
-    mode: propMode,
-    theme: propTheme
-  });
   const mode = propMode ? modeMapping[propMode] || propMode : defaultMode;
   const theme = propTheme ? themeMapping[propTheme] || propTheme : defaultTheme;
-  const themeConfigurations = themeConfigMapping[themeName] || defaultThemeConfiguration;
   return {
     mode,
-    theme,
-    themeConfigurations
+    theme
   };
 }

package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css

@@ -64,9 +64,9 @@
 }
 
 .fontIcon :global .path1::before {
-  color: var(--imlib_chat_components_imIntegrationIcon_path0_color);
+  color: var(--imlib_chat_components_imIntegrationIcon_path0_color) !important;
 }
 
 .fontIcon :global .path2::before {
-  color: var(--imlib_chat_components_imIntegrationIcon_path1_color);
+  color: var(--imlib_chat_components_imIntegrationIcon_path1_color) !important;
 }

package/es/im/ReplyComposer/ReplyComposer.js

@@ -47,7 +47,6 @@ export default function ReplyComposer(props) {
     onFileSubmit: propOnFileSubmit,
     attachmentPreviewTexts,
     renderHeader,
-    renderBody,
     renderFooter,
     renderStencils,
     getEditorState: propGetEditorState,
@@ -103,7 +102,6 @@ export default function ReplyComposer(props) {
     isLoaded
   }, newStyle);
   const headerElement = useMemo(() => renderHandler(renderHeader)(), [renderHeader]);
-  const bodyElement = useMemo(() => renderBody ? renderHandler(renderBody)() : null, [renderBody]);
   const stencilsElement = useMemo(() => isLoading ? renderHandler(renderStencils)({
     needFooter
   }) : null, [renderStencils, needFooter, isLoading]);
@@ -127,7 +125,7 @@ export default function ReplyComposer(props) {
     onSubmit: onFileSubmit,
     texts: attachmentPreviewTexts,
     ...attachmentPreviewCustomProps
-  }) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/React.createElement("div", {
+  }) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/React.createElement("div", {
     className: replEditorWrapperClass
   }, /*#__PURE__*/React.createElement(ReplyEditor, {
     content: content,

package/es/im/ReplyEditor/css/ReplyEditor.module.css

@@ -24,10 +24,10 @@
   font-family: var(--zd_regular) !important;
   line-height: 22px !important;
 
-  --rte-text-color: var(--imlib_chat_components_replyEditor_color) !important;
-  --rte-bg-color: var(--imlib_chat_components_replyEditor_bg) !important;
+  --rte-text-color: var(--imlib_chat_components_reply_editor_color) !important;
+  --rte-bg-color: var(--imlib_chat_components_reply_editor_bg) !important;
   --rte-placeholder-color: var(
-    --imlib_chat_components_replyEditor_placeholder
+    --imlib_chat_components_reply_editor_placeholder_color
   ) !important;
   --rte-link-text-color: var(
     --imlib_chat_components_replyEditor_color
@@ -35,7 +35,7 @@
 
   padding: var(--zd_size16)  !important;
   cursor: text !important;
-}
+}	
 
 .editorWrapper {
   /** ** Use this class for css customisations *** */

package/lib/index.js

@@ -0,0 +1,538 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _MessageBubble = require("./MessageBubble");
+
+Object.keys(_MessageBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageBubble[key];
+    }
+  });
+});
+
+var _MessageActionsWrapper = require("./MessageActionsWrapper");
+
+Object.keys(_MessageActionsWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActionsWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActionsWrapper[key];
+    }
+  });
+});
+
+var _MessageActions = require("./MessageActions");
+
+Object.keys(_MessageActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActions[key];
+    }
+  });
+});
+
+var _MessageBox = require("./MessageBox");
+
+Object.keys(_MessageBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageBox[key];
+    }
+  });
+});
+
+var _ActionIcon = require("./ActionIcon");
+
+Object.keys(_ActionIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionIcon[key];
+    }
+  });
+});
+
+var _ActionIconWrapper = require("./ActionIconWrapper");
+
+Object.keys(_ActionIconWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionIconWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionIconWrapper[key];
+    }
+  });
+});
+
+var _MessageActionsMore = require("./MessageActionsMore");
+
+Object.keys(_MessageActionsMore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageActionsMore[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageActionsMore[key];
+    }
+  });
+});
+
+var _MessageAvatar = require("./MessageAvatar");
+
+Object.keys(_MessageAvatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageAvatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageAvatar[key];
+    }
+  });
+});
+
+var _MoreActionItem = require("./MoreActionItem");
+
+Object.keys(_MoreActionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MoreActionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MoreActionItem[key];
+    }
+  });
+});
+
+var _MessageAction = require("./MessageAction");
+
+Object.keys(_MessageAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageAction[key];
+    }
+  });
+});
+
+var _Theme = require("./Theme");
+
+Object.keys(_Theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Theme[key];
+    }
+  });
+});
+
+var _Message = require("./Message");
+
+Object.keys(_Message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Message[key];
+    }
+  });
+});
+
+var _AudioBubble = require("./AudioBubble");
+
+Object.keys(_AudioBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AudioBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AudioBubble[key];
+    }
+  });
+});
+
+var _AttachmentBubble = require("./AttachmentBubble");
+
+Object.keys(_AttachmentBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentBubble[key];
+    }
+  });
+});
+
+var _AttachmentIcon = require("./AttachmentIcon");
+
+Object.keys(_AttachmentIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentIcon[key];
+    }
+  });
+});
+
+var _VideoBubble = require("./VideoBubble");
+
+Object.keys(_VideoBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VideoBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VideoBubble[key];
+    }
+  });
+});
+
+var _ImageBubble = require("./ImageBubble");
+
+Object.keys(_ImageBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageBubble[key];
+    }
+  });
+});
+
+var _TextBubble = require("./TextBubble");
+
+Object.keys(_TextBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextBubble[key];
+    }
+  });
+});
+
+var _LocationBubble = require("./LocationBubble");
+
+Object.keys(_LocationBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LocationBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LocationBubble[key];
+    }
+  });
+});
+
+var _AttachmentBubbleInfo = require("./AttachmentBubbleInfo");
+
+Object.keys(_AttachmentBubbleInfo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentBubbleInfo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentBubbleInfo[key];
+    }
+  });
+});
+
+var _Audio = require("./Audio");
+
+Object.keys(_Audio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Audio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Audio[key];
+    }
+  });
+});
+
+var _Video = require("./Video");
+
+Object.keys(_Video).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Video[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Video[key];
+    }
+  });
+});
+
+var _ReplyBubble = require("./ReplyBubble");
+
+Object.keys(_ReplyBubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubble[key];
+    }
+  });
+});
+
+var _ReplyBubbleHeader = require("./ReplyBubbleHeader");
+
+Object.keys(_ReplyBubbleHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubbleHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubbleHeader[key];
+    }
+  });
+});
+
+var _LazyLoadImage = require("./LazyLoadImage");
+
+Object.keys(_LazyLoadImage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LazyLoadImage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LazyLoadImage[key];
+    }
+  });
+});
+
+var _ReplyBubbleContent = require("./ReplyBubbleContent");
+
+Object.keys(_ReplyBubbleContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReplyBubbleContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReplyBubbleContent[key];
+    }
+  });
+});
+
+var _MessageStatus = require("./MessageStatus");
+
+Object.keys(_MessageStatus).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageStatus[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageStatus[key];
+    }
+  });
+});
+
+var _im = require("./im");
+
+Object.keys(_im).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _im[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _im[key];
+    }
+  });
+});
+
+var _Emojis = require("./Emojis");
+
+Object.keys(_Emojis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Emojis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Emojis[key];
+    }
+  });
+});
+
+var _EmojisList = require("./EmojisList");
+
+Object.keys(_EmojisList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisList[key];
+    }
+  });
+});
+
+var _Emoji = require("./Emoji");
+
+Object.keys(_Emoji).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Emoji[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Emoji[key];
+    }
+  });
+});
+
+var _EmojiPopup = require("./EmojiPopup");
+
+Object.keys(_EmojiPopup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojiPopup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojiPopup[key];
+    }
+  });
+});
+
+var _EmojisHeader = require("./EmojisHeader");
+
+Object.keys(_EmojisHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisHeader[key];
+    }
+  });
+});
+
+var _EmojisFooter = require("./EmojisFooter");
+
+Object.keys(_EmojisFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisFooter[key];
+    }
+  });
+});
+
+var _EmojisEmptyState = require("./EmojisEmptyState");
+
+Object.keys(_EmojisEmptyState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmojisEmptyState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmojisEmptyState[key];
+    }
+  });
+});
+
+var _rte = require("./rte");
+
+Object.keys(_rte).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rte[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _rte[key];
+    }
+  });
+});
+
+var _AttachmentHandler = require("./AttachmentHandler");
+
+Object.keys(_AttachmentHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentHandler[key];
+    }
+  });
+});
+
+var _AttachmentPreview = require("./AttachmentPreview");
+
+Object.keys(_AttachmentPreview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreview[key];
+    }
+  });
+});
+
+var _AttachmentPreviewHeader = require("./AttachmentPreviewHeader");
+
+Object.keys(_AttachmentPreviewHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreviewHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreviewHeader[key];
+    }
+  });
+});
+
+var _AttachmentPreviewBody = require("./AttachmentPreviewBody");
+
+Object.keys(_AttachmentPreviewBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AttachmentPreviewBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AttachmentPreviewBody[key];
+    }
+  });
+});
+
+var _constants = require("./constants");
+
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});