whyuzeim 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AddMember/index.js +1 -1
- package/cjs/ContactList/index.js +1 -1
- package/cjs/CustomChatView/index.js +7 -7
- package/cjs/CustomChatView/style/index.scss +11 -0
- package/cjs/IM/style/index.scss +6 -0
- package/cjs/Sidebar/CreateGroup/index.js +10 -7
- package/cjs/Sidebar/CustomConversationItem/OperateBtn/index.js +3 -3
- package/cjs/Sidebar/GroupList/OperateBtn/index.js +3 -3
- package/cjs/Sidebar/GroupList/index.js +1 -1
- package/cjs/Sidebar/MobileCreateGroup/index.js +2 -2
- package/cjs/Sidebar/Searchbox/index.js +1 -1
- package/cjs/TypeItem/OperateBtn/index.js +4 -4
- package/es/AddMember/index.js +1 -1
- package/es/ContactList/index.js +1 -1
- package/es/CustomChatView/index.js +7 -7
- package/es/CustomChatView/style/index.scss +11 -0
- package/es/IM/style/index.scss +6 -0
- package/es/Sidebar/CreateGroup/index.js +10 -7
- package/es/Sidebar/CustomConversationItem/OperateBtn/index.js +3 -3
- package/es/Sidebar/GroupList/OperateBtn/index.js +3 -3
- package/es/Sidebar/GroupList/index.js +1 -1
- package/es/Sidebar/MobileCreateGroup/index.js +2 -2
- package/es/Sidebar/Searchbox/index.js +1 -1
- package/es/TypeItem/OperateBtn/index.js +4 -4
- package/package.json +1 -1
package/cjs/AddMember/index.js
CHANGED
|
@@ -48,7 +48,7 @@ var AddMember = function AddMember() {
|
|
|
48
48
|
}
|
|
49
49
|
}, _callee);
|
|
50
50
|
})), [http, memberids, setRightComponent]);
|
|
51
|
-
var handleDebouncdAddMember = useDebounce.useDebouncedCallback(handleAddMember,
|
|
51
|
+
var handleDebouncdAddMember = useDebounce.useDebouncedCallback(handleAddMember, 150);
|
|
52
52
|
return /*#__PURE__*/React.createElement("div", {
|
|
53
53
|
className: classNames("yuze-addMember w-full h-full")
|
|
54
54
|
}, /*#__PURE__*/React.createElement("div", {
|
package/cjs/ContactList/index.js
CHANGED
|
@@ -63,7 +63,7 @@ var ContactList = function ContactList(props) {
|
|
|
63
63
|
return _ref.apply(this, arguments);
|
|
64
64
|
};
|
|
65
65
|
}(), [http]);
|
|
66
|
-
var handleDebounceFriendList = useDebounce.useDebouncedCallback(handleGetFrindList,
|
|
66
|
+
var handleDebounceFriendList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
|
|
67
67
|
React.useEffect(function () {
|
|
68
68
|
pageRef.current = 0;
|
|
69
69
|
listRef.current = [];
|
|
@@ -387,16 +387,16 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
387
387
|
}, []);
|
|
388
388
|
var customHeader = function customHeader() {
|
|
389
389
|
return /*#__PURE__*/React.createElement("div", {
|
|
390
|
-
className: "flex h-
|
|
390
|
+
className: "flex h-16 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
|
|
391
391
|
}, /*#__PURE__*/React.createElement("div", {
|
|
392
392
|
className: "flex items-center gap-4"
|
|
393
393
|
}, /*#__PURE__*/React.createElement("img", {
|
|
394
394
|
src: headerInfo.headerImageURL,
|
|
395
|
-
className: "
|
|
395
|
+
className: "size-8 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
|
|
396
396
|
}), /*#__PURE__*/React.createElement("div", {
|
|
397
397
|
className: "flex flex-col overflow-hidden flex-1"
|
|
398
398
|
}, /*#__PURE__*/React.createElement("p", {
|
|
399
|
-
className: "text-[var(--im-main-fontColor)] text-
|
|
399
|
+
className: "text-[var(--im-main-fontColor)] text-[20px] font-bold line-clamp-1 mr-[100px]"
|
|
400
400
|
}, headerInfo.conversationName), headerInfo.chatType === 'groupChat' && /*#__PURE__*/React.createElement("p", {
|
|
401
401
|
style: {
|
|
402
402
|
color: 'var(--im-third-fontColor)'
|
|
@@ -594,9 +594,9 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
594
594
|
};
|
|
595
595
|
}();
|
|
596
596
|
return /*#__PURE__*/React.createElement("div", {
|
|
597
|
-
className: "bg-[var(--im-main-backgroundColor)]
|
|
598
|
-
}, (collectList
|
|
599
|
-
className: "mb-2 mx-
|
|
597
|
+
className: "bg-[var(--im-main-backgroundColor)] im-agent-mid ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
|
|
598
|
+
}, !!(collectList !== null && collectList !== void 0 && collectList.length) && /*#__PURE__*/React.createElement("div", {
|
|
599
|
+
className: "mb-2 mx-4 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
|
|
600
600
|
}, /*#__PURE__*/React.createElement(antd.Select, {
|
|
601
601
|
className: "w-full !h-12 border-none rouded-lg agent-select",
|
|
602
602
|
popupClassName: "agent-select-popup",
|
|
@@ -623,7 +623,7 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
623
623
|
},
|
|
624
624
|
messageProps: _objectSpread({}, type.commonMessageProps)
|
|
625
625
|
}), (agentTipList === null || agentTipList === void 0 ? void 0 : agentTipList.length) && /*#__PURE__*/React.createElement("div", {
|
|
626
|
-
className: "pb-1 pl-5 overflow-x-auto"
|
|
626
|
+
className: "pb-1 pl-4 pt-2.5 overflow-x-auto"
|
|
627
627
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
628
628
|
className: "flex items-center gap-4"
|
|
629
629
|
}, _mapInstanceProperty(agentTipList).call(agentTipList, function (item, index) {
|
package/cjs/IM/style/index.scss
CHANGED
|
@@ -32,6 +32,12 @@
|
|
|
32
32
|
color: var(--im-five-fontColor);
|
|
33
33
|
background-color: var(--im-main-bg-five);
|
|
34
34
|
}
|
|
35
|
+
.ant-select-single .ant-select-selector .ant-select-selection-item{
|
|
36
|
+
color: var(--im-five-fontColor);
|
|
37
|
+
}
|
|
38
|
+
.ant-select-dropdown {
|
|
39
|
+
background-color: var(--im-main-backgroundColor);
|
|
40
|
+
}
|
|
35
41
|
}
|
|
36
42
|
.im-dark {
|
|
37
43
|
--im-main-backgroundColor: #1e2329;
|
|
@@ -39,6 +39,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
39
39
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
40
40
|
total = _useState6[0],
|
|
41
41
|
setTotal = _useState6[1];
|
|
42
|
+
var apiRef = React.useRef(true);
|
|
42
43
|
var handleGetFrindList = /*#__PURE__*/function () {
|
|
43
44
|
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyword) {
|
|
44
45
|
var _context;
|
|
@@ -71,7 +72,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
71
72
|
return _ref.apply(this, arguments);
|
|
72
73
|
};
|
|
73
74
|
}();
|
|
74
|
-
var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList,
|
|
75
|
+
var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
|
|
75
76
|
var handleCreateGroup = /*#__PURE__*/function () {
|
|
76
77
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
77
78
|
var _result2$data;
|
|
@@ -79,9 +80,10 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
79
80
|
return _regeneratorRuntime.wrap(function _callee2$(_context3) {
|
|
80
81
|
while (1) switch (_context3.prev = _context3.next) {
|
|
81
82
|
case 0:
|
|
82
|
-
|
|
83
|
+
apiRef.current = false;
|
|
84
|
+
_context3.next = 3;
|
|
83
85
|
return http.get("/capi/account/imchannel/imchannelconfig");
|
|
84
|
-
case
|
|
86
|
+
case 3:
|
|
85
87
|
result1 = _context3.sent;
|
|
86
88
|
data = {
|
|
87
89
|
name: _mapInstanceProperty(member).call(member, function (item) {
|
|
@@ -93,15 +95,16 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
93
95
|
return item.userid;
|
|
94
96
|
})
|
|
95
97
|
};
|
|
96
|
-
_context3.next =
|
|
98
|
+
_context3.next = 7;
|
|
97
99
|
return http.post("/capi/account/imchannel/save", data);
|
|
98
|
-
case
|
|
100
|
+
case 7:
|
|
99
101
|
result2 = _context3.sent;
|
|
102
|
+
apiRef.current = true;
|
|
100
103
|
if ((_result2$data = result2.data) !== null && _result2$data !== void 0 && (_result2$data = _result2$data.data) !== null && _result2$data !== void 0 && _result2$data.sendbirdid) {
|
|
101
104
|
setMember([]);
|
|
102
105
|
onClose && onClose();
|
|
103
106
|
}
|
|
104
|
-
case
|
|
107
|
+
case 10:
|
|
105
108
|
case "end":
|
|
106
109
|
return _context3.stop();
|
|
107
110
|
}
|
|
@@ -111,7 +114,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
111
114
|
return _ref2.apply(this, arguments);
|
|
112
115
|
};
|
|
113
116
|
}();
|
|
114
|
-
var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup,
|
|
117
|
+
var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 150);
|
|
115
118
|
React.useEffect(function () {
|
|
116
119
|
handleGetFrindList();
|
|
117
120
|
}, []);
|
|
@@ -52,7 +52,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
52
52
|
}
|
|
53
53
|
}, _callee);
|
|
54
54
|
})), [chatType, conversationId, silent]);
|
|
55
|
-
var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted,
|
|
55
|
+
var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 150);
|
|
56
56
|
var handleConfirmDelete = /*#__PURE__*/function () {
|
|
57
57
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
58
58
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -147,7 +147,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
147
147
|
}
|
|
148
148
|
}, _callee4);
|
|
149
149
|
})), [chatType, conversationId, deleteConversation, http]);
|
|
150
|
-
var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave,
|
|
150
|
+
var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 150);
|
|
151
151
|
var handleDelete = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
|
152
152
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
153
153
|
while (1) switch (_context5.prev = _context5.next) {
|
|
@@ -163,7 +163,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
163
163
|
}
|
|
164
164
|
}, _callee5);
|
|
165
165
|
})), [chatType, conversationId, deleteConversation]);
|
|
166
|
-
var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete,
|
|
166
|
+
var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 150);
|
|
167
167
|
return /*#__PURE__*/React.createElement(antd.Tooltip, {
|
|
168
168
|
placement: "bottomRight",
|
|
169
169
|
open: open,
|
|
@@ -75,7 +75,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
75
75
|
return _ref.apply(this, arguments);
|
|
76
76
|
};
|
|
77
77
|
}(), [chatType, conversationId, silent]);
|
|
78
|
-
var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted,
|
|
78
|
+
var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 150);
|
|
79
79
|
var handleConfirmDelete = /*#__PURE__*/function () {
|
|
80
80
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
|
|
81
81
|
return _regeneratorRuntime.wrap(function _callee2$(_context3) {
|
|
@@ -171,7 +171,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
171
171
|
}
|
|
172
172
|
}, _callee4);
|
|
173
173
|
})), [chatType, conversationId, deleteConversation, http, onDelete]);
|
|
174
|
-
var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave,
|
|
174
|
+
var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 150);
|
|
175
175
|
var handleDelete = React.useCallback(/*#__PURE__*/function () {
|
|
176
176
|
var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(event) {
|
|
177
177
|
return _regeneratorRuntime.wrap(function _callee5$(_context6) {
|
|
@@ -195,7 +195,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
195
195
|
return _ref5.apply(this, arguments);
|
|
196
196
|
};
|
|
197
197
|
}(), [conversationId, http, onDelete]);
|
|
198
|
-
var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete,
|
|
198
|
+
var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 150);
|
|
199
199
|
return /*#__PURE__*/React.createElement(antd.Tooltip, {
|
|
200
200
|
open: tooltipOpen,
|
|
201
201
|
placement: "bottomRight",
|
|
@@ -93,7 +93,7 @@ var GroupList = function GroupList(props) {
|
|
|
93
93
|
setKeyword = _useState6[1];
|
|
94
94
|
var handleDebounceInput = useDebounce.useDebouncedCallback(function (event) {
|
|
95
95
|
setKeyword(event.target.value);
|
|
96
|
-
},
|
|
96
|
+
}, 150);
|
|
97
97
|
var items = [{
|
|
98
98
|
label: "Created",
|
|
99
99
|
key: "0",
|
|
@@ -58,7 +58,7 @@ var MobileCreateGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
58
58
|
return _ref.apply(this, arguments);
|
|
59
59
|
};
|
|
60
60
|
}();
|
|
61
|
-
var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList,
|
|
61
|
+
var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
|
|
62
62
|
var handleCreateGroup = /*#__PURE__*/function () {
|
|
63
63
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
64
64
|
var _result2$data;
|
|
@@ -97,7 +97,7 @@ var MobileCreateGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
97
97
|
return _ref2.apply(this, arguments);
|
|
98
98
|
};
|
|
99
99
|
}();
|
|
100
|
-
var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup,
|
|
100
|
+
var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 150);
|
|
101
101
|
React.useEffect(function () {
|
|
102
102
|
handleGetFrindList();
|
|
103
103
|
}, []);
|
|
@@ -74,7 +74,7 @@ var Searchbox = function Searchbox(props) {
|
|
|
74
74
|
}
|
|
75
75
|
}, _callee);
|
|
76
76
|
})), [keyword]);
|
|
77
|
-
var handleDebounceGetGroupList = useDebounce.useDebouncedCallback(handleGetGroupList,
|
|
77
|
+
var handleDebounceGetGroupList = useDebounce.useDebouncedCallback(handleGetGroupList, 150);
|
|
78
78
|
React.useEffect(function () {
|
|
79
79
|
handleDebounceGetGroupList();
|
|
80
80
|
}, [handleGetGroupList]);
|
|
@@ -46,7 +46,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
46
46
|
}
|
|
47
47
|
}, _callee);
|
|
48
48
|
})), [http, userId, sendbirdid, onRoletype, roletype]);
|
|
49
|
-
var handleDebounceUpdateAdmin = useDebounce.useDebouncedCallback(handleUpdateAdmin,
|
|
49
|
+
var handleDebounceUpdateAdmin = useDebounce.useDebouncedCallback(handleUpdateAdmin, 150);
|
|
50
50
|
var handleConfirmRemove = /*#__PURE__*/function () {
|
|
51
51
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
52
52
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -98,7 +98,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
98
98
|
}
|
|
99
99
|
}, _callee3);
|
|
100
100
|
})), [http, sendbirdid, userId, onDelete]);
|
|
101
|
-
var handleDebounceRemoveMember = useDebounce.useDebouncedCallback(handleRemoveMember,
|
|
101
|
+
var handleDebounceRemoveMember = useDebounce.useDebouncedCallback(handleRemoveMember, 150);
|
|
102
102
|
// /capi/account/imchannelblocks/save
|
|
103
103
|
var handleBlockMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
104
104
|
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
@@ -116,7 +116,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
116
116
|
}
|
|
117
117
|
}, _callee4);
|
|
118
118
|
})), [http, sendbirdid, userId, onBlock]);
|
|
119
|
-
var handleDebounceBlockMember = useDebounce.useDebouncedCallback(handleBlockMember,
|
|
119
|
+
var handleDebounceBlockMember = useDebounce.useDebouncedCallback(handleBlockMember, 150);
|
|
120
120
|
var handleBanMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
|
121
121
|
var iisprohibition;
|
|
122
122
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
@@ -135,7 +135,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
135
135
|
}
|
|
136
136
|
}, _callee5);
|
|
137
137
|
})), [isprohibition, http, sendbirdid, userId, onBan]);
|
|
138
|
-
var handleDebounceBanMember = useDebounce.useDebouncedCallback(handleBanMember,
|
|
138
|
+
var handleDebounceBanMember = useDebounce.useDebouncedCallback(handleBanMember, 150);
|
|
139
139
|
return /*#__PURE__*/React.createElement(antd.Tooltip, {
|
|
140
140
|
placement: "bottomLeft",
|
|
141
141
|
title: /*#__PURE__*/React.createElement("div", {
|
package/es/AddMember/index.js
CHANGED
|
@@ -46,7 +46,7 @@ var AddMember = function AddMember() {
|
|
|
46
46
|
}
|
|
47
47
|
}, _callee);
|
|
48
48
|
})), [http, memberids, setRightComponent]);
|
|
49
|
-
var handleDebouncdAddMember = useDebouncedCallback(handleAddMember,
|
|
49
|
+
var handleDebouncdAddMember = useDebouncedCallback(handleAddMember, 150);
|
|
50
50
|
return /*#__PURE__*/React.createElement("div", {
|
|
51
51
|
className: classNames("yuze-addMember w-full h-full")
|
|
52
52
|
}, /*#__PURE__*/React.createElement("div", {
|
package/es/ContactList/index.js
CHANGED
|
@@ -61,7 +61,7 @@ var ContactList = function ContactList(props) {
|
|
|
61
61
|
return _ref.apply(this, arguments);
|
|
62
62
|
};
|
|
63
63
|
}(), [http]);
|
|
64
|
-
var handleDebounceFriendList = useDebouncedCallback(handleGetFrindList,
|
|
64
|
+
var handleDebounceFriendList = useDebouncedCallback(handleGetFrindList, 150);
|
|
65
65
|
useEffect(function () {
|
|
66
66
|
pageRef.current = 0;
|
|
67
67
|
listRef.current = [];
|
|
@@ -385,16 +385,16 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
385
385
|
}, []);
|
|
386
386
|
var customHeader = function customHeader() {
|
|
387
387
|
return /*#__PURE__*/React.createElement("div", {
|
|
388
|
-
className: "flex h-
|
|
388
|
+
className: "flex h-16 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
|
|
389
389
|
}, /*#__PURE__*/React.createElement("div", {
|
|
390
390
|
className: "flex items-center gap-4"
|
|
391
391
|
}, /*#__PURE__*/React.createElement("img", {
|
|
392
392
|
src: headerInfo.headerImageURL,
|
|
393
|
-
className: "
|
|
393
|
+
className: "size-8 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
|
|
394
394
|
}), /*#__PURE__*/React.createElement("div", {
|
|
395
395
|
className: "flex flex-col overflow-hidden flex-1"
|
|
396
396
|
}, /*#__PURE__*/React.createElement("p", {
|
|
397
|
-
className: "text-[var(--im-main-fontColor)] text-
|
|
397
|
+
className: "text-[var(--im-main-fontColor)] text-[20px] font-bold line-clamp-1 mr-[100px]"
|
|
398
398
|
}, headerInfo.conversationName), headerInfo.chatType === 'groupChat' && /*#__PURE__*/React.createElement("p", {
|
|
399
399
|
style: {
|
|
400
400
|
color: 'var(--im-third-fontColor)'
|
|
@@ -592,9 +592,9 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
592
592
|
};
|
|
593
593
|
}();
|
|
594
594
|
return /*#__PURE__*/React.createElement("div", {
|
|
595
|
-
className: "bg-[var(--im-main-backgroundColor)]
|
|
596
|
-
}, (collectList
|
|
597
|
-
className: "mb-2 mx-
|
|
595
|
+
className: "bg-[var(--im-main-backgroundColor)] im-agent-mid ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
|
|
596
|
+
}, !!(collectList !== null && collectList !== void 0 && collectList.length) && /*#__PURE__*/React.createElement("div", {
|
|
597
|
+
className: "mb-2 mx-4 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
|
|
598
598
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
599
599
|
className: "w-full !h-12 border-none rouded-lg agent-select",
|
|
600
600
|
popupClassName: "agent-select-popup",
|
|
@@ -621,7 +621,7 @@ var CustomChatView = function CustomChatView(props) {
|
|
|
621
621
|
},
|
|
622
622
|
messageProps: _objectSpread({}, commonMessageProps)
|
|
623
623
|
}), (agentTipList === null || agentTipList === void 0 ? void 0 : agentTipList.length) && /*#__PURE__*/React.createElement("div", {
|
|
624
|
-
className: "pb-1 pl-5 overflow-x-auto"
|
|
624
|
+
className: "pb-1 pl-4 pt-2.5 overflow-x-auto"
|
|
625
625
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
626
626
|
className: "flex items-center gap-4"
|
|
627
627
|
}, _mapInstanceProperty(agentTipList).call(agentTipList, function (item, index) {
|
package/es/IM/style/index.scss
CHANGED
|
@@ -32,6 +32,12 @@
|
|
|
32
32
|
color: var(--im-five-fontColor);
|
|
33
33
|
background-color: var(--im-main-bg-five);
|
|
34
34
|
}
|
|
35
|
+
.ant-select-single .ant-select-selector .ant-select-selection-item{
|
|
36
|
+
color: var(--im-five-fontColor);
|
|
37
|
+
}
|
|
38
|
+
.ant-select-dropdown {
|
|
39
|
+
background-color: var(--im-main-backgroundColor);
|
|
40
|
+
}
|
|
35
41
|
}
|
|
36
42
|
.im-dark {
|
|
37
43
|
--im-main-backgroundColor: #1e2329;
|
|
@@ -37,6 +37,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
37
37
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
38
38
|
total = _useState6[0],
|
|
39
39
|
setTotal = _useState6[1];
|
|
40
|
+
var apiRef = useRef(true);
|
|
40
41
|
var handleGetFrindList = /*#__PURE__*/function () {
|
|
41
42
|
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyword) {
|
|
42
43
|
var _context;
|
|
@@ -69,7 +70,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
69
70
|
return _ref.apply(this, arguments);
|
|
70
71
|
};
|
|
71
72
|
}();
|
|
72
|
-
var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList,
|
|
73
|
+
var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 150);
|
|
73
74
|
var handleCreateGroup = /*#__PURE__*/function () {
|
|
74
75
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
75
76
|
var _result2$data;
|
|
@@ -77,9 +78,10 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
77
78
|
return _regeneratorRuntime.wrap(function _callee2$(_context3) {
|
|
78
79
|
while (1) switch (_context3.prev = _context3.next) {
|
|
79
80
|
case 0:
|
|
80
|
-
|
|
81
|
+
apiRef.current = false;
|
|
82
|
+
_context3.next = 3;
|
|
81
83
|
return http.get("/capi/account/imchannel/imchannelconfig");
|
|
82
|
-
case
|
|
84
|
+
case 3:
|
|
83
85
|
result1 = _context3.sent;
|
|
84
86
|
data = {
|
|
85
87
|
name: _mapInstanceProperty(member).call(member, function (item) {
|
|
@@ -91,15 +93,16 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
91
93
|
return item.userid;
|
|
92
94
|
})
|
|
93
95
|
};
|
|
94
|
-
_context3.next =
|
|
96
|
+
_context3.next = 7;
|
|
95
97
|
return http.post("/capi/account/imchannel/save", data);
|
|
96
|
-
case
|
|
98
|
+
case 7:
|
|
97
99
|
result2 = _context3.sent;
|
|
100
|
+
apiRef.current = true;
|
|
98
101
|
if ((_result2$data = result2.data) !== null && _result2$data !== void 0 && (_result2$data = _result2$data.data) !== null && _result2$data !== void 0 && _result2$data.sendbirdid) {
|
|
99
102
|
setMember([]);
|
|
100
103
|
onClose && onClose();
|
|
101
104
|
}
|
|
102
|
-
case
|
|
105
|
+
case 10:
|
|
103
106
|
case "end":
|
|
104
107
|
return _context3.stop();
|
|
105
108
|
}
|
|
@@ -109,7 +112,7 @@ var CreateGroup = function CreateGroup(props) {
|
|
|
109
112
|
return _ref2.apply(this, arguments);
|
|
110
113
|
};
|
|
111
114
|
}();
|
|
112
|
-
var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup,
|
|
115
|
+
var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 150);
|
|
113
116
|
useEffect(function () {
|
|
114
117
|
handleGetFrindList();
|
|
115
118
|
}, []);
|
|
@@ -50,7 +50,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
50
50
|
}
|
|
51
51
|
}, _callee);
|
|
52
52
|
})), [chatType, conversationId, silent]);
|
|
53
|
-
var handleDebounceMuted = useDebouncedCallback(handleMuted,
|
|
53
|
+
var handleDebounceMuted = useDebouncedCallback(handleMuted, 150);
|
|
54
54
|
var handleConfirmDelete = /*#__PURE__*/function () {
|
|
55
55
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
56
56
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -145,7 +145,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
145
145
|
}
|
|
146
146
|
}, _callee4);
|
|
147
147
|
})), [chatType, conversationId, deleteConversation, http]);
|
|
148
|
-
var handleDebounceLeave = useDebouncedCallback(handleLeave,
|
|
148
|
+
var handleDebounceLeave = useDebouncedCallback(handleLeave, 150);
|
|
149
149
|
var handleDelete = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
|
150
150
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
151
151
|
while (1) switch (_context5.prev = _context5.next) {
|
|
@@ -161,7 +161,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
161
161
|
}
|
|
162
162
|
}, _callee5);
|
|
163
163
|
})), [chatType, conversationId, deleteConversation]);
|
|
164
|
-
var handleDebounceDelete = useDebouncedCallback(handleDelete,
|
|
164
|
+
var handleDebounceDelete = useDebouncedCallback(handleDelete, 150);
|
|
165
165
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
166
166
|
placement: "bottomRight",
|
|
167
167
|
open: open,
|
|
@@ -73,7 +73,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
73
73
|
return _ref.apply(this, arguments);
|
|
74
74
|
};
|
|
75
75
|
}(), [chatType, conversationId, silent]);
|
|
76
|
-
var handleDebounceMuted = useDebouncedCallback(handleMuted,
|
|
76
|
+
var handleDebounceMuted = useDebouncedCallback(handleMuted, 150);
|
|
77
77
|
var handleConfirmDelete = /*#__PURE__*/function () {
|
|
78
78
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
|
|
79
79
|
return _regeneratorRuntime.wrap(function _callee2$(_context3) {
|
|
@@ -169,7 +169,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
169
169
|
}
|
|
170
170
|
}, _callee4);
|
|
171
171
|
})), [chatType, conversationId, deleteConversation, http, onDelete]);
|
|
172
|
-
var handleDebounceLeave = useDebouncedCallback(handleLeave,
|
|
172
|
+
var handleDebounceLeave = useDebouncedCallback(handleLeave, 150);
|
|
173
173
|
var handleDelete = useCallback(/*#__PURE__*/function () {
|
|
174
174
|
var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(event) {
|
|
175
175
|
return _regeneratorRuntime.wrap(function _callee5$(_context6) {
|
|
@@ -193,7 +193,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
193
193
|
return _ref5.apply(this, arguments);
|
|
194
194
|
};
|
|
195
195
|
}(), [conversationId, http, onDelete]);
|
|
196
|
-
var handleDebounceDelete = useDebouncedCallback(handleDelete,
|
|
196
|
+
var handleDebounceDelete = useDebouncedCallback(handleDelete, 150);
|
|
197
197
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
198
198
|
open: tooltipOpen,
|
|
199
199
|
placement: "bottomRight",
|
|
@@ -56,7 +56,7 @@ var MobileCreateGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
56
56
|
return _ref.apply(this, arguments);
|
|
57
57
|
};
|
|
58
58
|
}();
|
|
59
|
-
var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList,
|
|
59
|
+
var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 150);
|
|
60
60
|
var handleCreateGroup = /*#__PURE__*/function () {
|
|
61
61
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
62
62
|
var _result2$data;
|
|
@@ -95,7 +95,7 @@ var MobileCreateGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
95
95
|
return _ref2.apply(this, arguments);
|
|
96
96
|
};
|
|
97
97
|
}();
|
|
98
|
-
var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup,
|
|
98
|
+
var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 150);
|
|
99
99
|
useEffect(function () {
|
|
100
100
|
handleGetFrindList();
|
|
101
101
|
}, []);
|
|
@@ -72,7 +72,7 @@ var Searchbox = function Searchbox(props) {
|
|
|
72
72
|
}
|
|
73
73
|
}, _callee);
|
|
74
74
|
})), [keyword]);
|
|
75
|
-
var handleDebounceGetGroupList = useDebouncedCallback(handleGetGroupList,
|
|
75
|
+
var handleDebounceGetGroupList = useDebouncedCallback(handleGetGroupList, 150);
|
|
76
76
|
useEffect(function () {
|
|
77
77
|
handleDebounceGetGroupList();
|
|
78
78
|
}, [handleGetGroupList]);
|
|
@@ -44,7 +44,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
44
44
|
}
|
|
45
45
|
}, _callee);
|
|
46
46
|
})), [http, userId, sendbirdid, onRoletype, roletype]);
|
|
47
|
-
var handleDebounceUpdateAdmin = useDebouncedCallback(handleUpdateAdmin,
|
|
47
|
+
var handleDebounceUpdateAdmin = useDebouncedCallback(handleUpdateAdmin, 150);
|
|
48
48
|
var handleConfirmRemove = /*#__PURE__*/function () {
|
|
49
49
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
50
50
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -96,7 +96,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
96
96
|
}
|
|
97
97
|
}, _callee3);
|
|
98
98
|
})), [http, sendbirdid, userId, onDelete]);
|
|
99
|
-
var handleDebounceRemoveMember = useDebouncedCallback(handleRemoveMember,
|
|
99
|
+
var handleDebounceRemoveMember = useDebouncedCallback(handleRemoveMember, 150);
|
|
100
100
|
// /capi/account/imchannelblocks/save
|
|
101
101
|
var handleBlockMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
102
102
|
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
@@ -114,7 +114,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
114
114
|
}
|
|
115
115
|
}, _callee4);
|
|
116
116
|
})), [http, sendbirdid, userId, onBlock]);
|
|
117
|
-
var handleDebounceBlockMember = useDebouncedCallback(handleBlockMember,
|
|
117
|
+
var handleDebounceBlockMember = useDebouncedCallback(handleBlockMember, 150);
|
|
118
118
|
var handleBanMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
|
119
119
|
var iisprohibition;
|
|
120
120
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
@@ -133,7 +133,7 @@ var OperateBtn = function OperateBtn(props) {
|
|
|
133
133
|
}
|
|
134
134
|
}, _callee5);
|
|
135
135
|
})), [isprohibition, http, sendbirdid, userId, onBan]);
|
|
136
|
-
var handleDebounceBanMember = useDebouncedCallback(handleBanMember,
|
|
136
|
+
var handleDebounceBanMember = useDebouncedCallback(handleBanMember, 150);
|
|
137
137
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
138
138
|
placement: "bottomLeft",
|
|
139
139
|
title: /*#__PURE__*/React.createElement("div", {
|