@fle-ui/plus-im-record 0.0.8-beta.1 → 0.0.8-beta.4

package/es/ChatMessageItem/index.less

@@ -64,7 +64,7 @@
     white-space: break-spaces;
     overflow: hidden;
     max-width: 375px;
-    min-width: 50px;
+    min-width: 24px;
     border-radius: 2px 6px 6px 6px;
     background: #fff;
   }
@@ -98,6 +98,9 @@
     border-radius: 6px 2px 6px 6px;
     background: #dbe6ff;
   }
+  .@{prefix}-ref-body {
+    border-left: 3px solid #c2d4ff;
+  }
 }
 
 // 对话-H5

package/es/ChatMessageList/index.d.ts

@@ -9,6 +9,7 @@ export interface RecordSession {
     relationType?: number;
 }
 export interface ChatMessageListProps {
+    searchValue?: string;
     h5?: boolean;
     msgs: IMMessage[];
     myAccount?: string;

package/es/ChatMessageList/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import ChatMessageItem from '../ChatMessageItem';
 import { debounce } from '../utils';
 import './index.less';
@@ -8,7 +8,8 @@ var LOADING_STATUS = {
 };
 var LOAD_LIMIT = 15;
 var ChatMessageList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var h5 = _ref.h5,
+  var searchValue = _ref.searchValue,
+    h5 = _ref.h5,
     msgs = _ref.msgs,
     onScrollTop = _ref.onScrollTop,
     onScrollBottom = _ref.onScrollBottom,
@@ -30,6 +31,13 @@ var ChatMessageList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isTop && (onScrollTop === null || onScrollTop === void 0 ? void 0 : onScrollTop(e));
     isBottom && (onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom(e));
   }, 200);
+  var filteredMsgs = useMemo(function () {
+    return msgs.filter(function (msg) {
+      var _msg$attach, _msg$attach2;
+      return ((_msg$attach = msg.attach) === null || _msg$attach === void 0 ? void 0 : _msg$attach.type) === 'text' && (((_msg$attach2 = msg.attach) === null || _msg$attach2 === void 0 ? void 0 : _msg$attach2.content) || '').indexOf(searchValue) > -1;
+    });
+  }, [msgs, searchValue]);
+  var messagesToRender = searchValue ? filteredMsgs : msgs;
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls,
     style: style || {}
@@ -39,13 +47,13 @@ var ChatMessageList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onScroll: onScrollHandler
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-status")
-  }, msgs.length < LOAD_LIMIT || !LOADING_STATUS[loadingStarus] ? null : LOADING_STATUS[loadingStarus]), msgs.map(function (msg) {
+  }, msgs.length < LOAD_LIMIT || !LOADING_STATUS[loadingStarus] ? null : LOADING_STATUS[loadingStarus]), messagesToRender.map(function (msg) {
     return /*#__PURE__*/React.createElement("div", {
       id: msg.idServer,
       key: msg.idServer
     }, /*#__PURE__*/React.createElement(ChatMessageItem, {
       h5: h5,
-      keyword: '',
+      keyword: searchValue || '',
       myAccount: myAccount,
       prefix: "".concat(prefixCls, "-item"),
       msg: msg,

package/es/GoodsCard/index.less

@@ -2,6 +2,7 @@
 
 .@{prefix}-goods {
   max-width: 272px;
+  min-width: 200px;
   padding-bottom: 2px;
   &-info {
     display: flex;

package/es/GoodsOrderCard/index.less

@@ -2,6 +2,7 @@
 
 .@{prefix}-order {
   max-width: 272px;
+  min-width: 200px;
   padding-bottom: 2px;
 
   &-info {

package/es/OrderGoodsCard/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const OrderGoodsCard: React.FC<{
+    prefix?: string;
+    orderSn?: any;
+    messageId?: string;
+}>;
+export default OrderGoodsCard;

package/es/OrderGoodsCard/index.js

@@ -0,0 +1,85 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext, useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { fallbackImg } from '../common/const';
+import './index.less';
+import { ImContext } from '..';
+var OrderGoodsCard = function OrderGoodsCard(props) {
+  var _props$prefix = props.prefix,
+    prefix = _props$prefix === void 0 ? 'fx-chart-messages-item' : _props$prefix,
+    _props$orderSn = props.orderSn,
+    orderSn = _props$orderSn === void 0 ? '' : _props$orderSn,
+    messageId = props.messageId;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpand = _useState4[0],
+    setIsExpand = _useState4[1];
+  var _useContext = useContext(ImContext),
+    api = _useContext.api;
+  useEffect(function () {
+    if (orderSn && messageId) {
+      api.getOrderGoods({
+        orderSn: orderSn,
+        messageId: messageId
+      }).then(function (_ref) {
+        var data = _ref.data;
+        setData(data || []);
+      });
+    }
+  }, [orderSn, messageId]);
+  function formatOrderPrice(item) {
+    var currencyStr = item.currencyStr || '积分';
+    if (Number(item.price || 0) > 0 && Number(item.score || 0) > 0) {
+      return "".concat(item.score).concat(currencyStr, " + ").concat(item.price, "\u5143");
+    }
+    if (Number(item.price || 0) > 0) {
+      return "".concat(item.price, "\u5143");
+    }
+    if (Number(item.score || 0) > 0) {
+      return "".concat(item.score).concat(currencyStr);
+    }
+    return '';
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefix, "-order-goods"))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-order-goods-summary")
+  }, "\u60A8\u597D\uFF0C\u8BF7\u9009\u62E9\u60A8\u8981\u54A8\u8BE2\u7684\u5546\u54C1\uFF1A"), data === null || data === void 0 ? void 0 : data.slice(0, isExpand ? data === null || data === void 0 ? void 0 : data.length : 5).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: +index,
+      className: "".concat(prefix, "-order-goods-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-img"),
+      style: {
+        background: "url(".concat(item.pic || fallbackImg, ") 0 0 / cover no-repeat")
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-right")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-title two-line-text")
+    }, item.title), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        gap: 8
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-price")
+    }, item.applicationId === 7 ? null : formatOrderPrice(item)))));
+  }), (data === null || data === void 0 ? void 0 : data.length) > 5 && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-order-goods-expand"),
+    onClick: function onClick() {
+      return setIsExpand(!isExpand);
+    }
+  }, isExpand ? '收起' : '展开全部', " ", "(".concat(data === null || data === void 0 ? void 0 : data.length, ")")));
+};
+export default OrderGoodsCard;

