sceyt-chat-react-uikit 1.7.1-beta.7 → 1.7.1-beta.9

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.
Files changed (3) hide show
  1. package/index.js +34 -32
  2. package/index.modern.js +34 -32
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -10082,14 +10082,7 @@ function updateMessageOnMap(channelId, updatedMessage) {
10082
10082
  messagesList.push(_extends({}, mes, updatedMessageData));
10083
10083
  continue;
10084
10084
  } else {
10085
- var _updatedMessage$param;
10086
- updatedMessageData = _extends({}, mes, updatedMessage.params, {
10087
- attachments: [].concat(mes.attachments, ((_updatedMessage$param = updatedMessage.params) === null || _updatedMessage$param === void 0 ? void 0 : _updatedMessage$param.attachments) || []).filter(function (att, index, self) {
10088
- return index === self.findIndex(function (t) {
10089
- return t.url === att.url && t.type === att.type && t.name === att.name;
10090
- });
10091
- })
10092
- });
10085
+ updatedMessageData = _extends({}, mes, updatedMessage.params);
10093
10086
  messagesList.push(_extends({}, mes, updatedMessageData));
10094
10087
  continue;
10095
10088
  }
@@ -15189,9 +15182,8 @@ function searchChannels(action) {
15189
15182
  handleChannels = function handleChannels(channels) {
15190
15183
  channels.forEach(function (channel) {
15191
15184
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15192
- var _channel$metadata;
15193
15185
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15194
- var isSelfChannel = (_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s;
15186
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === SceytChatClient.user.id;
15195
15187
  var directChannelUser = isSelfChannel ? SceytChatClient.user : channel.members.find(function (member) {
15196
15188
  return member.id !== SceytChatClient.user.id;
15197
15189
  });
@@ -15256,6 +15248,8 @@ function searchChannels(action) {
15256
15248
  _channel = _step2.value;
15257
15249
  channelsMap[_channel.id] = _channel;
15258
15250
  }
15251
+ chatsGroups = [];
15252
+ publicChannels = [];
15259
15253
  handleChannels(Object.values(channelsMap));
15260
15254
  channelsToAdd = channelsData.channels.filter(function (channel) {
15261
15255
  return channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC || channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST;
@@ -15307,9 +15301,8 @@ function getChannelsForForward() {
15307
15301
  return effects.put(channelHasNextAC(channelsData.hasNext, true));
15308
15302
  case 4:
15309
15303
  channelsToAdd = channelsData.channels.filter(function (channel) {
15310
- var _channel$metadata2;
15311
15304
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15312
- var isSelfChannel = (_channel$metadata2 = channel.metadata) === null || _channel$metadata2 === void 0 ? void 0 : _channel$metadata2.s;
15305
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === _SceytChatClient.user.id;
15313
15306
  return channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? channel.userRole === 'admin' || channel.userRole === 'owner' : channel.type === DEFAULT_CHANNEL_TYPE.DIRECT ? isSelfChannel || channel.members.find(function (member) {
15314
15307
  return member.id && member.id !== _SceytChatClient.user.id;
15315
15308
  }) : true;
@@ -15376,9 +15369,8 @@ function searchChannelsForForward(action) {
15376
15369
  handleChannels = function handleChannels(channels) {
15377
15370
  channels.forEach(function (channel) {
15378
15371
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15379
- var _channel$metadata3;
15380
15372
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15381
- var isSelfChannel = (_channel$metadata3 = channel.metadata) === null || _channel$metadata3 === void 0 ? void 0 : _channel$metadata3.s;
15373
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === _SceytChatClient2.user.id;
15382
15374
  var directChannelUser = isSelfChannel ? _SceytChatClient2.user : channel.members.find(function (member) {
15383
15375
  return member.id !== _SceytChatClient2.user.id;
15384
15376
  });
@@ -15443,6 +15435,8 @@ function searchChannelsForForward(action) {
15443
15435
  _channel2 = _step4.value;
15444
15436
  channelsMap[_channel2.id] = _channel2;
15445
15437
  }
15438
+ _chatsGroups = [];
15439
+ _publicChannels = [];
15446
15440
  handleChannels(Object.values(channelsMap));
15447
15441
  channelsToAdd = channelsData.channels.filter(function (channel) {
15448
15442
  return channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC || channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST;
@@ -21147,7 +21141,6 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21147
21141
  }), channel.lastReactedMessage && '"')))));
21148
21142
  };
21149
21143
  var Channel = function Channel(_ref3) {
21150
- var _channel$metadata;
21151
21144
  var channel = _ref3.channel,
21152
21145
  theme = _ref3.theme,
21153
21146
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21192,7 +21185,7 @@ var Channel = function Channel(_ref3) {
21192
21185
  var activeChannel = useSelector(activeChannelSelector) || {};
21193
21186
  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
21194
21187
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21195
- var isSelfChannel = isDirectChannel && (((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s) || channel.members.length === 1 && channel.members[0].id === user.id);
21188
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
21196
21189
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21197
21190
  return member.id !== user.id;
21198
21191
  });
@@ -24102,7 +24095,6 @@ function SvgInfo(props) {
24102
24095
 
24103
24096
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject0$4;
24104
24097
  function ChatHeader(_ref) {
24105
- var _activeChannel$metada;
24106
24098
  var infoIcon = _ref.infoIcon,
24107
24099
  backgroundColor = _ref.backgroundColor,
24108
24100
  titleColor = _ref.titleColor,
@@ -24141,7 +24133,7 @@ function ChatHeader(_ref) {
24141
24133
  var channelListHidden = useSelector(channelListHiddenSelector);
24142
24134
  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
24143
24135
  var isDirectChannel = activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
24144
- var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
24136
+ var isSelfChannel = isDirectChannel && activeChannel.memberCount === 1 && activeChannel.members.length > 0 && activeChannel.members[0].id === user.id;
24145
24137
  var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
24146
24138
  return member.id !== user.id;
24147
24139
  });
@@ -25027,10 +25019,9 @@ function ForwardMessagePopup(_ref) {
25027
25019
  setSearchValue('');
25028
25020
  };
25029
25021
  var handleChannelSelect = function handleChannelSelect(isSelected, channel) {
25030
- var _channel$metadata;
25031
25022
  var newSelectedChannels = [].concat(selectedChannels);
25032
25023
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25033
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
25024
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25034
25025
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
25035
25026
  return member.id !== user.id;
25036
25027
  });
@@ -25143,12 +25134,11 @@ function ForwardMessagePopup(_ref) {
25143
25134
  color: textSecondary,
25144
25135
  margin: '0 0 12px'
25145
25136
  }, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
25146
- var _channel$metadata2;
25147
25137
  var isSelected = selectedChannels.findIndex(function (chan) {
25148
25138
  return chan.id === channel.id;
25149
25139
  }) >= 0;
25150
25140
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25151
- var isSelfChannel = isDirectChannel && ((_channel$metadata2 = channel.metadata) === null || _channel$metadata2 === void 0 ? void 0 : _channel$metadata2.s);
25141
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25152
25142
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25153
25143
  return member.id !== user.id;
25154
25144
  });
@@ -25219,9 +25209,8 @@ function ForwardMessagePopup(_ref) {
25219
25209
  }))), !searchedChannels.chats_groups.length && !searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(NoResults, {
25220
25210
  color: textSecondary
25221
25211
  }, "No channels found")))) : channels.map(function (channel) {
25222
- var _channel$metadata3;
25223
25212
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25224
- var isSelfChannel = isDirectChannel && ((_channel$metadata3 = channel.metadata) === null || _channel$metadata3 === void 0 ? void 0 : _channel$metadata3.s);
25213
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25225
25214
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25226
25215
  return member.id !== user.id;
25227
25216
  });
@@ -27149,7 +27138,7 @@ var VideoPreview = /*#__PURE__*/React.memo(function VideoPreview(_ref) {
27149
27138
  preload: 'auto',
27150
27139
  id: 'video',
27151
27140
  src: file.attachmentUrl || videoUrl
27152
- }), videoCurrentTime && (/*#__PURE__*/React__default.createElement(VideoControls, null, !isPreview && !!videoCurrentTime && !isRepliedMessage && !uploading && !isDetailsView && (
27141
+ }), videoCurrentTime && !isRepliedMessage && (/*#__PURE__*/React__default.createElement(VideoControls, null, !isPreview && !!videoCurrentTime && !isRepliedMessage && !uploading && !isDetailsView && (
27153
27142
  /*#__PURE__*/
27154
27143
  React__default.createElement(VideoPlayButton, null, /*#__PURE__*/React__default.createElement(SvgPlayVideo, null))), /*#__PURE__*/React__default.createElement(VideoTime, {
27155
27144
  isDetailsView: isDetailsView,
@@ -31205,6 +31194,9 @@ var OGMetadata = function OGMetadata(_ref) {
31205
31194
  var _useState2 = React.useState(true),
31206
31195
  imageLoadError = _useState2[0],
31207
31196
  setImageLoadError = _useState2[1];
31197
+ var _useState3 = React.useState(true),
31198
+ faviconLoadError = _useState3[0],
31199
+ setFaviconLoadError = _useState3[1];
31208
31200
  var attachment = React.useMemo(function () {
31209
31201
  return attachments.find(function (attachment) {
31210
31202
  return attachment.type === attachmentTypes.link;
@@ -31226,6 +31218,7 @@ var OGMetadata = function OGMetadata(_ref) {
31226
31218
  });
31227
31219
  }, function () {
31228
31220
  console.log('Failed to fetch OG metadata');
31221
+ setMetadata(null);
31229
31222
  });
31230
31223
  if (_temp && _temp.then) return _temp.then(function () {});
31231
31224
  }
@@ -31287,9 +31280,15 @@ var OGMetadata = function OGMetadata(_ref) {
31287
31280
  onError: function onError() {
31288
31281
  return setImageLoadError(true);
31289
31282
  }
31290
- })) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31291
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url
31292
- }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31283
+ })) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url && !faviconLoadError ? (/*#__PURE__*/React__default.createElement(Favicon, {
31284
+ src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url,
31285
+ onLoad: function onLoad() {
31286
+ return setFaviconLoadError(false);
31287
+ },
31288
+ onError: function onError() {
31289
+ return setFaviconLoadError(true);
31290
+ }
31291
+ })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31293
31292
  };
31294
31293
  var OGMetadataContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31295
31294
  var showOGMetadata = _ref2.showOGMetadata;
@@ -36137,8 +36136,12 @@ var AudioRecord = function AudioRecord(_ref) {
36137
36136
  }
36138
36137
  }, [currentRecordedFile]);
