sceyt-chat-react-uikit 1.7.1-beta.8 → 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 +28 -24
  2. package/index.modern.js +28 -24
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -15182,9 +15182,8 @@ function searchChannels(action) {
15182
15182
  handleChannels = function handleChannels(channels) {
15183
15183
  channels.forEach(function (channel) {
15184
15184
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15185
- var _channel$metadata;
15186
15185
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15187
- 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;
15188
15187
  var directChannelUser = isSelfChannel ? SceytChatClient.user : channel.members.find(function (member) {
15189
15188
  return member.id !== SceytChatClient.user.id;
15190
15189
  });
@@ -15302,9 +15301,8 @@ function getChannelsForForward() {
15302
15301
  return effects.put(channelHasNextAC(channelsData.hasNext, true));
15303
15302
  case 4:
15304
15303
  channelsToAdd = channelsData.channels.filter(function (channel) {
15305
- var _channel$metadata2;
15306
15304
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15307
- 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;
15308
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) {
15309
15307
  return member.id && member.id !== _SceytChatClient.user.id;
15310
15308
  }) : true;
@@ -15371,9 +15369,8 @@ function searchChannelsForForward(action) {
15371
15369
  handleChannels = function handleChannels(channels) {
15372
15370
  channels.forEach(function (channel) {
15373
15371
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15374
- var _channel$metadata3;
15375
15372
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15376
- 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;
15377
15374
  var directChannelUser = isSelfChannel ? _SceytChatClient2.user : channel.members.find(function (member) {
15378
15375
  return member.id !== _SceytChatClient2.user.id;
15379
15376
  });
@@ -21144,7 +21141,6 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21144
21141
  }), channel.lastReactedMessage && '"')))));
21145
21142
  };
21146
21143
  var Channel = function Channel(_ref3) {
21147
- var _channel$metadata;
21148
21144
  var channel = _ref3.channel,
21149
21145
  theme = _ref3.theme,
21150
21146
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21189,7 +21185,7 @@ var Channel = function Channel(_ref3) {
21189
21185
  var activeChannel = useSelector(activeChannelSelector) || {};
21190
21186
  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
21191
21187
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21192
- 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;
21193
21189
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21194
21190
  return member.id !== user.id;
21195
21191
  });
@@ -24099,7 +24095,6 @@ function SvgInfo(props) {
24099
24095
 
24100
24096
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject0$4;
24101
24097
  function ChatHeader(_ref) {
24102
- var _activeChannel$metada;
24103
24098
  var infoIcon = _ref.infoIcon,
24104
24099
  backgroundColor = _ref.backgroundColor,
24105
24100
  titleColor = _ref.titleColor,
@@ -24138,7 +24133,7 @@ function ChatHeader(_ref) {
24138
24133
  var channelListHidden = useSelector(channelListHiddenSelector);
24139
24134
  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
24140
24135
  var isDirectChannel = activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
24141
- 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;
24142
24137
  var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
24143
24138
  return member.id !== user.id;
24144
24139
  });
@@ -25024,10 +25019,9 @@ function ForwardMessagePopup(_ref) {
25024
25019
  setSearchValue('');
25025
25020
  };
25026
25021
  var handleChannelSelect = function handleChannelSelect(isSelected, channel) {
25027
- var _channel$metadata;
25028
25022
  var newSelectedChannels = [].concat(selectedChannels);
25029
25023
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25030
- 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;
25031
25025
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
25032
25026
  return member.id !== user.id;
25033
25027
  });
@@ -25140,12 +25134,11 @@ function ForwardMessagePopup(_ref) {
25140
25134
  color: textSecondary,
25141
25135
  margin: '0 0 12px'
25142
25136
  }, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
25143
- var _channel$metadata2;
25144
25137
  var isSelected = selectedChannels.findIndex(function (chan) {
25145
25138
  return chan.id === channel.id;
25146
25139
  }) >= 0;
25147
25140
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25148
- 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;
25149
25142
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25150
25143
  return member.id !== user.id;
25151
25144
  });