package/es/OrderGoodsCard/index.less

@@ -0,0 +1,61 @@
+@prefix: chart-messages-item;
+
+.@{prefix}-order-goods {
+  max-width: 272px;
+  min-width: 200px;
+  padding: 12px;
+  padding-bottom: 6px;
+  &-summary {
+    margin-bottom: 8px;
+  }
+
+  &-item {
+    display: flex;
+    flex-flow: row;
+    padding: 8px 0;
+    &:not(:last-child) {
+      border-bottom: 1px solid #eee;
+    }
+    &-img {
+      flex-shrink: 0;
+      border-radius: 4px;
+      width: 60px;
+      height: 60px;
+      margin-right: 6px;
+      overflow: hidden;
+      object-fit: fill;
+    }
+    img {
+      width: 100%;
+      object-fit: contain;
+    }
+
+    &-right {
+      flex: 1;
+      overflow: hidden;
+    }
+    &-title {
+      line-height: 1.2;
+      margin-top: 2px;
+      margin-bottom: 4px;
+    }
+
+    &-price {
+      min-height: 14px;
+      font-size: 12px;
+      color: #6e7789;
+    }
+
+    &-btn {
+      font-size: 12px !important;
+      padding: 0 !important;
+    }
+  }
+
+  &-expand {
+    color: var(--prc);
+    text-align: center;
+    padding-top: 8px;
+    cursor: pointer;
+  }
+}

package/es/ParseSession/index.js

@@ -26,6 +26,7 @@ import { downloadByUrl, getSimplifyMsg } from '../common/utils';
 import Icon from '../Icon';
 import GoodsCard from '../GoodsCard';
 import GoodsOrderCard from '../GoodsOrderCard';
+import OrderGoodsCard from '../OrderGoodsCard';
 import { ImContext } from '..';
 import { pauseAllAudio, pauseOtherVideo } from '../audioAndVideoTool';
 import AudioPlayer from './AudioPlayer';
