@zohoim/chat-components 1.1.5 → 1.1.6-beta.1

package/README.md

@@ -10,6 +10,11 @@ In this Library, We Provide Some Basic Message Components to Build Your Chat App
 
 > import MessageBubble from '@zohoim/chat-components/es/MessageBubble/MessageBubble’;
 
+# 1.1.6
+
+- In the message component, MP3 format support has been added for some integrations.
+- **ReplyComposer** Added support for bodyElement rendering.
+
 # 1.1.5
 
 - lib folder added

package/es/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -23,7 +23,7 @@ export default function IMAttachmentHandler(props) {
     isMultiAttachment,
     onAttach: propOnAttach,
     attachmentType,
-    integrationService
+    integrationServiceId
   } = props;
   const {
     attachmentHandlerProps = dummyObject
@@ -34,7 +34,7 @@ export default function IMAttachmentHandler(props) {
   } = useIMAttachmentHandler({
     onAttach: propOnAttach,
     attachmentType,
-    integrationService
+    integrationServiceId
   });
   return /*#__PURE__*/React.createElement(AttachmentHandler, _extends({
     iconName: iconName,

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

@@ -23,6 +23,6 @@ const imAttachmentHandlerPropTypes = {
   onAttach: PropTypes.func,
   customProps: PropTypes.object,
   attachmentType: PropTypes.oneOf(['image', 'document', 'documentAndImage']),
-  integrationService: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationServiceId: PropTypes.oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
 };
 export default imAttachmentHandlerPropTypes;

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

@@ -52,7 +52,7 @@ const imMessagePropTypes = {
     type: PropTypes.string
   }).isRequired,
   sessionDetails: PropTypes.shape({
-    integrationService: PropTypes.string
+    integrationServiceId: PropTypes.string
   }),
   defaultAvatarUrls: PropTypes.shape({
     autoMessageAvatar: PropTypes.string,

package/es/im/ReplyComposer/ReplyComposer.js

@@ -49,6 +49,7 @@ export default function ReplyComposer(props) {
     onFileSubmit: propOnFileSubmit,
     attachmentPreviewTexts,
     renderHeader,
+    renderBody,
     renderFooter,
     renderStencils,
     getEditorState: propGetEditorState,
@@ -104,6 +105,7 @@ 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]);
@@ -125,7 +127,7 @@ export default function ReplyComposer(props) {
     onDescriptionChange: onChangeFileDescription,
     onSubmit: onFileSubmit,
     texts: attachmentPreviewTexts
-  }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/React.createElement("div", {
+  }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/React.createElement("div", {
     className: replEditorWrapperClass
   }, /*#__PURE__*/React.createElement(ReplyEditor, _extends({
     content: content,

package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js

@@ -31,14 +31,14 @@ function IMAttachmentHandler(props) {
       isMultiAttachment = props.isMultiAttachment,
       propOnAttach = props.onAttach,
       attachmentType = props.attachmentType,
-      integrationService = props.integrationService;
+      integrationServiceId = props.integrationServiceId;
   var _customProps$attachme = customProps.attachmentHandlerProps,
       attachmentHandlerProps = _customProps$attachme === void 0 ? _emptyConstants.dummyObject : _customProps$attachme;
 
   var _useIMAttachmentHandl = (0, _useIMAttachmentHandler["default"])({
     onAttach: propOnAttach,
     attachmentType: attachmentType,
-    integrationService: integrationService
+    integrationServiceId: integrationServiceId
   }),
       onAttach = _useIMAttachmentHandl.onAttach,
       supportedTypes = _useIMAttachmentHandl.supportedTypes;

package/lib/im/IMAttachmentHandler/props/propTypes.js

@@ -32,7 +32,7 @@ var imAttachmentHandlerPropTypes = {
   onAttach: _propTypes["default"].func,
   customProps: _propTypes["default"].object,
   attachmentType: _propTypes["default"].oneOf(['image', 'document', 'documentAndImage']),
-  integrationService: _propTypes["default"].oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
+  integrationServiceId: _propTypes["default"].oneOf([WHATSAPP, TELEGRAM, INSTAGRAM, WECHAT, TWILLIO, LINE, IM_TALK, FACEBOOKMESSENGER])
 };
 var _default = imAttachmentHandlerPropTypes;
 exports["default"] = _default;

package/lib/im/IMMessage/props/propTypes.js

@@ -62,7 +62,7 @@ var imMessagePropTypes = {
     type: _propTypes["default"].string
   }).isRequired,
   sessionDetails: _propTypes["default"].shape({
-    integrationService: _propTypes["default"].string
+    integrationServiceId: _propTypes["default"].string
   }),
   defaultAvatarUrls: _propTypes["default"].shape({
     autoMessageAvatar: _propTypes["default"].string,

package/lib/im/ReplyComposer/ReplyComposer.js

@@ -69,6 +69,7 @@ function ReplyComposer(props) {
       propOnFileSubmit = props.onFileSubmit,
       attachmentPreviewTexts = props.attachmentPreviewTexts,
       renderHeader = props.renderHeader,
+      renderBody = props.renderBody,
       renderFooter = props.renderFooter,
       renderStencils = props.renderStencils,
       propGetEditorState = props.getEditorState,
@@ -126,6 +127,9 @@ function ReplyComposer(props) {
   var headerElement = (0, _react.useMemo)(function () {
     return (0, _renderHandler["default"])(renderHeader)();
   }, [renderHeader]);
+  var bodyElement = (0, _react.useMemo)(function () {
+    return renderBody ? (0, _renderHandler["default"])(renderBody)() : null;
+  }, [renderBody]);
   var stencilsElement = (0, _react.useMemo)(function () {
     return isLoading ? (0, _renderHandler["default"])(renderStencils)({
       needFooter: needFooter
@@ -149,7 +153,7 @@ function ReplyComposer(props) {
     onDescriptionChange: onChangeFileDescription,
     onSubmit: onFileSubmit,
     texts: attachmentPreviewTexts
-  }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/_react["default"].createElement("div", {
     className: replEditorWrapperClass
   }, /*#__PURE__*/_react["default"].createElement(_ReplyEditor["default"], _extends({
     content: content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.5",
+  "version": "1.1.6-beta.1",
   "description": "Chat Components",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,7 +35,7 @@
     "@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.5",
+    "@zohodesk/a11y": "2.3.6",
     "@zohodesk/components": "1.4.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icon": "1.3.15",
@@ -45,8 +45,8 @@
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.5",
-    "@zohoim/chat-components-utils": "1.1.5",
+    "@zohoim/chat-components-hooks": "1.1.6-beta.1",
+    "@zohoim/chat-components-utils": "1.1.6-beta.1",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
     "react-sortable-hoc": "1.11.0",
@@ -55,7 +55,7 @@
   },
   "peerDependencies": {
     "@zoho/SecurityJS": "7.2.4",
-    "@zohodesk/a11y": "2.3.5",
+    "@zohodesk/a11y": "2.3.6",
     "@zohodesk/components": "1.4.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icon": "1.3.15",
@@ -65,10 +65,10 @@
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.4-beta.2",
-    "@zohoim/chat-components-utils": "1.1.4-beta.2",
+    "@zohoim/chat-components-hooks": "1.1.6",
+    "@zohoim/chat-components-utils": "1.1.6",
     "react-sortable-hoc": "1.11.0",
     "velocity-react": "1.4.3"
   },
-  "gitHead": "6908c5dc26f36e0bc17fa00d3d3d8fd79d821c82"
+  "gitHead": "48a7176ebd9f361bba1e488ed5ac21c27f84b874"
 }