@@ -25216,9 +25209,8 @@ function ForwardMessagePopup(_ref) {
25216
25209
  }))), !searchedChannels.chats_groups.length && !searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(NoResults, {
25217
25210
  color: textSecondary
25218
25211
  }, "No channels found")))) : channels.map(function (channel) {
25219
- var _channel$metadata3;
25220
25212
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25221
- 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;
25222
25214
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25223
25215
  return member.id !== user.id;
25224
25216
  });
@@ -27146,7 +27138,7 @@ var VideoPreview = /*#__PURE__*/React.memo(function VideoPreview(_ref) {
27146
27138
  preload: 'auto',
27147
27139
  id: 'video',
27148
27140
  src: file.attachmentUrl || videoUrl
27149
- }), 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 && (
27150
27142
  /*#__PURE__*/
27151
27143
  React__default.createElement(VideoPlayButton, null, /*#__PURE__*/React__default.createElement(SvgPlayVideo, null))), /*#__PURE__*/React__default.createElement(VideoTime, {
27152
27144
  isDetailsView: isDetailsView,
@@ -31202,6 +31194,9 @@ var OGMetadata = function OGMetadata(_ref) {
31202
31194
  var _useState2 = React.useState(true),
31203
31195
  imageLoadError = _useState2[0],
31204
31196
  setImageLoadError = _useState2[1];
31197
+ var _useState3 = React.useState(true),
31198
+ faviconLoadError = _useState3[0],
31199
+ setFaviconLoadError = _useState3[1];
31205
31200
  var attachment = React.useMemo(function () {
31206
31201
  return attachments.find(function (attachment) {
31207
31202
  return attachment.type === attachmentTypes.link;
@@ -31285,9 +31280,15 @@ var OGMetadata = function OGMetadata(_ref) {
31285
31280
  onError: function onError() {
31286
31281
  return setImageLoadError(true);
31287
31282
  }
31288
- })) : 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, {
31289
- 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
31290
- }) : 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));
31291
31292
  };
31292
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) {
31293
31294
  var showOGMetadata = _ref2.showOGMetadata;
@@ -36135,8 +36136,12 @@ var AudioRecord = function AudioRecord(_ref) {
36135
36136
  }
36136
36137
  }, [currentRecordedFile]);
36137
36138
  React.useEffect(function () {
36139
+ if (!showRecording) {
36140
+ setCurrentTime(0);
36141
+ }
36138
36142
  return function () {
36139
36143
  handleStopRecording();
36144
+ setCurrentTime(0);
36140
36145
  };
36141
36146
  }, [showRecording]);