@@ -113,7 +114,7 @@ var ParseSession = function ParseSession(_ref) {
           className: "".concat(prefix, "-ref-audio-body")
         }, /*#__PURE__*/React.createElement(AudioPlayer, {
           style: {
-            backgroundColor: '#fff',
+            backgroundColor: msg.flow === 'in' ? '#f7f7f7' : 'rgba(255, 255, 255, 0.5)',
             borderRadius: 4,
             width: 80
           },
@@ -331,7 +332,6 @@ var ParseSession = function ParseSession(_ref) {
     return null;
   };
   var renderAudio = function renderAudio() {
-    var flow = msg.flow;
     var duration = Math.floor(attach.content.dur) || 0;
     return /*#__PURE__*/React.createElement(AudioPlayer, {
       prefix: prefix || '',
@@ -389,7 +389,11 @@ var ParseSession = function ParseSession(_ref) {
       href: addUrlSearch(attach.content.url, "download=".concat(attach.content.fileName)),
       target: "_blank",
       rel: "noreferrer"
-    }, attach.content.fileName), /*#__PURE__*/React.createElement("span", null, parseFileSize(attach.content.size))));
+    }, attach.content.fileName), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 12
+      }
+    }, parseFileSize(attach.content.size))));
   };
   var renderOrderCard = function renderOrderCard() {
     var _attach$content8, _attach$content9;
@@ -406,11 +410,19 @@ var ParseSession = function ParseSession(_ref) {
       content: attach.content || {}
     });
   };
+  var renderOrderGoods = function renderOrderGoods() {
+    var _attach$content10;
+    return /*#__PURE__*/React.createElement(OrderGoodsCard, {
+      prefix: prefix,
+      orderSn: (_attach$content10 = attach.content) === null || _attach$content10 === void 0 ? void 0 : _attach$content10.orderSn,
+      messageId: msg.idClient
+    });
+  };
   var renderChartRecord = function renderChartRecord() {
-    var _attach$content10, _attach$content11, _attach$content12;
-    var records = ((_attach$content10 = attach.content) === null || _attach$content10 === void 0 ? void 0 : _attach$content10.items) || [];
-    var msgIds = ((_attach$content11 = attach.content) === null || _attach$content11 === void 0 ? void 0 : _attach$content11.msgIds) || [];
-    var title = (_attach$content12 = attach.content) === null || _attach$content12 === void 0 ? void 0 : _attach$content12.title;
+    var _attach$content11, _attach$content12, _attach$content13;
+    var records = ((_attach$content11 = attach.content) === null || _attach$content11 === void 0 ? void 0 : _attach$content11.items) || [];
+    var msgIds = ((_attach$content12 = attach.content) === null || _attach$content12 === void 0 ? void 0 : _attach$content12.msgIds) || [];
+    var title = (_attach$content13 = attach.content) === null || _attach$content13 === void 0 ? void 0 : _attach$content13.title;
     var list = records.filter(function (v) {
       var _v$attach;
       return ![imMsgTypes.event].includes((_v$attach = v.attach) === null || _v$attach === void 0 ? void 0 : _v$attach.type);
@@ -441,10 +453,10 @@ var ParseSession = function ParseSession(_ref) {
     })), "\u7CFB\u7EDF\u8F6C\u53D1"));
   };
   var renderOfflineSupport = function renderOfflineSupport() {
-    var _attach$content13, _attach$content14;
+    var _attach$content14, _attach$content15;
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefix, "-text")
-    }, (_attach$content13 = attach.content) === null || _attach$content13 === void 0 ? void 0 : _attach$content13.supportDesc, ((_attach$content14 = attach.content) === null || _attach$content14 === void 0 ? void 0 : _attach$content14.contact) && /*#__PURE__*/React.createElement("a", {
+    }, (_attach$content14 = attach.content) === null || _attach$content14 === void 0 ? void 0 : _attach$content14.supportDesc, ((_attach$content15 = attach.content) === null || _attach$content15 === void 0 ? void 0 : _attach$content15.contact) && /*#__PURE__*/React.createElement("a", {
       href: "tel:".concat(attach.content.contact),
       rel: "noreferrer"
     }, attach.content.contact));
@@ -480,6 +492,8 @@ var ParseSession = function ParseSession(_ref) {
           return renderChartRecord();
         case imMsgTypes.offlineSupport:
           return renderOfflineSupport();
+        case imMsgTypes.orderGoods:
+          return renderOrderGoods();
         default:
           return '';
       }

package/es/ParseSession/index.less