36139
36138
  React.useEffect(function () {
36139
+ if (!showRecording) {
36140
+ setCurrentTime(0);
36141
+ }
36140
36142
  return function () {
36141
36143
  handleStopRecording();
36144
+ setCurrentTime(0);
36142
36145
  };
36143
36146
  }, [showRecording]);
36144
36147
  React.useEffect(function () {
@@ -38222,7 +38225,6 @@ function SvgUnpin(props) {
38222
38225
 
38223
38226
  var _templateObject$K, _templateObject2$F, _templateObject3$y, _templateObject4$t, _templateObject5$p, _templateObject6$l, _templateObject7$j, _templateObject8$h, _templateObject9$e, _templateObject0$d, _templateObject1$a, _templateObject10$6, _templateObject11$6, _templateObject12$5, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3;
38224
38227
  var Actions = function Actions(_ref) {
38225
- var _channel$metadata;
38226
38228
  var setActionsHeight = _ref.setActionsHeight,
38227
38229
  channel = _ref.channel,
38228
38230
  actionMenuOpen = _ref.actionMenuOpen,
@@ -38340,7 +38342,7 @@ var Actions = function Actions(_ref) {
38340
38342
  var twoHours = oneHour * 2;
38341
38343
  var oneDay = oneHour * 24;
38342
38344
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
38343
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
38345
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
38344
38346
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
38345
38347
  return member.id !== user.id;
38346
38348
  });
@@ -40247,7 +40249,7 @@ var EditChannel = function EditChannel(_ref) {
40247
40249
 
40248
40250
  var _templateObject$V, _templateObject2$O, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$g, _templateObject0$e, _templateObject1$b, _templateObject10$7;
40249
40251
  var Details = function Details(_ref) {
40250
- var _activeChannel$metada, _activeChannel$member;
40252
+ var _activeChannel$member;
40251
40253
  var detailsTitleText = _ref.detailsTitleText,
40252
40254
  editDetailsTitleText = _ref.editDetailsTitleText,
40253
40255
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40402,7 +40404,7 @@ var Details = function Details(_ref) {
40402
40404
  var detailsHeaderRef = React.useRef(null);
40403
40405
  var openTimeOut = React.useRef(null);
40404
40406
  var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
40405
- var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
40407
+ var isSelfChannel = isDirectChannel && activeChannel.memberCount === 1 && activeChannel.members.length > 0 && activeChannel.members[0].id === user.id;
40406
40408
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40407
40409
  var displayMemberText = memberDisplayText && (memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member');
40408
40410
  var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
package/index.modern.js CHANGED
@@ -10061,14 +10061,7 @@ function updateMessageOnMap(channelId, updatedMessage) {
10061
10061
  messagesList.push(_extends({}, mes, updatedMessageData));
10062
10062
  continue;
10063
10063
  } else {
10064
- var _updatedMessage$param;
10065
- updatedMessageData = _extends({}, mes, updatedMessage.params, {
10066
- attachments: [].concat(mes.attachments, ((_updatedMessage$param = updatedMessage.params) === null || _updatedMessage$param === void 0 ? void 0 : _updatedMessage$param.attachments) || []).filter(function (att, index, self) {
10067
- return index === self.findIndex(function (t) {
10068
- return t.url === att.url && t.type === att.type && t.name === att.name;
10069
- });
10070
- })
10071
- });
10064
+ updatedMessageData = _extends({}, mes, updatedMessage.params);
10072
10065
  messagesList.push(_extends({}, mes, updatedMessageData));
10073
10066
  continue;
10074
10067
  }
@@ -15168,9 +15161,8 @@ function searchChannels(action) {
15168
15161
  handleChannels = function handleChannels(channels) {
15169
15162
  channels.forEach(function (channel) {
15170
15163
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15171
- var _channel$metadata;
15172
15164
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15173
- var isSelfChannel = (_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s;
15165
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === SceytChatClient.user.id;
15174
15166
  var directChannelUser = isSelfChannel ? SceytChatClient.user : channel.members.find(function (member) {
15175
15167
  return member.id !== SceytChatClient.user.id;
15176
15168
  });
@@ -15235,6 +15227,8 @@ function searchChannels(action) {
15235
15227
  _channel = _step2.value;
15236
15228
  channelsMap[_channel.id] = _channel;
15237
15229
  }
15230
+ chatsGroups = [];
15231
+ publicChannels = [];
15238
15232
  handleChannels(Object.values(channelsMap));
15239
15233
  channelsToAdd = channelsData.channels.filter(function (channel) {
15240
15234
  return channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC || channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST;
@@ -15286,9 +15280,8 @@ function getChannelsForForward() {
15286
15280
  return put(channelHasNextAC(channelsData.hasNext, true));
15287
15281
  case 4:
15288
15282
  channelsToAdd = channelsData.channels.filter(function (channel) {
15289
- var _channel$metadata2;
15290
15283
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15291
- var isSelfChannel = (_channel$metadata2 = channel.metadata) === null || _channel$metadata2 === void 0 ? void 0 : _channel$metadata2.s;
15284
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === _SceytChatClient.user.id;
15292
15285
  return channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? channel.userRole === 'admin' || channel.userRole === 'owner' : channel.type === DEFAULT_CHANNEL_TYPE.DIRECT ? isSelfChannel || channel.members.find(function (member) {
15293
15286
  return member.id && member.id !== _SceytChatClient.user.id;
15294
15287
  }) : true;
@@ -15355,9 +15348,8 @@ function searchChannelsForForward(action) {
15355
15348
  handleChannels = function handleChannels(channels) {
15356
15349
  channels.forEach(function (channel) {
15357
15350
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15358
- var _channel$metadata3;
15359
15351
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15360
- var isSelfChannel = (_channel$metadata3 = channel.metadata) === null || _channel$metadata3 === void 0 ? void 0 : _channel$metadata3.s;
15352
+ var isSelfChannel = channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === _SceytChatClient2.user.id;
15361
15353
  var directChannelUser = isSelfChannel ? _SceytChatClient2.user : channel.members.find(function (member) {
15362
15354
  return member.id !== _SceytChatClient2.user.id;
15363
15355
  });
@@ -15422,6 +15414,8 @@ function searchChannelsForForward(action) {
15422
15414
  _channel2 = _step4.value;
15423
15415
  channelsMap[_channel2.id] = _channel2;
15424
15416
  }
15417
+ _chatsGroups = [];
15418
+ _publicChannels = [];
15425
15419
  handleChannels(Object.values(channelsMap));
15426
15420
  channelsToAdd = channelsData.channels.filter(function (channel) {
15427
15421
  return channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC || channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST;
@@ -21126,7 +21120,6 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21126
21120
  }), channel.lastReactedMessage && '"')))));
21127
21121
  };
21128
21122
  var Channel = function Channel(_ref3) {
21129
- var _channel$metadata;
21130
21123
  var channel = _ref3.channel,
21131
21124
  theme = _ref3.theme,
21132
21125
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21171,7 +21164,7 @@ var Channel = function Channel(_ref3) {
21171
21164
  var activeChannel = useSelector(activeChannelSelector) || {};
21172
21165
  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
21173
21166
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21174
- var isSelfChannel = isDirectChannel && (((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s) || channel.members.length === 1 && channel.members[0].id === user.id);
21167
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
21175
21168
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21176
21169
  return member.id !== user.id;
21177
21170
  });
@@ -24081,7 +24074,6 @@ function SvgInfo(props) {
24081
24074
 
24082
24075
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject0$4;
24083
24076
  function ChatHeader(_ref) {
24084
- var _activeChannel$metada;
24085
24077
  var infoIcon = _ref.infoIcon,
24086
24078
  backgroundColor = _ref.backgroundColor,
24087
24079
  titleColor = _ref.titleColor,
@@ -24120,7 +24112,7 @@ function ChatHeader(_ref) {
24120
24112
  var channelListHidden = useSelector(channelListHiddenSelector);
24121
24113
  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, shallowEqual);
24122
24114
  var isDirectChannel = activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
24123
- var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
24115
+ var isSelfChannel = isDirectChannel && activeChannel.memberCount === 1 && activeChannel.members.length > 0 && activeChannel.members[0].id === user.id;
24124
24116
  var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
24125
24117
  return member.id !== user.id;
24126
24118
  });
@@ -25006,10 +24998,9 @@ function ForwardMessagePopup(_ref) {
25006
24998
  setSearchValue('');
25007
24999
  };
25008
25000
  var handleChannelSelect = function handleChannelSelect(isSelected, channel) {
25009
- var _channel$metadata;
25010
25001
  var newSelectedChannels = [].concat(selectedChannels);
25011
25002
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25012
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
25003
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25013
25004
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
25014
25005
  return member.id !== user.id;
25015
25006
  });
@@ -25122,12 +25113,11 @@ function ForwardMessagePopup(_ref) {
25122
25113
  color: textSecondary,
25123
25114
  margin: '0 0 12px'
25124
25115
  }, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
25125
- var _channel$metadata2;
25126
25116
  var isSelected = selectedChannels.findIndex(function (chan) {
25127
25117
  return chan.id === channel.id;
25128
25118
  }) >= 0;
25129
25119
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25130
- var isSelfChannel = isDirectChannel && ((_channel$metadata2 = channel.metadata) === null || _channel$metadata2 === void 0 ? void 0 : _channel$metadata2.s);
25120
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25131
25121
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25132
25122
  return member.id !== user.id;
25133
25123
  });
@@ -25198,9 +25188,8 @@ function ForwardMessagePopup(_ref) {
25198
25188
  }))), !searchedChannels.chats_groups.length && !searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(NoResults, {
25199
25189
  color: textSecondary
25200
25190
  }, "No channels found")))) : channels.map(function (channel) {
25201
- var _channel$metadata3;
25202
25191
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25203
- var isSelfChannel = isDirectChannel && ((_channel$metadata3 = channel.metadata) === null || _channel$metadata3 === void 0 ? void 0 : _channel$metadata3.s);
25192
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
25204
25193
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25205
25194
  return member.id !== user.id;
25206
25195
  });
@@ -27128,7 +27117,7 @@ var VideoPreview = /*#__PURE__*/memo(function VideoPreview(_ref) {
27128
27117
  preload: 'auto',
27129
27118
  id: 'video',
27130
27119
  src: file.attachmentUrl || videoUrl
27131
- }), videoCurrentTime && (/*#__PURE__*/React__default.createElement(VideoControls, null, !isPreview && !!videoCurrentTime && !isRepliedMessage && !uploading && !isDetailsView && (
27120
+ }), videoCurrentTime && !isRepliedMessage && (/*#__PURE__*/React__default.createElement(VideoControls, null, !isPreview && !!videoCurrentTime && !isRepliedMessage && !uploading && !isDetailsView && (
27132
27121
  /*#__PURE__*/
27133
27122
  React__default.createElement(VideoPlayButton, null, /*#__PURE__*/React__default.createElement(SvgPlayVideo, null))), /*#__PURE__*/React__default.createElement(VideoTime, {
27134
27123
  isDetailsView: isDetailsView,
@@ -31184,6 +31173,9 @@ var OGMetadata = function OGMetadata(_ref) {
31184
31173
  var _useState2 = useState(true),
31185
31174
  imageLoadError = _useState2[0],
31186
31175
  setImageLoadError = _useState2[1];
31176
+ var _useState3 = useState(true),
31177
+ faviconLoadError = _useState3[0],
31178
+ setFaviconLoadError = _useState3[1];
31187
31179
  var attachment = useMemo(function () {
31188
31180
  return attachments.find(function (attachment) {
31189
31181
  return attachment.type === attachmentTypes.link;
@@ -31205,6 +31197,7 @@ var OGMetadata = function OGMetadata(_ref) {
31205
31197
  });
31206
31198
  }, function () {
31207
31199
  console.log('Failed to fetch OG metadata');
31200
+ setMetadata(null);
31208
31201
  });
31209
31202
  if (_temp && _temp.then) return _temp.then(function () {});
31210
31203
  }
@@ -31266,9 +31259,15 @@ var OGMetadata = function OGMetadata(_ref) {
31266
31259
  onError: function onError() {
31267
31260
  return setImageLoadError(true);
31268
31261
  }
31269
- })) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31270
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url
31271
- }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31262
+ })) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url && !faviconLoadError ? (/*#__PURE__*/React__default.createElement(Favicon, {
31263
+ src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url,
31264
+ onLoad: function onLoad() {
31265
+ return setFaviconLoadError(false);
31266
+ },
31267
+ onError: function onError() {
31268
+ return setFaviconLoadError(true);
31269
+ }
31270
+ })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31272
31271
  };
31273
31272
  var OGMetadataContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31274
31273
  var showOGMetadata = _ref2.showOGMetadata;
@@ -36116,8 +36115,12 @@ var AudioRecord = function AudioRecord(_ref) {
36116
36115
  }
36117
36116
  }, [currentRecordedFile]);
36118
36117
  useEffect(function () {
36118
+ if (!showRecording) {
36119
+ setCurrentTime(0);
36120
+ }
36119
36121
  return function () {
36120
36122
  handleStopRecording();
36123
+ setCurrentTime(0);
36121
36124
  };
36122
36125
  }, [showRecording]);
36123
36126
  useEffect(function () {
@@ -38201,7 +38204,6 @@ function SvgUnpin(props) {
38201
38204
 
38202
38205
  var _templateObject$K, _templateObject2$F, _templateObject3$y, _templateObject4$t, _templateObject5$p, _templateObject6$l, _templateObject7$j, _templateObject8$h, _templateObject9$e, _templateObject0$d, _templateObject1$a, _templateObject10$6, _templateObject11$6, _templateObject12$5, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3;
38203
38206
  var Actions = function Actions(_ref) {
38204
- var _channel$metadata;
38205
38207
  var setActionsHeight = _ref.setActionsHeight,
38206
38208
  channel = _ref.channel,
38207
38209
  actionMenuOpen = _ref.actionMenuOpen,
@@ -38319,7 +38321,7 @@ var Actions = function Actions(_ref) {
38319
38321
  var twoHours = oneHour * 2;
38320
38322
  var oneDay = oneHour * 24;
38321
38323
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
38322
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
38324
+ var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
38323
38325
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
38324
38326
  return member.id !== user.id;
38325
38327
  });
@@ -40226,7 +40228,7 @@ var EditChannel = function EditChannel(_ref) {
40226
40228
 
40227
40229
  var _templateObject$V, _templateObject2$O, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$g, _templateObject0$e, _templateObject1$b, _templateObject10$7;
40228
40230
  var Details = function Details(_ref) {
40229
- var _activeChannel$metada, _activeChannel$member;
40231
+ var _activeChannel$member;
40230
40232
  var detailsTitleText = _ref.detailsTitleText,
40231
40233
  editDetailsTitleText = _ref.editDetailsTitleText,
40232
40234
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40381,7 +40383,7 @@ var Details = function Details(_ref) {
40381
40383
  var detailsHeaderRef = useRef(null);
40382
40384
  var openTimeOut = useRef(null);
40383
40385
  var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
40384
- var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
40386
+ var isSelfChannel = isDirectChannel && activeChannel.memberCount === 1 && activeChannel.members.length > 0 && activeChannel.members[0].id === user.id;
40385
40387
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40386
40388
  var displayMemberText = memberDisplayText && (memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member');
40387
40389
  var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.1-beta.7",
3
+ "version": "1.7.1-beta.9",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",