36142
36147
  React.useEffect(function () {
@@ -38220,7 +38225,6 @@ function SvgUnpin(props) {
38220
38225
 
38221
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;
38222
38227
  var Actions = function Actions(_ref) {
38223
- var _channel$metadata;
38224
38228
  var setActionsHeight = _ref.setActionsHeight,
38225
38229
  channel = _ref.channel,
38226
38230
  actionMenuOpen = _ref.actionMenuOpen,
@@ -38338,7 +38342,7 @@ var Actions = function Actions(_ref) {
38338
38342
  var twoHours = oneHour * 2;
38339
38343
  var oneDay = oneHour * 24;
38340
38344
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
38341
- 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;
38342
38346
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
38343
38347
  return member.id !== user.id;
38344
38348
  });
@@ -40245,7 +40249,7 @@ var EditChannel = function EditChannel(_ref) {
40245
40249
 
40246
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;
40247
40251
  var Details = function Details(_ref) {
40248
- var _activeChannel$metada, _activeChannel$member;
40252
+ var _activeChannel$member;
40249
40253
  var detailsTitleText = _ref.detailsTitleText,
40250
40254
  editDetailsTitleText = _ref.editDetailsTitleText,
40251
40255
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40400,7 +40404,7 @@ var Details = function Details(_ref) {
40400
40404
  var detailsHeaderRef = React.useRef(null);
40401
40405
  var openTimeOut = React.useRef(null);
40402
40406
  var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
40403
- 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;
40404
40408
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40405
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');
40406
40410
  var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
package/index.modern.js CHANGED
@@ -15161,9 +15161,8 @@ function searchChannels(action) {
15161
15161
  handleChannels = function handleChannels(channels) {
15162
15162
  channels.forEach(function (channel) {
15163
15163
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15164
- var _channel$metadata;
15165
15164
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15166
- 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;
15167
15166
  var directChannelUser = isSelfChannel ? SceytChatClient.user : channel.members.find(function (member) {
15168
15167
  return member.id !== SceytChatClient.user.id;
15169
15168
  });
@@ -15281,9 +15280,8 @@ function getChannelsForForward() {
15281
15280
  return put(channelHasNextAC(channelsData.hasNext, true));
15282
15281
  case 4:
15283
15282
  channelsToAdd = channelsData.channels.filter(function (channel) {
15284
- var _channel$metadata2;
15285
15283
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15286
- 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;
15287
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) {
15288
15286
  return member.id && member.id !== _SceytChatClient.user.id;
15289
15287
  }) : true;
@@ -15350,9 +15348,8 @@ function searchChannelsForForward(action) {
15350
15348
  handleChannels = function handleChannels(channels) {
15351
15349
  channels.forEach(function (channel) {
15352
15350
  if (channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) {
15353
- var _channel$metadata3;
15354
15351
  channel.metadata = isJSON(channel.metadata) ? JSON.parse(channel.metadata) : channel.metadata;
15355
- 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;
15356
15353
  var directChannelUser = isSelfChannel ? _SceytChatClient2.user : channel.members.find(function (member) {
15357
15354
  return member.id !== _SceytChatClient2.user.id;
15358
15355
  });
@@ -21123,7 +21120,6 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21123
21120
  }), channel.lastReactedMessage && '"')))));
21124
21121
  };
21125
21122
  var Channel = function Channel(_ref3) {
21126
- var _channel$metadata;
21127
21123
  var channel = _ref3.channel,
21128
21124
  theme = _ref3.theme,
21129
21125
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21168,7 +21164,7 @@ var Channel = function Channel(_ref3) {
21168
21164
  var activeChannel = useSelector(activeChannelSelector) || {};
21169
21165
  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
21170
21166
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21171
- 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;
21172
21168
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21173
21169
  return member.id !== user.id;
21174
21170
  });
@@ -24078,7 +24074,6 @@ function SvgInfo(props) {
24078
24074
 
24079
24075
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject0$4;
24080
24076
  function ChatHeader(_ref) {
24081
- var _activeChannel$metada;
24082
24077
  var infoIcon = _ref.infoIcon,
24083
24078
  backgroundColor = _ref.backgroundColor,
24084
24079
  titleColor = _ref.titleColor,
@@ -24117,7 +24112,7 @@ function ChatHeader(_ref) {
24117
24112
  var channelListHidden = useSelector(channelListHiddenSelector);
24118
24113
  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, shallowEqual);
24119
24114
  var isDirectChannel = activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
24120
- 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;
24121
24116
  var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
24122
24117
  return member.id !== user.id;
24123
24118
  });
@@ -25003,10 +24998,9 @@ function ForwardMessagePopup(_ref) {
25003
24998
  setSearchValue('');
25004
24999
  };
25005
25000
  var handleChannelSelect = function handleChannelSelect(isSelected, channel) {
25006
- var _channel$metadata;
25007
25001
  var newSelectedChannels = [].concat(selectedChannels);
25008
25002
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25009
- 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;
25010
25004
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
25011
25005
  return member.id !== user.id;
25012
25006
  });
@@ -25119,12 +25113,11 @@ function ForwardMessagePopup(_ref) {
25119
25113
  color: textSecondary,
25120
25114
  margin: '0 0 12px'
25121
25115
  }, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
25122
- var _channel$metadata2;
25123
25116
  var isSelected = selectedChannels.findIndex(function (chan) {
25124
25117
  return chan.id === channel.id;
25125
25118
  }) >= 0;
25126
25119
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25127
- 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;
25128
25121
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25129
25122
  return member.id !== user.id;
25130
25123
  });
@@ -25195,9 +25188,8 @@ function ForwardMessagePopup(_ref) {
25195
25188
  }))), !searchedChannels.chats_groups.length && !searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(NoResults, {
25196
25189
  color: textSecondary
25197
25190
  }, "No channels found")))) : channels.map(function (channel) {
25198
- var _channel$metadata3;
25199
25191
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
25200
- 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;
25201
25193
  var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
25202
25194
  return member.id !== user.id;
25203
25195
  });