@@ -7,9 +7,9 @@
 
   &-ref {
     padding: 12px;
-    padding-bottom: 16px;
+    padding-bottom: 4px;
     &-body {
-      border-left: 2px solid #c2d4ff;
+      border-left: 3px solid #eee;
       padding-left: 8px;
     }
     &-text-body {

package/es/api/index.d.ts

@@ -25,6 +25,10 @@ interface ApiMethods {
     getContact: (params: {
         msgId?: string;
     }) => Promise<any>;
+    getOrderGoods: (data: {
+        orderSn?: any;
+        messageId?: string;
+    }) => Promise<any>;
 }
 export declare const apiCreate: (_env?: Env, token?: string) => ApiMethods;
 export {};

package/es/api/index.js

@@ -38,6 +38,10 @@ export var apiCreate = function apiCreate(_env, token) {
     getCSOrder: function getCSOrder(data) {
       return service.post('/ll/provider/message/order/get', data);
     },
+    // 获取订单商品信息
+    getOrderGoods: function getOrderGoods(data) {
+      return service.post('/ll/provider/message/after-sales-agent/goods/list', data);
+    },
     // 获取联系人信息（表单）
     getContact: function getContact(params) {
       return service.get('/ll/provider/message/contact/get', {

package/es/index.d.ts

@@ -8,7 +8,10 @@ import './styles/index.less';
  * @description 代码由小鲤客服平台搬运简来.
  */
 export interface IMRecordProps {
-    env?: Env;
+    /**
+     * 数据对应的环境
+     */
+    env: Env;
     token?: string;
     h5?: boolean;
     msgs: IMMessage[];
@@ -19,6 +22,16 @@ export interface IMRecordProps {
     style?: React.CSSProperties;
     isSessionEnd?: boolean;
     recordSession?: RecordSession;
+    /**是否显示搜索输入框 默认为false*/
+    showSearchInput?: boolean;
+    /**搜索事件,对外抛出搜索关键字*/
+    onSearch?: (keyword: string) => void;
+    /**搜索模式
+     * internal: 内部搜索 只对输入到组件内部的msgs进行搜索
+     * external: 外部搜索 只对外抛出搜索关键字,在外部搜索,从而改变输入到组件的msgs
+     * 默认为internal
+     */
+    searchMode?: 'internal' | 'external';
 }
 export interface ImContextProps {
     api: ReturnType<typeof apiCreate>;

package/es/index.js

@@ -1,5 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["env", "token", "msgs", "recordSession"];
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+var _excluded = ["env", "token", "msgs", "recordSession", "showSearchInput", "searchMode", "onSearch"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -28,12 +30,21 @@ var IMRecord = function IMRecord(_ref) {
     token = _ref.token,
     msgs = _ref.msgs,
     recordSession = _ref.recordSession,
+    _ref$showSearchInput = _ref.showSearchInput,
+    showSearchInput = _ref$showSearchInput === void 0 ? false : _ref$showSearchInput,
+    _ref$searchMode = _ref.searchMode,
+    searchMode = _ref$searchMode === void 0 ? 'internal' : _ref$searchMode,
+    onSearch = _ref.onSearch,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var api = apiCreate(env, token);
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     accountsMap = _useState2[0],
     setAccountsMap = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
   var messageListDomRef = useRef(null);
   useEffect(function () {
     var accids = _toConsumableArray(new Set(msgs.map(function (x) {
@@ -43,6 +54,16 @@ var IMRecord = function IMRecord(_ref) {
       getAccountByAccids(accids);
     }
   }, [msgs]);
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      if (onSearch && searchValue !== undefined) {
+        onSearch(searchValue); // 仅在external模式下触发onSearch
+      }
+    }, 300); // 300ms的防抖时间，可以根据需要调整
+    return function () {
+      clearTimeout(handler); // 清除上一次的定时器
+    };
+  }, [searchValue, searchMode, onSearch]);
   function getAccountByAccids(accids) {
     api.getAccountInfoByAccid({
       accids: accids
@@ -65,7 +86,20 @@ var IMRecord = function IMRecord(_ref) {
     value: {
       api: api
     }
-  }, /*#__PURE__*/React.createElement(ChatMessageList, _extends({
+  }, showSearchInput && /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 8,
+      backgroundColor: '#f7f7f7'
+    }
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: searchValue,
+    onChange: function onChange(e) {
+      return setSearchValue(e.target.value);
+    },
+    allowClear: true,
+    placeholder: "\u8F93\u5165\u5BF9\u8BDD\u5173\u952E\u8BCD\u641C\u7D22"
+  })), /*#__PURE__*/React.createElement(ChatMessageList, _extends({
+    searchValue: searchMode === 'internal' ? searchValue : undefined,
     ref: messageListDomRef,
     msgs: msgs,
     h5: true,

package/lib/ChatMessageItem/index.less

@@ -64,7 +64,7 @@
     white-space: break-spaces;
     overflow: hidden;
     max-width: 375px;
-    min-width: 50px;
+    min-width: 24px;
     border-radius: 2px 6px 6px 6px;
     background: #fff;
   }
@@ -98,6 +98,9 @@
     border-radius: 6px 2px 6px 6px;
     background: #dbe6ff;
   }
+  .@{prefix}-ref-body {
+    border-left: 3px solid #c2d4ff;
+  }
 }
 
 // 对话-H5

package/lib/ChatMessageList/index.d.ts

@@ -9,6 +9,7 @@ export interface RecordSession {
     relationType?: number;
 }
 export interface ChatMessageListProps {
+    searchValue?: string;
     h5?: boolean;
     msgs: IMMessage[];
     myAccount?: string;

package/lib/ChatMessageList/index.js

@@ -1,21 +1,25 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _ChatMessageItem = _interopRequireDefault(require("../ChatMessageItem"));
 var _utils = require("../utils");
 require("./index.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LOADING_STATUS = {
   loading: '加载中...',
   nomore: '没有更多了~'
 };
 var LOAD_LIMIT = 15;
 var ChatMessageList = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var h5 = _ref.h5,
+  var searchValue = _ref.searchValue,
+    h5 = _ref.h5,
     msgs = _ref.msgs,
     onScrollTop = _ref.onScrollTop,
     onScrollBottom = _ref.onScrollBottom,
@@ -37,6 +41,13 @@ var ChatMessageList = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     isTop && (onScrollTop === null || onScrollTop === void 0 ? void 0 : onScrollTop(e));
     isBottom && (onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom(e));
   }, 200);
+  var filteredMsgs = (0, _react.useMemo)(function () {
+    return msgs.filter(function (msg) {
+      var _msg$attach, _msg$attach2;
+      return ((_msg$attach = msg.attach) === null || _msg$attach === void 0 ? void 0 : _msg$attach.type) === 'text' && (((_msg$attach2 = msg.attach) === null || _msg$attach2 === void 0 ? void 0 : _msg$attach2.content) || '').indexOf(searchValue) > -1;
+    });
+  }, [msgs, searchValue]);
+  var messagesToRender = searchValue ? filteredMsgs : msgs;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls,
     style: style || {}
@@ -46,13 +57,13 @@ var ChatMessageList = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     onScroll: onScrollHandler
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(prefixCls, "-status")
-  }, msgs.length < LOAD_LIMIT || !LOADING_STATUS[loadingStarus] ? null : LOADING_STATUS[loadingStarus]), msgs.map(function (msg) {
+  }, msgs.length < LOAD_LIMIT || !LOADING_STATUS[loadingStarus] ? null : LOADING_STATUS[loadingStarus]), messagesToRender.map(function (msg) {
     return /*#__PURE__*/_react.default.createElement("div", {
       id: msg.idServer,
       key: msg.idServer
     }, /*#__PURE__*/_react.default.createElement(_ChatMessageItem.default, {
       h5: h5,
-      keyword: '',
+      keyword: searchValue || '',
       myAccount: myAccount,
       prefix: "".concat(prefixCls, "-item"),
       msg: msg,

package/lib/GoodsCard/index.less

@@ -2,6 +2,7 @@
 
 .@{prefix}-goods {
   max-width: 272px;
+  min-width: 200px;
   padding-bottom: 2px;
   &-info {
     display: flex;

package/lib/GoodsOrderCard/index.less

@@ -2,6 +2,7 @@
 
 .@{prefix}-order {
   max-width: 272px;
+  min-width: 200px;
   padding-bottom: 2px;
 
   &-info {

package/lib/OrderGoodsCard/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const OrderGoodsCard: React.FC<{
+    prefix?: string;
+    orderSn?: any;
+    messageId?: string;
+}>;
+export default OrderGoodsCard;

package/lib/OrderGoodsCard/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _const = require("../common/const");
+require("./index.less");
+var _ = require("..");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderGoodsCard = function OrderGoodsCard(props) {
+  var _props$prefix = props.prefix,
+    prefix = _props$prefix === void 0 ? 'fx-chart-messages-item' : _props$prefix,
+    _props$orderSn = props.orderSn,
+    orderSn = _props$orderSn === void 0 ? '' : _props$orderSn,
+    messageId = props.messageId;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpand = _useState4[0],
+    setIsExpand = _useState4[1];
+  var _useContext = (0, _react.useContext)(_.ImContext),
+    api = _useContext.api;
+  (0, _react.useEffect)(function () {
+    if (orderSn && messageId) {
+      api.getOrderGoods({
+        orderSn: orderSn,
+        messageId: messageId
+      }).then(function (_ref) {
+        var data = _ref.data;
+        setData(data || []);
+      });
+    }
+  }, [orderSn, messageId]);
+  function formatOrderPrice(item) {
+    var currencyStr = item.currencyStr || '积分';
+    if (Number(item.price || 0) > 0 && Number(item.score || 0) > 0) {
+      return "".concat(item.score).concat(currencyStr, " + ").concat(item.price, "\u5143");
+    }
+    if (Number(item.price || 0) > 0) {
+      return "".concat(item.price, "\u5143");
+    }
+    if (Number(item.score || 0) > 0) {
+      return "".concat(item.score).concat(currencyStr);
+    }
+    return '';
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(prefix, "-order-goods"))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefix, "-order-goods-summary")
+  }, "\u60A8\u597D\uFF0C\u8BF7\u9009\u62E9\u60A8\u8981\u54A8\u8BE2\u7684\u5546\u54C1\uFF1A"), data === null || data === void 0 ? void 0 : data.slice(0, isExpand ? data === null || data === void 0 ? void 0 : data.length : 5).map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: +index,
+      className: "".concat(prefix, "-order-goods-item")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-img"),
+      style: {
+        background: "url(".concat(item.pic || _const.fallbackImg, ") 0 0 / cover no-repeat")
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-right")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-title two-line-text")
+    }, item.title), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        gap: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefix, "-order-goods-item-price")
+    }, item.applicationId === 7 ? null : formatOrderPrice(item)))));
+  }), (data === null || data === void 0 ? void 0 : data.length) > 5 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefix, "-order-goods-expand"),
+    onClick: function onClick() {
+      return setIsExpand(!isExpand);
+    }
+  }, isExpand ? '收起' : '展开全部', " ", "(".concat(data === null || data === void 0 ? void 0 : data.length, ")")));
+};
+var _default = exports.default = OrderGoodsCard;

package/lib/OrderGoodsCard/index.less

@@ -0,0 +1,61 @@
+@prefix: chart-messages-item;
+
+.@{prefix}-order-goods {
+  max-width: 272px;
+  min-width: 200px;
+  padding: 12px;
+  padding-bottom: 6px;
+  &-summary {
+    margin-bottom: 8px;
+  }
+
+  &-item {
+    display: flex;
+    flex-flow: row;
+    padding: 8px 0;
+    &:not(:last-child) {
+      border-bottom: 1px solid #eee;
+    }
+    &-img {
+      flex-shrink: 0;
+      border-radius: 4px;
+      width: 60px;
+      height: 60px;
+      margin-right: 6px;
+      overflow: hidden;
+      object-fit: fill;
+    }
+    img {
+      width: 100%;
+      object-fit: contain;
+    }
+
+    &-right {
+      flex: 1;
+      overflow: hidden;
+    }
+    &-title {
+      line-height: 1.2;
+      margin-top: 2px;
+      margin-bottom: 4px;
+    }
+
+    &-price {
+      min-height: 14px;
+      font-size: 12px;
+      color: #6e7789;
+    }
+
+    &-btn {
+      font-size: 12px !important;
+      padding: 0 !important;
+    }
+  }
+
+  &-expand {
+    color: var(--prc);
+    text-align: center;
+    padding-top: 8px;
+    cursor: pointer;
+  }
+}