@@ -27125,7 +27117,7 @@ var VideoPreview = /*#__PURE__*/memo(function VideoPreview(_ref) {
27125
27117
  preload: 'auto',
27126
27118
  id: 'video',
27127
27119
  src: file.attachmentUrl || videoUrl
27128
- }), 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 && (
27129
27121
  /*#__PURE__*/
27130
27122
  React__default.createElement(VideoPlayButton, null, /*#__PURE__*/React__default.createElement(SvgPlayVideo, null))), /*#__PURE__*/React__default.createElement(VideoTime, {
27131
27123
  isDetailsView: isDetailsView,
@@ -31181,6 +31173,9 @@ var OGMetadata = function OGMetadata(_ref) {
31181
31173
  var _useState2 = useState(true),
31182
31174
  imageLoadError = _useState2[0],
31183
31175
  setImageLoadError = _useState2[1];
31176
+ var _useState3 = useState(true),
31177
+ faviconLoadError = _useState3[0],
31178
+ setFaviconLoadError = _useState3[1];
31184
31179
  var attachment = useMemo(function () {
31185
31180
  return attachments.find(function (attachment) {
31186
31181
  return attachment.type === attachmentTypes.link;
@@ -31264,9 +31259,15 @@ var OGMetadata = function OGMetadata(_ref) {
31264
31259
  onError: function onError() {
31265
31260
  return setImageLoadError(true);
31266
31261
  }
31267
- })) : 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, {
31268
- 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
31269
- }) : 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));
31270
31271
  };
31271
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) {
31272
31273
  var showOGMetadata = _ref2.showOGMetadata;
@@ -36114,8 +36115,12 @@ var AudioRecord = function AudioRecord(_ref) {
36114
36115
  }
36115
36116
  }, [currentRecordedFile]);
36116
36117
  useEffect(function () {
36118
+ if (!showRecording) {
36119
+ setCurrentTime(0);
36120
+ }
36117
36121
  return function () {
36118
36122
  handleStopRecording();
36123
+ setCurrentTime(0);
36119
36124
  };
36120
36125
  }, [showRecording]);
36121
36126
  useEffect(function () {
@@ -38199,7 +38204,6 @@ function SvgUnpin(props) {
38199
38204
 
38200
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;
38201
38206
  var Actions = function Actions(_ref) {
38202
- var _channel$metadata;
38203
38207
  var setActionsHeight = _ref.setActionsHeight,
38204
38208
  channel = _ref.channel,
38205
38209
  actionMenuOpen = _ref.actionMenuOpen,
@@ -38317,7 +38321,7 @@ var Actions = function Actions(_ref) {
38317
38321
  var twoHours = oneHour * 2;
38318
38322
  var oneDay = oneHour * 24;
38319
38323
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
38320
- 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;
38321
38325
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
38322
38326
  return member.id !== user.id;
38323
38327
  });
@@ -40224,7 +40228,7 @@ var EditChannel = function EditChannel(_ref) {
40224
40228
 
40225
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;
40226
40230
  var Details = function Details(_ref) {
40227
- var _activeChannel$metada, _activeChannel$member;
40231
+ var _activeChannel$member;
40228
40232
  var detailsTitleText = _ref.detailsTitleText,
40229
40233
  editDetailsTitleText = _ref.editDetailsTitleText,
40230
40234
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40379,7 +40383,7 @@ var Details = function Details(_ref) {
40379
40383
  var detailsHeaderRef = useRef(null);
40380
40384
  var openTimeOut = useRef(null);
40381
40385
  var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
40382
- 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;
40383
40387
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40384
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');
40385
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.8",
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",