package/lib/ParseSession/index.js

@@ -16,6 +16,7 @@ var _utils2 = require("../common/utils");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _GoodsCard = _interopRequireDefault(require("../GoodsCard"));
 var _GoodsOrderCard = _interopRequireDefault(require("../GoodsOrderCard"));
+var _OrderGoodsCard = _interopRequireDefault(require("../OrderGoodsCard"));
 var _2 = require("..");
 var _audioAndVideoTool = require("../audioAndVideoTool");
 var _AudioPlayer = _interopRequireDefault(require("./AudioPlayer"));
@@ -115,7 +116,7 @@ var ParseSession = function ParseSession(_ref) {
           className: "".concat(prefix, "-ref-audio-body")
         }, /*#__PURE__*/_react.default.createElement(_AudioPlayer.default, {
           style: {
-            backgroundColor: '#fff',
+            backgroundColor: msg.flow === 'in' ? '#f7f7f7' : 'rgba(255, 255, 255, 0.5)',
             borderRadius: 4,
             width: 80
           },
@@ -333,7 +334,6 @@ var ParseSession = function ParseSession(_ref) {
     return null;
   };
   var renderAudio = function renderAudio() {
-    var flow = msg.flow;
     var duration = Math.floor(attach.content.dur) || 0;
     return /*#__PURE__*/_react.default.createElement(_AudioPlayer.default, {
       prefix: prefix || '',
@@ -391,7 +391,11 @@ var ParseSession = function ParseSession(_ref) {
       href: (0, _utils.addUrlSearch)(attach.content.url, "download=".concat(attach.content.fileName)),
       target: "_blank",
       rel: "noreferrer"
-    }, attach.content.fileName), /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.parseFileSize)(attach.content.size))));
+    }, attach.content.fileName), /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        fontSize: 12
+      }
+    }, (0, _utils.parseFileSize)(attach.content.size))));
   };
   var renderOrderCard = function renderOrderCard() {
     var _attach$content8, _attach$content9;
@@ -408,11 +412,19 @@ var ParseSession = function ParseSession(_ref) {
       content: attach.content || {}
     });
   };
+  var renderOrderGoods = function renderOrderGoods() {
+    var _attach$content10;
+    return /*#__PURE__*/_react.default.createElement(_OrderGoodsCard.default, {
+      prefix: prefix,
+      orderSn: (_attach$content10 = attach.content) === null || _attach$content10 === void 0 ? void 0 : _attach$content10.orderSn,
+      messageId: msg.idClient
+    });
+  };
   var renderChartRecord = function renderChartRecord() {
-    var _attach$content10, _attach$content11, _attach$content12;
-    var records = ((_attach$content10 = attach.content) === null || _attach$content10 === void 0 ? void 0 : _attach$content10.items) || [];
-    var msgIds = ((_attach$content11 = attach.content) === null || _attach$content11 === void 0 ? void 0 : _attach$content11.msgIds) || [];
-    var title = (_attach$content12 = attach.content) === null || _attach$content12 === void 0 ? void 0 : _attach$content12.title;
+    var _attach$content11, _attach$content12, _attach$content13;
+    var records = ((_attach$content11 = attach.content) === null || _attach$content11 === void 0 ? void 0 : _attach$content11.items) || [];
+    var msgIds = ((_attach$content12 = attach.content) === null || _attach$content12 === void 0 ? void 0 : _attach$content12.msgIds) || [];
+    var title = (_attach$content13 = attach.content) === null || _attach$content13 === void 0 ? void 0 : _attach$content13.title;
     var list = records.filter(function (v) {
       var _v$attach;
       return ![_const.imMsgTypes.event].includes((_v$attach = v.attach) === null || _v$attach === void 0 ? void 0 : _v$attach.type);
@@ -443,10 +455,10 @@ var ParseSession = function ParseSession(_ref) {
     })), "\u7CFB\u7EDF\u8F6C\u53D1"));
   };
   var renderOfflineSupport = function renderOfflineSupport() {
-    var _attach$content13, _attach$content14;
+    var _attach$content14, _attach$content15;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-text")
-    }, (_attach$content13 = attach.content) === null || _attach$content13 === void 0 ? void 0 : _attach$content13.supportDesc, ((_attach$content14 = attach.content) === null || _attach$content14 === void 0 ? void 0 : _attach$content14.contact) && /*#__PURE__*/_react.default.createElement("a", {
+    }, (_attach$content14 = attach.content) === null || _attach$content14 === void 0 ? void 0 : _attach$content14.supportDesc, ((_attach$content15 = attach.content) === null || _attach$content15 === void 0 ? void 0 : _attach$content15.contact) && /*#__PURE__*/_react.default.createElement("a", {
       href: "tel:".concat(attach.content.contact),
       rel: "noreferrer"
     }, attach.content.contact));
@@ -482,6 +494,8 @@ var ParseSession = function ParseSession(_ref) {
           return renderChartRecord();
         case _const.imMsgTypes.offlineSupport:
           return renderOfflineSupport();
+        case _const.imMsgTypes.orderGoods:
+          return renderOrderGoods();
         default:
           return '';
       }

package/lib/ParseSession/index.less

@@ -7,9 +7,9 @@
 
   &-ref {
     padding: 12px;
-    padding-bottom: 16px;
+    padding-bottom: 4px;
     &-body {
-      border-left: 2px solid #c2d4ff;
+      border-left: 3px solid #eee;
       padding-left: 8px;
     }
     &-text-body {

package/lib/api/index.d.ts

@@ -25,6 +25,10 @@ interface ApiMethods {
     getContact: (params: {
         msgId?: string;
     }) => Promise<any>;
+    getOrderGoods: (data: {
+        orderSn?: any;
+        messageId?: string;
+    }) => Promise<any>;
 }
 export declare const apiCreate: (_env?: Env, token?: string) => ApiMethods;
 export {};

package/lib/api/index.js

@@ -45,6 +45,10 @@ var apiCreate = exports.apiCreate = function apiCreate(_env, token) {
     getCSOrder: function getCSOrder(data) {
       return service.post('/ll/provider/message/order/get', data);
     },
+    // 获取订单商品信息
+    getOrderGoods: function getOrderGoods(data) {
+      return service.post('/ll/provider/message/after-sales-agent/goods/list', data);
+    },
     // 获取联系人信息（表单）
     getContact: function getContact(params) {
       return service.get('/ll/provider/message/contact/get', {

package/lib/index.d.ts

@@ -8,7 +8,10 @@ import './styles/index.less';
  * @description 代码由小鲤客服平台搬运简来.
  */
 export interface IMRecordProps {
-    env?: Env;
+    /**
+     * 数据对应的环境
+     */
+    env: Env;
     token?: string;
     h5?: boolean;
     msgs: IMMessage[];
@@ -19,6 +22,16 @@ export interface IMRecordProps {
     style?: React.CSSProperties;
     isSessionEnd?: boolean;
     recordSession?: RecordSession;
+    /**是否显示搜索输入框 默认为false*/
+    showSearchInput?: boolean;
+    /**搜索事件,对外抛出搜索关键字*/
+    onSearch?: (keyword: string) => void;
+    /**搜索模式
+     * internal: 内部搜索 只对输入到组件内部的msgs进行搜索
+     * external: 外部搜索 只对外抛出搜索关键字,在外部搜索,从而改变输入到组件的msgs
+     * 默认为internal
+     */
+    searchMode?: 'internal' | 'external';
 }
 export interface ImContextProps {
     api: ReturnType<typeof apiCreate>;

package/lib/index.js

@@ -8,8 +8,9 @@ exports.default = exports.ImContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ChatMessageList = _interopRequireDefault(require("./ChatMessageList"));
 var _api = require("./api");
+var _antd = require("antd");
 require("./styles/index.less");
-var _excluded = ["env", "token", "msgs", "recordSession"];
+var _excluded = ["env", "token", "msgs", "recordSession", "showSearchInput", "searchMode", "onSearch"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -37,12 +38,21 @@ var IMRecord = function IMRecord(_ref) {
     token = _ref.token,
     msgs = _ref.msgs,
     recordSession = _ref.recordSession,
+    _ref$showSearchInput = _ref.showSearchInput,
+    showSearchInput = _ref$showSearchInput === void 0 ? false : _ref$showSearchInput,
+    _ref$searchMode = _ref.searchMode,
+    searchMode = _ref$searchMode === void 0 ? 'internal' : _ref$searchMode,
+    onSearch = _ref.onSearch,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var api = (0, _api.apiCreate)(env, token);
   var _useState = (0, _react.useState)({}),
     _useState2 = _slicedToArray(_useState, 2),
     accountsMap = _useState2[0],
     setAccountsMap = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
   var messageListDomRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var accids = _toConsumableArray(new Set(msgs.map(function (x) {
@@ -52,6 +62,16 @@ var IMRecord = function IMRecord(_ref) {
       getAccountByAccids(accids);
     }
   }, [msgs]);
+  (0, _react.useEffect)(function () {
+    var handler = setTimeout(function () {
+      if (onSearch && searchValue !== undefined) {
+        onSearch(searchValue); // 仅在external模式下触发onSearch
+      }
+    }, 300); // 300ms的防抖时间，可以根据需要调整
+    return function () {
+      clearTimeout(handler); // 清除上一次的定时器
+    };
+  }, [searchValue, searchMode, onSearch]);
   function getAccountByAccids(accids) {
     api.getAccountInfoByAccid({
       accids: accids
@@ -74,7 +94,20 @@ var IMRecord = function IMRecord(_ref) {
     value: {
       api: api
     }
-  }, /*#__PURE__*/_react.default.createElement(_ChatMessageList.default, _extends({
+  }, showSearchInput && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: 8,
+      backgroundColor: '#f7f7f7'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    value: searchValue,
+    onChange: function onChange(e) {
+      return setSearchValue(e.target.value);
+    },
+    allowClear: true,
+    placeholder: "\u8F93\u5165\u5BF9\u8BDD\u5173\u952E\u8BCD\u641C\u7D22"
+  })), /*#__PURE__*/_react.default.createElement(_ChatMessageList.default, _extends({
+    searchValue: searchMode === 'internal' ? searchValue : undefined,
     ref: messageListDomRef,
     msgs: msgs,
     h5: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fle-ui/plus-im-record",
-  "version": "0.0.8-beta.1",
+  "version": "0.0.8-beta.4",
   "description": "@fle-ui/plus-im-record",
   "keywords": [
     "fle-ui",
@@ -45,5 +45,5 @@
   "peerDependencies": {
     "react": ">=17.0.0"
   },
-  "gitHead": "4bd791803dc3214ac5ed0ee7209f996b4e62eac7"
+  "gitHead": "78d824169602d37feb9b5a79180d91f31a381814"
 }