sceyt-chat-react-uikit 1.7.7-beta.5 → 1.7.7-beta.7

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 (4) hide show
  1. package/components/Message/OGMetadata/index.d.ts +2 -1
  2. package/index.js +165 -86
  3. package/index.modern.js +165 -86
  4. package/package.json +1 -1
package/components/Message/OGMetadata/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAttachment, IOGMetadata } from '../../../types';
3
+ export declare const isDescriptionOnlySymbol: (description: string | undefined) => boolean;
3
4
  declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitle, ogShowDescription, ogShowFavicon, order, maxWidth, maxHeight, ogContainerBorderRadius, ogContainerPadding, ogContainerClassName, ogContainerShowBackground, ogContainerBackground, infoPadding, ogContainerMargin, target, isInviteLink, metadataGetSuccessCallback }: {
4
5
  attachments: IAttachment[];
5
6
  state: string;
@@ -26,5 +27,5 @@ declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitl
26
27
  target?: string | undefined;
27
28
  isInviteLink?: boolean | undefined;
28
29
  metadataGetSuccessCallback?: ((url: string, success: boolean, hasImage: boolean, metadata: IOGMetadata | null) => void) | undefined;
29
- }) => React.JSX.Element;
30
+ }) => React.JSX.Element | null;
30
31
  export { OGMetadata };
package/index.js CHANGED
@@ -16065,7 +16065,7 @@ function createChannel(action) {
16065
16065
  }, _marked$2, null, [[0, 17]]);
16066
16066
  }
16067
16067
  function getChannels(action) {
16068
- var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, allChannelsData, allChannelList, _t2, _t3, _t4;
16068
+ var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, _connectionStatus, allChannelsData, allChannelList, _t2, _t3, _t4;
16069
16069
  return _regenerator().w(function (_context2) {
16070
16070
  while (1) switch (_context2.p = _context2.n) {
16071
16071
  case 0:
@@ -16223,7 +16223,7 @@ function getChannels(action) {
16223
16223
  hiddenList = store.getState().ChannelReducer.hideChannelList;
16224
16224
  log.info('[getChannels] hiddenList state:', hiddenList);
16225
16225
  if (hiddenList) {
16226
- _context2.n = 27;
16226
+ _context2.n = 28;
16227
16227
  break;
16228
16228
  }
16229
16229
  log.info('[getChannels] starting all channels query (hiddenList is false)');
@@ -16248,18 +16248,26 @@ function getChannels(action) {
16248
16248
  i = 0;
16249
16249
  case 19:
16250
16250
  if (!(i <= 4)) {
16251
- _context2.n = 26;
16251
+ _context2.n = 27;
16252
16252
  break;
16253
16253
  }
16254
16254
  if (!hasNext) {
16255
- _context2.n = 24;
16255
+ _context2.n = 25;
16256
16256
  break;
16257
16257
  }
16258
16258
  _context2.p = 20;
16259
+ _connectionStatus = store.getState().UserReducer.connectionStatus;
16260
+ if (!(_connectionStatus !== CONNECTION_STATUS.CONNECTED)) {
16261
+ _context2.n = 21;
16262
+ break;
16263
+ }
16264
+ log.warn('[getChannels] connection not ready, aborting. Status:', _connectionStatus);
16265
+ return _context2.a(3, 27);
16266
+ case 21:
16259
16267
  log.info('[getChannels] loading all channels page:', i + 1);
16260
- _context2.n = 21;
16268
+ _context2.n = 22;
16261
16269
  return effects.call(allChannelsQuery.loadNextPage);
16262
- case 21:
16270
+ case 22:
16263
16271
  allChannelsData = _context2.v;
16264
16272
  hasNext = allChannelsData.hasNext;
16265
16273
  allChannelList = allChannelsData.channels;
@@ -16270,33 +16278,34 @@ function getChannels(action) {
16270
16278
  addChannelsToAllChannels(allChannelList);
16271
16279
  totalAllChannelsAdded += (allChannelList === null || allChannelList === void 0 ? void 0 : allChannelList.length) || 0;
16272
16280
  log.info('[getChannels] total all channels added so far:', totalAllChannelsAdded);
16273
- _context2.n = 23;
16281
+ _context2.n = 24;
16274
16282
  break;
16275
- case 22:
16276
- _context2.p = 22;
16283
+ case 23:
16284
+ _context2.p = 23;
16277
16285
  _t3 = _context2.v;
16278
16286
  log.error(_t3, 'Error on get all channels page:', i + 1);
16279
- case 23:
16280
- _context2.n = 25;
16281
- break;
16287
+ return _context2.a(3, 27);
16282
16288
  case 24:
16283
- log.info('[getChannels] no more pages available, stopping at iteration:', i);
16289
+ _context2.n = 26;
16290
+ break;
16284
16291
  case 25:
16292
+ log.info('[getChannels] no more pages available, stopping at iteration:', i);
16293
+ case 26:
16285
16294
  i++;
16286
16295
  _context2.n = 19;
16287
16296
  break;
16288
- case 26:
16297
+ case 27:
16289
16298
  log.info('[getChannels] all channels query completed, total channels added:', totalAllChannelsAdded);
16290
- _context2.n = 28;
16299
+ _context2.n = 29;
16291
16300
  break;
16292
- case 27:
16293
- log.info('[getChannels] skipping all channels query (hiddenList is true)');
16294
16301
  case 28:
16302
+ log.info('[getChannels] skipping all channels query (hiddenList is true)');
16303
+ case 29:
16295
16304
  log.info('[getChannels] completed successfully. Final mapped channels count:', ((_mappedChannels4 = mappedChannels) === null || _mappedChannels4 === void 0 ? void 0 : _mappedChannels4.length) || 0);
16296
- _context2.n = 30;
16305
+ _context2.n = 31;
16297
16306
  break;
16298
- case 29:
16299
- _context2.p = 29;
16307
+ case 30:
16308
+ _context2.p = 30;
16300
16309
  _t4 = _context2.v;
16301
16310
  log.error('[getChannels] error occurred:', JSON.stringify(_t4), 'Error on get channels');
16302
16311
  log.error('[getChannels] error details:', {
@@ -16304,10 +16313,10 @@ function getChannels(action) {
16304
16313
  code: _t4.code,
16305
16314
  stack: _t4.stack
16306
16315
  });
16307
- case 30:
16316
+ case 31:
16308
16317
  return _context2.a(2);
16309
16318
  }
16310
- }, _marked2$1, null, [[20, 22], [1, 29]]);
16319
+ }, _marked2$1, null, [[20, 23], [1, 30]]);
16311
16320
  }
16312
16321
  function searchChannels(action) {
16313
16322
  var payload, params, contactsMap, SceytChatClient, getFromContacts, searchBy, _params$filter2, _types2, channelQueryBuilder, channelTypesFilter, types, allChannels, publicChannels, chatsGroups, contactsList, contactsWithChannelsMap, lowerCaseSearchBy, handleChannels, channelsMap, _iterator, _step, channel, channelQuery, channelsData, _iterator2, _step2, _channel, channelsToAdd, _t5;
@@ -16630,39 +16639,66 @@ function searchChannelsForForward(action) {
16630
16639
  }, _marked5, null, [[0, 7]]);
16631
16640
  }
16632
16641
  function channelsLoadMore(action) {
16633
- var payload, limit, channelQuery, channelsData, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, channelMessageMap, _t8;
16642
+ var _mappedChannels5, _mappedChannels7, _mappedChannels8, payload, limit, channelQuery, channelsData, channelList, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys2, _mappedChannels6, channelMessageMap, _t8;
16634
16643
  return _regenerator().w(function (_context6) {
16635
16644
  while (1) switch (_context6.p = _context6.n) {
16636
16645
  case 0:
16637
- _context6.p = 0;
16646
+ log.info('[channelsLoadMore] start load more channels');
16647
+ _context6.p = 1;
16638
16648
  payload = action.payload;
16639
16649
  limit = payload.limit;
16650
+ log.info('[channelsLoadMore] input payload:', JSON.stringify({
16651
+ limit: limit
16652
+ }));
16640
16653
  channelQuery = query.channelQuery;
16654
+ log.info('[channelsLoadMore] channelQuery exists:', !!channelQuery);
16655
+ if (channelQuery) {
16656
+ _context6.n = 2;
16657
+ break;
16658
+ }
16659
+ log.error('[channelsLoadMore] channelQuery is null or undefined, cannot load more');
16660
+ return _context6.a(2);
16661
+ case 2:
16641
16662
  if (limit) {
16663
+ log.info('[channelsLoadMore] setting query limit to:', limit);
16642
16664
  channelQuery.limit = limit;
16665
+ } else {
16666
+ log.info('[channelsLoadMore] no limit provided, using existing query limit');
16643
16667
  }
16644
- _context6.n = 1;
16668
+ _context6.n = 3;
16645
16669
  return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADING));
16646
- case 1:
16647
- _context6.n = 2;
16670
+ case 3:
16671
+ log.info('[channelsLoadMore] loading next page...');
16672
+ _context6.n = 4;
16648
16673
  return effects.call(channelQuery.loadNextPage);
16649
- case 2:
16674
+ case 4:
16650
16675
  channelsData = _context6.v;
16651
- _context6.n = 3;
16676
+ channelList = channelsData.channels;
16677
+ log.info('[channelsLoadMore] channelsData received:', JSON.stringify({
16678
+ channelsCount: (channelList === null || channelList === void 0 ? void 0 : channelList.length) || 0,
16679
+ hasNext: channelsData.hasNext
16680
+ }));
16681
+ _context6.n = 5;
16652
16682
  return effects.put(channelHasNextAC(channelsData.hasNext));
16653
- case 3:
16654
- _context6.n = 4;
16683
+ case 5:
16684
+ log.info('[channelsLoadMore] hasNext set to:', channelsData.hasNext);
16685
+ _context6.n = 6;
16655
16686
  return effects.call(setChannelsInMap, channelsData.channels);
16656
- case 4:
16687
+ case 6:
16657
16688
  _yield$call3 = _context6.v;
16658
16689
  mappedChannels = _yield$call3.channels;
16659
16690
  channelsForUpdateLastReactionMessage = _yield$call3.channelsForUpdateLastReactionMessage;
16660
- if (!channelsForUpdateLastReactionMessage.length) {
16661
- _context6.n = 6;
16691
+ log.info('[channelsLoadMore] setChannelsInMap result:', JSON.stringify({
16692
+ mappedChannelsCount: ((_mappedChannels5 = mappedChannels) === null || _mappedChannels5 === void 0 ? void 0 : _mappedChannels5.length) || 0,
16693
+ channelsForUpdateLastReactionMessageCount: (channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length) || 0
16694
+ }));
16695
+ if (!(channelsForUpdateLastReactionMessage !== null && channelsForUpdateLastReactionMessage !== void 0 && channelsForUpdateLastReactionMessage.length)) {
16696
+ _context6.n = 8;
16662
16697
  break;
16663
16698
  }
16699
+ log.info('[channelsLoadMore] processing channels for reaction message update:', channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length);
16664
16700
  channelMessageMap = {};
16665
- _context6.n = 5;
16701
+ _context6.n = 7;
16666
16702
  return effects.call(function () {
16667
16703
  try {
16668
16704
  return Promise.resolve(Promise.all(channelsForUpdateLastReactionMessage.map(function (channel) {
@@ -16670,9 +16706,10 @@ function channelsLoadMore(action) {
16670
16706
  return Promise.resolve(new Promise(function (resolve) {
16671
16707
  channel.getMessagesById([channel.newReactions[0].messageId]).then(function (messages) {
16672
16708
  channelMessageMap[channel.id] = messages[0];
16709
+ log.info('[channelsLoadMore] successfully fetched reaction message for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
16673
16710
  resolve(true);
16674
16711
  })["catch"](function (e) {
16675
- log.error(e, 'Error on getMessagesById');
16712
+ log.error(e, 'Error on getMessagesById for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
16676
16713
  resolve(true);
16677
16714
  });
16678
16715
  }));
@@ -16684,30 +16721,43 @@ function channelsLoadMore(action) {
16684
16721
  return Promise.reject(e);
16685
16722
  }
16686
16723
  });
16687
- case 5:
16724
+ case 7:
16725
+ log.info('[channelsLoadMore] reaction messages fetched:', channelMessageMap ? (_Object$keys2 = Object.keys(channelMessageMap)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length : 0);
16688
16726
  mappedChannels = mappedChannels.map(function (channel) {
16689
16727
  if (channelMessageMap[channel.id]) {
16690
16728
  channel.lastReactedMessage = channelMessageMap[channel.id];
16691
16729
  }
16692
16730
  return channel;
16693
16731
  });
16694
- case 6:
16695
- _context6.n = 7;
16696
- return effects.put(addChannelsAC(mappedChannels));
16697
- case 7:
16698
- _context6.n = 8;
16699
- return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
16732
+ log.info('[channelsLoadMore] mappedChannels updated with reaction messages, final count:', ((_mappedChannels6 = mappedChannels) === null || _mappedChannels6 === void 0 ? void 0 : _mappedChannels6.length) || 0);
16733
+ _context6.n = 9;
16734
+ break;
16700
16735
  case 8:
16736
+ log.info('[channelsLoadMore] no channels need reaction message update');
16737
+ case 9:
16738
+ log.info('[channelsLoadMore] adding channels to state, count:', ((_mappedChannels7 = mappedChannels) === null || _mappedChannels7 === void 0 ? void 0 : _mappedChannels7.length) || 0);
16701
16739
  _context6.n = 10;
16740
+ return effects.put(addChannelsAC(mappedChannels));
16741
+ case 10:
16742
+ _context6.n = 11;
16743
+ return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
16744
+ case 11:
16745
+ log.info('[channelsLoadMore] completed successfully. Total channels added:', ((_mappedChannels8 = mappedChannels) === null || _mappedChannels8 === void 0 ? void 0 : _mappedChannels8.length) || 0);
16746
+ _context6.n = 13;
16702
16747
  break;
16703
- case 9:
16704
- _context6.p = 9;
16748
+ case 12:
16749
+ _context6.p = 12;
16705
16750
  _t8 = _context6.v;
16706
- log.error(_t8, 'Error in load more channels');
16707
- case 10:
16751
+ log.error('[channelsLoadMore] error occurred:', _t8);
16752
+ log.error('[channelsLoadMore] error details:', JSON.stringify({
16753
+ message: _t8 === null || _t8 === void 0 ? void 0 : _t8.message,
16754
+ code: _t8 === null || _t8 === void 0 ? void 0 : _t8.code,
16755
+ stack: _t8 === null || _t8 === void 0 ? void 0 : _t8.stack
16756
+ }));
16757
+ case 13:
16708
16758
  return _context6.a(2);
16709
16759
  }
16710
- }, _marked6, null, [[0, 9]]);
16760
+ }, _marked6, null, [[1, 12]]);
16711
16761
  }
16712
16762
  function getChannelMentions(action) {
16713
16763
  var payload, channelId, _SceytChatClient3, mentionsQueryBuilder, mentionsQuery, mentions, _t9;
@@ -34849,6 +34899,12 @@ var PollMessage = function PollMessage(_ref) {
34849
34899
  var handleViewResults = function handleViewResults() {
34850
34900
  return setShowResults(true);
34851
34901
  };
34902
+ var handleResultsClick = function handleResultsClick(e) {
34903
+ e.stopPropagation();
34904
+ if (isHaveResults && !poll.anonymous) {
34905
+ handleViewResults();
34906
+ }
34907
+ };
34852
34908
  return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
34853
34909
  color: textPrimary
34854
34910
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
@@ -34887,7 +34943,10 @@ var PollMessage = function PollMessage(_ref) {
34887
34943
  border: borderSecondary
34888
34944
  }))), /*#__PURE__*/React__default.createElement(Title$2, {
34889
34945
  color: textPrimary
34890
- }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, null, optionVotesUsers.map(function (vote) {
34946
+ }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, {
34947
+ onClick: handleResultsClick,
34948
+ cursor: poll.anonymous ? 'default' : 'pointer'
34949
+ }, optionVotesUsers.map(function (vote) {
34891
34950
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
34892
34951
  return /*#__PURE__*/React__default.createElement(Avatar, {
34893
34952
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
@@ -34900,7 +34959,9 @@ var PollMessage = function PollMessage(_ref) {
34900
34959
  border: "2px solid " + (message.incoming ? incomingMessageBackground : outgoingMessageBackground)
34901
34960
  });
34902
34961
  }))), /*#__PURE__*/React__default.createElement(Votes, {
34903
- color: textPrimary
34962
+ color: textPrimary,
34963
+ onClick: handleResultsClick,
34964
+ cursor: poll.anonymous ? 'default' : 'pointer'
34904
34965
  }, votes)), /*#__PURE__*/React__default.createElement(Bar$1, {
34905
34966
  track: borderSecondary,
34906
34967
  closed: poll.closed
@@ -34916,7 +34977,7 @@ var PollMessage = function PollMessage(_ref) {
34916
34977
  color: isHaveResults ? accent : textSecondary,
34917
34978
  disabledOpacity: 0.8,
34918
34979
  borderRadius: '14px',
34919
- onClick: isHaveResults ? handleViewResults : undefined,
34980
+ onClick: handleViewResults,
34920
34981
  style: {
34921
34982
  width: '100%',
34922
34983
  marginTop: 10
@@ -34958,8 +35019,10 @@ var StyledCheck = styled__default(SvgFilledCheckbox)(_templateObject9$d || (_tem
34958
35019
  var Title$2 = styled__default.div(_templateObject0$c || (_templateObject0$c = _taggedTemplateLiteralLoose(["\n flex: 1 1 auto;\n color: ", ";\n margin-right: auto;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n max-width: calc(100% - 80px);\n word-break: break-word;\n"])), function (p) {
34959
35020
  return p.color;
34960
35021
  });
34961
- var Votes = styled__default.span(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n margin-left: 4px;\n"])), function (p) {
35022
+ var Votes = styled__default.span(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n margin-left: 4px;\n cursor: ", ";\n"])), function (p) {
34962
35023
  return p.color;
35024
+ }, function (p) {
35025
+ return p.cursor;
34963
35026
  });
34964
35027
  var Bar$1 = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 6px;\n border-radius: 6px;\n background: ", ";\n overflow: hidden;\n margin-left: auto;\n"])), function (p) {
34965
35028
  return p.closed ? '100%' : "calc(100% - 28px)";
@@ -34967,7 +35030,9 @@ var Bar$1 = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _t
34967
35030
  return p.track;
34968
35031
  });
34969
35032
  var Fill = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
34970
- var UsersContainer = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n"])));
35033
+ var UsersContainer = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n cursor: ", ";\n"])), function (p) {
35034
+ return p.cursor;
35035
+ });
34971
35036
 
34972
35037
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
34973
35038
  var validateUrl = function validateUrl(url) {
@@ -34979,11 +35044,12 @@ var validateUrl = function validateUrl(url) {
34979
35044
  }
34980
35045
  };
34981
35046
  var isDescriptionOnlySymbol = function isDescriptionOnlySymbol(description) {
35047
+ if (!description) return true;
34982
35048
  var trimmed = description === null || description === void 0 ? void 0 : description.trim();
34983
35049
  return !!trimmed && !/[a-zA-Z0-9]/.test(trimmed);
34984
35050
  };
34985
35051
  var OGMetadata = function OGMetadata(_ref) {
34986
- var _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _metadata$og10, _metadata$og10$favico, _metadata$og18, _metadata$og19, _metadata$og20;
35052
+ var _metadata$og5, _metadata$og6, _metadata$og9, _metadata$og14, _metadata$og14$image, _metadata$og14$image$, _metadata$og16, _metadata$og16$favico, _metadata$og20, _metadata$og21, _metadata$og22;
34987
35053
  var attachments = _ref.attachments,
34988
35054
  state = _ref.state,
34989
35055
  incoming = _ref.incoming,
@@ -35037,12 +35103,7 @@ var OGMetadata = function OGMetadata(_ref) {
35037
35103
  });
35038
35104
  }, [attachments]);
35039
35105
  var metadata = React.useMemo(function () {
35040
- var _metadata$og, _metadata$og2;
35041
- var metadata = (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35042
- if (metadata !== null && metadata !== void 0 && (_metadata$og = metadata.og) !== null && _metadata$og !== void 0 && _metadata$og.title && metadata !== null && metadata !== void 0 && (_metadata$og2 = metadata.og) !== null && _metadata$og2 !== void 0 && _metadata$og2.description) {
35043
- return metadata;
35044
- }
35045
- return null;
35106
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35046
35107
  }, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35047
35108
  var _useState2 = React.useState(false),
35048
35109
  imageLoadError = _useState2[0],
@@ -35067,9 +35128,9 @@ var OGMetadata = function OGMetadata(_ref) {
35067
35128
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
35068
35129
  return Promise.resolve(queryBuilder.build()).then(function (query) {
35069
35130
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
35070
- var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
35131
+ var _metadata$og, _metadata$og$image, _metadata$og$image$;
35071
35132
  var image = new Image();
35072
- image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : (_metadata$og3$image = _metadata$og3.image) === null || _metadata$og3$image === void 0 ? void 0 : (_metadata$og3$image$ = _metadata$og3$image[0]) === null || _metadata$og3$image$ === void 0 ? void 0 : _metadata$og3$image$.url;
35133
+ image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : (_metadata$og$image = _metadata$og.image) === null || _metadata$og$image === void 0 ? void 0 : (_metadata$og$image$ = _metadata$og$image[0]) === null || _metadata$og$image$ === void 0 ? void 0 : _metadata$og$image$.url;
35073
35134
  var _temp = function () {
35074
35135
  if (image.src) {
35075
35136
  image.onload = function () {
@@ -35091,10 +35152,10 @@ var OGMetadata = function OGMetadata(_ref) {
35091
35152
  };
35092
35153
  image.onerror = function () {
35093
35154
  try {
35094
- var _metadata$og4, _metadata$og4$favicon;
35155
+ var _metadata$og2, _metadata$og2$favicon;
35095
35156
  setImageLoadError(true);
35096
35157
  var favicon = new Image();
35097
- favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : (_metadata$og4$favicon = _metadata$og4.favicon) === null || _metadata$og4$favicon === void 0 ? void 0 : _metadata$og4$favicon.url;
35158
+ favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$favicon = _metadata$og2.favicon) === null || _metadata$og2$favicon === void 0 ? void 0 : _metadata$og2$favicon.url;
35098
35159
  if (favicon.src) {
35099
35160
  favicon.onload = function () {
35100
35161
  try {
@@ -35186,10 +35247,22 @@ var OGMetadata = function OGMetadata(_ref) {
35186
35247
  }
35187
35248
  return url;
35188
35249
  }, [attachment]);
35250
+ var shouldShowTitle = React.useMemo(function () {
35251
+ var _metadata$og3, _metadata$og4;
35252
+ return ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.title) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : _metadata$og4.description);
35253
+ }, [ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : _metadata$og5.title, metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : _metadata$og6.description]);
35254
+ var shouldShowDescription = React.useMemo(function () {
35255
+ var _metadata$og7, _metadata$og8;
35256
+ return ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : _metadata$og7.description) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : _metadata$og8.description);
35257
+ }, [ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.description]);
35189
35258
  var showOGMetadata = React.useMemo(function () {
35190
- var _metadata$og5, _metadata$og6, _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og8, _metadata$og8$favicon;
35191
- return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : _metadata$og5.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : _metadata$og6.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : (_metadata$og7$image = _metadata$og7.image) === null || _metadata$og7$image === void 0 ? void 0 : (_metadata$og7$image$ = _metadata$og7$image[0]) === null || _metadata$og7$image$ === void 0 ? void 0 : _metadata$og7$image$.url) || (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)) && metadata;
35192
- }, [state, metadata]);
35259
+ var _metadata$og0, _metadata$og1, _metadata$og10, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _metadata$og12, _metadata$og12$favico;
35260
+ var descriptionIsSymbol = isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : _metadata$og0.description);
35261
+ if (descriptionIsSymbol) {
35262
+ return false;
35263
+ }
35264
+ return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : (_metadata$og11$image = _metadata$og11.image) === null || _metadata$og11$image === void 0 ? void 0 : (_metadata$og11$image$ = _metadata$og11$image[0]) === null || _metadata$og11$image$ === void 0 ? void 0 : _metadata$og11$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : (_metadata$og12$favico = _metadata$og12.favicon) === null || _metadata$og12$favico === void 0 ? void 0 : _metadata$og12$favico.url)) && metadata;
35265
+ }, [state, metadata, shouldShowTitle, shouldShowDescription]);
35193
35266
  var calculatedImageHeight = React.useMemo(function () {
35194
35267
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
35195
35268
  return 0;
@@ -35197,13 +35270,13 @@ var OGMetadata = function OGMetadata(_ref) {
35197
35270
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
35198
35271
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
35199
35272
  var hasImage = React.useMemo(function () {
35200
- var _metadata$og9, _metadata$og9$image, _metadata$og9$image$;
35201
- return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$image = _metadata$og9.image) === null || _metadata$og9$image === void 0 ? void 0 : (_metadata$og9$image$ = _metadata$og9$image[0]) === null || _metadata$og9$image$ === void 0 ? void 0 : _metadata$og9$image$.url) && !imageLoadError;
35202
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$image = _metadata$og0.image) === null || _metadata$og0$image === void 0 ? void 0 : (_metadata$og0$image$ = _metadata$og0$image[0]) === null || _metadata$og0$image$ === void 0 ? void 0 : _metadata$og0$image$.url, imageLoadError]);
35273
+ var _metadata$og13, _metadata$og13$image, _metadata$og13$image$;
35274
+ return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : (_metadata$og13$image = _metadata$og13.image) === null || _metadata$og13$image === void 0 ? void 0 : (_metadata$og13$image$ = _metadata$og13$image[0]) === null || _metadata$og13$image$ === void 0 ? void 0 : _metadata$og13$image$.url) && !imageLoadError;
35275
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : (_metadata$og14$image = _metadata$og14.image) === null || _metadata$og14$image === void 0 ? void 0 : (_metadata$og14$image$ = _metadata$og14$image[0]) === null || _metadata$og14$image$ === void 0 ? void 0 : _metadata$og14$image$.url, imageLoadError]);
35203
35276
  var faviconUrl = React.useMemo(function () {
35204
- var _metadata$og1, _metadata$og1$favicon;
35205
- return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : (_metadata$og1$favicon = _metadata$og1.favicon) === null || _metadata$og1$favicon === void 0 ? void 0 : _metadata$og1$favicon.url : '';
35206
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : (_metadata$og10$favico = _metadata$og10.favicon) === null || _metadata$og10$favico === void 0 ? void 0 : _metadata$og10$favico.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
35277
+ var _metadata$og15, _metadata$og15$favico;
35278
+ return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : (_metadata$og15$favico = _metadata$og15.favicon) === null || _metadata$og15$favico === void 0 ? void 0 : _metadata$og15$favico.url : '';
35279
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : (_metadata$og16$favico = _metadata$og16.favicon) === null || _metadata$og16$favico === void 0 ? void 0 : _metadata$og16$favico.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
35207
35280
  var resolvedOrder = React.useMemo(function () {
35208
35281
  return order || {
35209
35282
  image: 1,
@@ -35219,15 +35292,15 @@ var OGMetadata = function OGMetadata(_ref) {
35219
35292
  }, [hasImage, calculatedImageHeight]);
35220
35293
  React.useEffect(function () {
35221
35294
  if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
35222
- if (oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35295
+ if (showOGMetadata && oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35223
35296
  metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, showImage, metadata);
35224
35297
  } else {
35225
35298
  metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
35226
35299
  }
35227
35300
  }
35228
- }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
35301
+ }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage]);
35229
35302
  var elements = React.useMemo(function () {
35230
- var _resolvedOrder$image, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _resolvedOrder$title, _metadata$og12, _metadata$og13, _metadata$og14, _metadata$og14$title, _resolvedOrder$descri, _metadata$og15, _metadata$og16, _metadata$og17, _metadata$og17$descri, _resolvedOrder$link;
35303
+ var _resolvedOrder$image, _metadata$og17, _metadata$og17$image, _metadata$og17$image$, _resolvedOrder$title, _metadata$og18, _metadata$og18$title, _resolvedOrder$descri, _metadata$og19, _metadata$og19$descri, _resolvedOrder$link;
35231
35304
  return [showImage ? {
35232
35305
  key: 'image',
35233
35306
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -35239,28 +35312,28 @@ var OGMetadata = function OGMetadata(_ref) {
35239
35312
  maxWidth: maxWidth,
35240
35313
  maxHeight: maxHeight || calculatedImageHeight
35241
35314
  }, /*#__PURE__*/React__default.createElement(Img, {
35242
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : (_metadata$og11$image = _metadata$og11.image) === null || _metadata$og11$image === void 0 ? void 0 : (_metadata$og11$image$ = _metadata$og11$image[0]) === null || _metadata$og11$image$ === void 0 ? void 0 : _metadata$og11$image$.url,
35315
+ src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : (_metadata$og17$image = _metadata$og17.image) === null || _metadata$og17$image === void 0 ? void 0 : (_metadata$og17$image$ = _metadata$og17$image[0]) === null || _metadata$og17$image$ === void 0 ? void 0 : _metadata$og17$image$.url,
35243
35316
  alt: 'OG image',
35244
35317
  shouldAnimate: shouldAnimate
35245
35318
  })))
35246
35319
  } : null, {
35247
35320
  key: 'title',
35248
35321
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
35249
- render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.title) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description) && (/*#__PURE__*/React__default.createElement(Title$3, {
35322
+ render: shouldShowTitle && (/*#__PURE__*/React__default.createElement(Title$3, {
35250
35323
  maxWidth: maxWidth,
35251
35324
  shouldAnimate: shouldAnimate,
35252
35325
  padding: infoPadding,
35253
35326
  color: textPrimary
35254
- }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : (_metadata$og14$title = _metadata$og14.title) === null || _metadata$og14$title === void 0 ? void 0 : _metadata$og14$title.trim())))
35327
+ }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : (_metadata$og18$title = _metadata$og18.title) === null || _metadata$og18$title === void 0 ? void 0 : _metadata$og18$title.trim())))
35255
35328
  }, {
35256
35329
  key: 'description',
35257
35330
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
35258
- render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.description) && (/*#__PURE__*/React__default.createElement(Desc, {
35331
+ render: shouldShowDescription && (/*#__PURE__*/React__default.createElement(Desc, {
35259
35332
  maxWidth: maxWidth,
35260
35333
  shouldAnimate: shouldAnimate,
35261
35334
  color: textSecondary,
35262
35335
  padding: infoPadding
35263
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : (_metadata$og17$descri = _metadata$og17.description) === null || _metadata$og17$descri === void 0 ? void 0 : _metadata$og17$descri.trim()))
35336
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og19 = metadata.og) === null || _metadata$og19 === void 0 ? void 0 : (_metadata$og19$descri = _metadata$og19.description) === null || _metadata$og19$descri === void 0 ? void 0 : _metadata$og19$descri.trim()))
35264
35337
  }, {
35265
35338
  key: 'link',
35266
35339
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -35275,7 +35348,7 @@ var OGMetadata = function OGMetadata(_ref) {
35275
35348
  var _a$order, _b$order;
35276
35349
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
35277
35350
  });
35278
- }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : _metadata$og18.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og19 = metadata.og) === null || _metadata$og19 === void 0 ? void 0 : _metadata$og19.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og20 = metadata.og) === null || _metadata$og20 === void 0 ? void 0 : _metadata$og20.description, textSecondary, ogShowUrl, ogUrl]);
35351
+ }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og20 = metadata.og) === null || _metadata$og20 === void 0 ? void 0 : _metadata$og20.image, shouldAnimate, shouldShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og21 = metadata.og) === null || _metadata$og21 === void 0 ? void 0 : _metadata$og21.title, infoPadding, shouldShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og22 = metadata.og) === null || _metadata$og22 === void 0 ? void 0 : _metadata$og22.description, textSecondary, ogShowUrl, ogUrl]);
35279
35352
  var textContent = React.useMemo(function () {
35280
35353
  return /*#__PURE__*/React__default.createElement(OGText, {
35281
35354
  shouldAnimate: shouldAnimate,
@@ -35310,6 +35383,9 @@ var OGMetadata = function OGMetadata(_ref) {
35310
35383
  dispatch(getChannelByInviteKeyAC(key));
35311
35384
  }
35312
35385
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35386
+ if (!showOGMetadata) {
35387
+ return null;
35388
+ }
35313
35389
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, Object.assign({
35314
35390
  showOGMetadata: !!showOGMetadata,
35315
35391
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
@@ -35657,8 +35733,8 @@ var MessageBody = function MessageBody(_ref) {
35657
35733
  return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[linkAttachment.url]) || null;
35658
35734
  }, [oGMetadata, linkAttachment === null || linkAttachment === void 0 ? void 0 : linkAttachment.url]);
35659
35735
  var ogMetadataContainerWidth = React.useMemo(function () {
35660
- var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$fav;
35661
- if (!linkMetadata || !linkAttachment) return (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400;
35736
+ var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$des, _linkMetadata$og4, _linkMetadata$og4$fav;
35737
+ if (!linkMetadata || !linkAttachment) return undefined;
35662
35738
  if (hasLongLinkAttachmentUrl) {
35663
35739
  return 400;
35664
35740
  }
@@ -35667,8 +35743,11 @@ var MessageBody = function MessageBody(_ref) {
35667
35743
  var imageHeight = linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.imageHeight;
35668
35744
  var calculatedImageHeight = imageWidth && imageHeight ? imageHeight / (imageWidth / ((ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400)) : 0;
35669
35745
  var showImage = hasImage && calculatedImageHeight >= 180 && calculatedImageHeight <= 400;
35670
- var hasDescription = linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og2 = linkMetadata.og) === null || _linkMetadata$og2 === void 0 ? void 0 : _linkMetadata$og2.description;
35671
- var hasFavicon = (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogShowFavicon) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.faviconLoaded) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og3 = linkMetadata.og) === null || _linkMetadata$og3 === void 0 ? void 0 : (_linkMetadata$og3$fav = _linkMetadata$og3.favicon) === null || _linkMetadata$og3$fav === void 0 ? void 0 : _linkMetadata$og3$fav.url);
35746
+ var hasDescription = !isDescriptionOnlySymbol(linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og2 = linkMetadata.og) === null || _linkMetadata$og2 === void 0 ? void 0 : _linkMetadata$og2.description) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og3 = linkMetadata.og) === null || _linkMetadata$og3 === void 0 ? void 0 : (_linkMetadata$og3$des = _linkMetadata$og3.description) === null || _linkMetadata$og3$des === void 0 ? void 0 : _linkMetadata$og3$des.trim());
35747
+ var hasFavicon = (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogShowFavicon) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.faviconLoaded) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og4 = linkMetadata.og) === null || _linkMetadata$og4 === void 0 ? void 0 : (_linkMetadata$og4$fav = _linkMetadata$og4.favicon) === null || _linkMetadata$og4$fav === void 0 ? void 0 : _linkMetadata$og4$fav.url);
35748
+ if (!hasDescription) {
35749
+ return undefined;
35750
+ }
35672
35751
  if (showImage) {
35673
35752
  return 400;
35674
35753
  }
package/index.modern.js CHANGED
@@ -16064,7 +16064,7 @@ function createChannel(action) {
16064
16064
  }, _marked$2, null, [[0, 17]]);
16065
16065
  }
16066
16066
  function getChannels(action) {
16067
- var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, allChannelsData, allChannelList, _t2, _t3, _t4;
16067
+ var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, _connectionStatus, allChannelsData, allChannelList, _t2, _t3, _t4;
16068
16068
  return _regenerator().w(function (_context2) {
16069
16069
  while (1) switch (_context2.p = _context2.n) {
16070
16070
  case 0:
@@ -16222,7 +16222,7 @@ function getChannels(action) {
16222
16222
  hiddenList = store.getState().ChannelReducer.hideChannelList;
16223
16223
  log.info('[getChannels] hiddenList state:', hiddenList);
16224
16224
  if (hiddenList) {
16225
- _context2.n = 27;
16225
+ _context2.n = 28;
16226
16226
  break;
16227
16227
  }
16228
16228
  log.info('[getChannels] starting all channels query (hiddenList is false)');
@@ -16247,18 +16247,26 @@ function getChannels(action) {
16247
16247
  i = 0;
16248
16248
  case 19:
16249
16249
  if (!(i <= 4)) {
16250
- _context2.n = 26;
16250
+ _context2.n = 27;
16251
16251
  break;
16252
16252
  }
16253
16253
  if (!hasNext) {
16254
- _context2.n = 24;
16254
+ _context2.n = 25;
16255
16255
  break;
16256
16256
  }
16257
16257
  _context2.p = 20;
16258
+ _connectionStatus = store.getState().UserReducer.connectionStatus;
16259
+ if (!(_connectionStatus !== CONNECTION_STATUS.CONNECTED)) {
16260
+ _context2.n = 21;
16261
+ break;
16262
+ }
16263
+ log.warn('[getChannels] connection not ready, aborting. Status:', _connectionStatus);
16264
+ return _context2.a(3, 27);
16265
+ case 21:
16258
16266
  log.info('[getChannels] loading all channels page:', i + 1);
16259
- _context2.n = 21;
16267
+ _context2.n = 22;
16260
16268
  return call(allChannelsQuery.loadNextPage);
16261
- case 21:
16269
+ case 22:
16262
16270
  allChannelsData = _context2.v;
16263
16271
  hasNext = allChannelsData.hasNext;
16264
16272
  allChannelList = allChannelsData.channels;
@@ -16269,33 +16277,34 @@ function getChannels(action) {
16269
16277
  addChannelsToAllChannels(allChannelList);
16270
16278
  totalAllChannelsAdded += (allChannelList === null || allChannelList === void 0 ? void 0 : allChannelList.length) || 0;
16271
16279
  log.info('[getChannels] total all channels added so far:', totalAllChannelsAdded);
16272
- _context2.n = 23;
16280
+ _context2.n = 24;
16273
16281
  break;
16274
- case 22:
16275
- _context2.p = 22;
16282
+ case 23:
16283
+ _context2.p = 23;
16276
16284
  _t3 = _context2.v;
16277
16285
  log.error(_t3, 'Error on get all channels page:', i + 1);
16278
- case 23:
16279
- _context2.n = 25;
16280
- break;
16286
+ return _context2.a(3, 27);
16281
16287
  case 24:
16282
- log.info('[getChannels] no more pages available, stopping at iteration:', i);
16288
+ _context2.n = 26;
16289
+ break;
16283
16290
  case 25:
16291
+ log.info('[getChannels] no more pages available, stopping at iteration:', i);
16292
+ case 26:
16284
16293
  i++;
16285
16294
  _context2.n = 19;
16286
16295
  break;
16287
- case 26:
16296
+ case 27:
16288
16297
  log.info('[getChannels] all channels query completed, total channels added:', totalAllChannelsAdded);
16289
- _context2.n = 28;
16298
+ _context2.n = 29;
16290
16299
  break;
16291
- case 27:
16292
- log.info('[getChannels] skipping all channels query (hiddenList is true)');
16293
16300
  case 28:
16301
+ log.info('[getChannels] skipping all channels query (hiddenList is true)');
16302
+ case 29:
16294
16303
  log.info('[getChannels] completed successfully. Final mapped channels count:', ((_mappedChannels4 = mappedChannels) === null || _mappedChannels4 === void 0 ? void 0 : _mappedChannels4.length) || 0);
16295
- _context2.n = 30;
16304
+ _context2.n = 31;
16296
16305
  break;
16297
- case 29:
16298
- _context2.p = 29;
16306
+ case 30:
16307
+ _context2.p = 30;
16299
16308
  _t4 = _context2.v;
16300
16309
  log.error('[getChannels] error occurred:', JSON.stringify(_t4), 'Error on get channels');
16301
16310
  log.error('[getChannels] error details:', {
@@ -16303,10 +16312,10 @@ function getChannels(action) {
16303
16312
  code: _t4.code,
16304
16313
  stack: _t4.stack
16305
16314
  });
16306
- case 30:
16315
+ case 31:
16307
16316
  return _context2.a(2);
16308
16317
  }
16309
- }, _marked2$1, null, [[20, 22], [1, 29]]);
16318
+ }, _marked2$1, null, [[20, 23], [1, 30]]);
16310
16319
  }
16311
16320
  function searchChannels(action) {
16312
16321
  var payload, params, contactsMap, SceytChatClient, getFromContacts, searchBy, _params$filter2, _types2, channelQueryBuilder, channelTypesFilter, types, allChannels, publicChannels, chatsGroups, contactsList, contactsWithChannelsMap, lowerCaseSearchBy, handleChannels, channelsMap, _iterator, _step, channel, channelQuery, channelsData, _iterator2, _step2, _channel, channelsToAdd, _t5;
@@ -16629,39 +16638,66 @@ function searchChannelsForForward(action) {
16629
16638
  }, _marked5, null, [[0, 7]]);
16630
16639
  }
16631
16640
  function channelsLoadMore(action) {
16632
- var payload, limit, channelQuery, channelsData, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, channelMessageMap, _t8;
16641
+ var _mappedChannels5, _mappedChannels7, _mappedChannels8, payload, limit, channelQuery, channelsData, channelList, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys2, _mappedChannels6, channelMessageMap, _t8;
16633
16642
  return _regenerator().w(function (_context6) {
16634
16643
  while (1) switch (_context6.p = _context6.n) {
16635
16644
  case 0:
16636
- _context6.p = 0;
16645
+ log.info('[channelsLoadMore] start load more channels');
16646
+ _context6.p = 1;
16637
16647
  payload = action.payload;
16638
16648
  limit = payload.limit;
16649
+ log.info('[channelsLoadMore] input payload:', JSON.stringify({
16650
+ limit: limit
16651
+ }));
16639
16652
  channelQuery = query.channelQuery;
16653
+ log.info('[channelsLoadMore] channelQuery exists:', !!channelQuery);
16654
+ if (channelQuery) {
16655
+ _context6.n = 2;
16656
+ break;
16657
+ }
16658
+ log.error('[channelsLoadMore] channelQuery is null or undefined, cannot load more');
16659
+ return _context6.a(2);
16660
+ case 2:
16640
16661
  if (limit) {
16662
+ log.info('[channelsLoadMore] setting query limit to:', limit);
16641
16663
  channelQuery.limit = limit;
16664
+ } else {
16665
+ log.info('[channelsLoadMore] no limit provided, using existing query limit');
16642
16666
  }
16643
- _context6.n = 1;
16667
+ _context6.n = 3;
16644
16668
  return put(setChannelsLoadingStateAC(LOADING_STATE.LOADING));
16645
- case 1:
16646
- _context6.n = 2;
16669
+ case 3:
16670
+ log.info('[channelsLoadMore] loading next page...');
16671
+ _context6.n = 4;
16647
16672
  return call(channelQuery.loadNextPage);
16648
- case 2:
16673
+ case 4:
16649
16674
  channelsData = _context6.v;
16650
- _context6.n = 3;
16675
+ channelList = channelsData.channels;
16676
+ log.info('[channelsLoadMore] channelsData received:', JSON.stringify({
16677
+ channelsCount: (channelList === null || channelList === void 0 ? void 0 : channelList.length) || 0,
16678
+ hasNext: channelsData.hasNext
16679
+ }));
16680
+ _context6.n = 5;
16651
16681
  return put(channelHasNextAC(channelsData.hasNext));
16652
- case 3:
16653
- _context6.n = 4;
16682
+ case 5:
16683
+ log.info('[channelsLoadMore] hasNext set to:', channelsData.hasNext);
16684
+ _context6.n = 6;
16654
16685
  return call(setChannelsInMap, channelsData.channels);
16655
- case 4:
16686
+ case 6:
16656
16687
  _yield$call3 = _context6.v;
16657
16688
  mappedChannels = _yield$call3.channels;
16658
16689
  channelsForUpdateLastReactionMessage = _yield$call3.channelsForUpdateLastReactionMessage;
16659
- if (!channelsForUpdateLastReactionMessage.length) {
16660
- _context6.n = 6;
16690
+ log.info('[channelsLoadMore] setChannelsInMap result:', JSON.stringify({
16691
+ mappedChannelsCount: ((_mappedChannels5 = mappedChannels) === null || _mappedChannels5 === void 0 ? void 0 : _mappedChannels5.length) || 0,
16692
+ channelsForUpdateLastReactionMessageCount: (channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length) || 0
16693
+ }));
16694
+ if (!(channelsForUpdateLastReactionMessage !== null && channelsForUpdateLastReactionMessage !== void 0 && channelsForUpdateLastReactionMessage.length)) {
16695
+ _context6.n = 8;
16661
16696
  break;
16662
16697
  }
16698
+ log.info('[channelsLoadMore] processing channels for reaction message update:', channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length);
16663
16699
  channelMessageMap = {};
16664
- _context6.n = 5;
16700
+ _context6.n = 7;
16665
16701
  return call(function () {
16666
16702
  try {
16667
16703
  return Promise.resolve(Promise.all(channelsForUpdateLastReactionMessage.map(function (channel) {
@@ -16669,9 +16705,10 @@ function channelsLoadMore(action) {
16669
16705
  return Promise.resolve(new Promise(function (resolve) {
16670
16706
  channel.getMessagesById([channel.newReactions[0].messageId]).then(function (messages) {
16671
16707
  channelMessageMap[channel.id] = messages[0];
16708
+ log.info('[channelsLoadMore] successfully fetched reaction message for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
16672
16709
  resolve(true);
16673
16710
  })["catch"](function (e) {
16674
- log.error(e, 'Error on getMessagesById');
16711
+ log.error(e, 'Error on getMessagesById for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
16675
16712
  resolve(true);
16676
16713
  });
16677
16714
  }));
@@ -16683,30 +16720,43 @@ function channelsLoadMore(action) {
16683
16720
  return Promise.reject(e);
16684
16721
  }
16685
16722
  });
16686
- case 5:
16723
+ case 7:
16724
+ log.info('[channelsLoadMore] reaction messages fetched:', channelMessageMap ? (_Object$keys2 = Object.keys(channelMessageMap)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length : 0);
16687
16725
  mappedChannels = mappedChannels.map(function (channel) {
16688
16726
  if (channelMessageMap[channel.id]) {
16689
16727
  channel.lastReactedMessage = channelMessageMap[channel.id];
16690
16728
  }
16691
16729
  return channel;
16692
16730
  });
16693
- case 6:
16694
- _context6.n = 7;
16695
- return put(addChannelsAC(mappedChannels));
16696
- case 7:
16697
- _context6.n = 8;
16698
- return put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
16731
+ log.info('[channelsLoadMore] mappedChannels updated with reaction messages, final count:', ((_mappedChannels6 = mappedChannels) === null || _mappedChannels6 === void 0 ? void 0 : _mappedChannels6.length) || 0);
16732
+ _context6.n = 9;
16733
+ break;
16699
16734
  case 8:
16735
+ log.info('[channelsLoadMore] no channels need reaction message update');
16736
+ case 9:
16737
+ log.info('[channelsLoadMore] adding channels to state, count:', ((_mappedChannels7 = mappedChannels) === null || _mappedChannels7 === void 0 ? void 0 : _mappedChannels7.length) || 0);
16700
16738
  _context6.n = 10;
16739
+ return put(addChannelsAC(mappedChannels));
16740
+ case 10:
16741
+ _context6.n = 11;
16742
+ return put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
16743
+ case 11:
16744
+ log.info('[channelsLoadMore] completed successfully. Total channels added:', ((_mappedChannels8 = mappedChannels) === null || _mappedChannels8 === void 0 ? void 0 : _mappedChannels8.length) || 0);
16745
+ _context6.n = 13;
16701
16746
  break;
16702
- case 9:
16703
- _context6.p = 9;
16747
+ case 12:
16748
+ _context6.p = 12;
16704
16749
  _t8 = _context6.v;
16705
- log.error(_t8, 'Error in load more channels');
16706
- case 10:
16750
+ log.error('[channelsLoadMore] error occurred:', _t8);
16751
+ log.error('[channelsLoadMore] error details:', JSON.stringify({
16752
+ message: _t8 === null || _t8 === void 0 ? void 0 : _t8.message,
16753
+ code: _t8 === null || _t8 === void 0 ? void 0 : _t8.code,
16754
+ stack: _t8 === null || _t8 === void 0 ? void 0 : _t8.stack
16755
+ }));
16756
+ case 13:
16707
16757
  return _context6.a(2);
16708
16758
  }
16709
- }, _marked6, null, [[0, 9]]);
16759
+ }, _marked6, null, [[1, 12]]);
16710
16760
  }
16711
16761
  function getChannelMentions(action) {
16712
16762
  var payload, channelId, _SceytChatClient3, mentionsQueryBuilder, mentionsQuery, mentions, _t9;
@@ -34848,6 +34898,12 @@ var PollMessage = function PollMessage(_ref) {
34848
34898
  var handleViewResults = function handleViewResults() {
34849
34899
  return setShowResults(true);
34850
34900
  };
34901
+ var handleResultsClick = function handleResultsClick(e) {
34902
+ e.stopPropagation();
34903
+ if (isHaveResults && !poll.anonymous) {
34904
+ handleViewResults();
34905
+ }
34906
+ };
34851
34907
  return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
34852
34908
  color: textPrimary
34853
34909
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
@@ -34886,7 +34942,10 @@ var PollMessage = function PollMessage(_ref) {
34886
34942
  border: borderSecondary
34887
34943
  }))), /*#__PURE__*/React__default.createElement(Title$2, {
34888
34944
  color: textPrimary
34889
- }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, null, optionVotesUsers.map(function (vote) {
34945
+ }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, {
34946
+ onClick: handleResultsClick,
34947
+ cursor: poll.anonymous ? 'default' : 'pointer'
34948
+ }, optionVotesUsers.map(function (vote) {
34890
34949
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
34891
34950
  return /*#__PURE__*/React__default.createElement(Avatar, {
34892
34951
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
@@ -34899,7 +34958,9 @@ var PollMessage = function PollMessage(_ref) {
34899
34958
  border: "2px solid " + (message.incoming ? incomingMessageBackground : outgoingMessageBackground)
34900
34959
  });
34901
34960
  }))), /*#__PURE__*/React__default.createElement(Votes, {
34902
- color: textPrimary
34961
+ color: textPrimary,
34962
+ onClick: handleResultsClick,
34963
+ cursor: poll.anonymous ? 'default' : 'pointer'
34903
34964
  }, votes)), /*#__PURE__*/React__default.createElement(Bar$1, {
34904
34965
  track: borderSecondary,
34905
34966
  closed: poll.closed
@@ -34915,7 +34976,7 @@ var PollMessage = function PollMessage(_ref) {
34915
34976
  color: isHaveResults ? accent : textSecondary,
34916
34977
  disabledOpacity: 0.8,
34917
34978
  borderRadius: '14px',
34918
- onClick: isHaveResults ? handleViewResults : undefined,
34979
+ onClick: handleViewResults,
34919
34980
  style: {
34920
34981
  width: '100%',
34921
34982
  marginTop: 10
@@ -34957,8 +35018,10 @@ var StyledCheck = styled(SvgFilledCheckbox)(_templateObject9$d || (_templateObje
34957
35018
  var Title$2 = styled.div(_templateObject0$c || (_templateObject0$c = _taggedTemplateLiteralLoose(["\n flex: 1 1 auto;\n color: ", ";\n margin-right: auto;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n max-width: calc(100% - 80px);\n word-break: break-word;\n"])), function (p) {
34958
35019
  return p.color;
34959
35020
  });
34960
- var Votes = styled.span(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n margin-left: 4px;\n"])), function (p) {
35021
+ var Votes = styled.span(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n margin-left: 4px;\n cursor: ", ";\n"])), function (p) {
34961
35022
  return p.color;
35023
+ }, function (p) {
35024
+ return p.cursor;
34962
35025
  });
34963
35026
  var Bar$1 = styled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 6px;\n border-radius: 6px;\n background: ", ";\n overflow: hidden;\n margin-left: auto;\n"])), function (p) {
34964
35027
  return p.closed ? '100%' : "calc(100% - 28px)";
@@ -34966,7 +35029,9 @@ var Bar$1 = styled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemp
34966
35029
  return p.track;
34967
35030
  });
34968
35031
  var Fill = styled.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
34969
- var UsersContainer = styled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n"])));
35032
+ var UsersContainer = styled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n cursor: ", ";\n"])), function (p) {
35033
+ return p.cursor;
35034
+ });
34970
35035
 
34971
35036
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
34972
35037
  var validateUrl = function validateUrl(url) {
@@ -34978,11 +35043,12 @@ var validateUrl = function validateUrl(url) {
34978
35043
  }
34979
35044
  };
34980
35045
  var isDescriptionOnlySymbol = function isDescriptionOnlySymbol(description) {
35046
+ if (!description) return true;
34981
35047
  var trimmed = description === null || description === void 0 ? void 0 : description.trim();
34982
35048
  return !!trimmed && !/[a-zA-Z0-9]/.test(trimmed);
34983
35049
  };
34984
35050
  var OGMetadata = function OGMetadata(_ref) {
34985
- var _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _metadata$og10, _metadata$og10$favico, _metadata$og18, _metadata$og19, _metadata$og20;
35051
+ var _metadata$og5, _metadata$og6, _metadata$og9, _metadata$og14, _metadata$og14$image, _metadata$og14$image$, _metadata$og16, _metadata$og16$favico, _metadata$og20, _metadata$og21, _metadata$og22;
34986
35052
  var attachments = _ref.attachments,
34987
35053
  state = _ref.state,
34988
35054
  incoming = _ref.incoming,
@@ -35036,12 +35102,7 @@ var OGMetadata = function OGMetadata(_ref) {
35036
35102
  });
35037
35103
  }, [attachments]);
35038
35104
  var metadata = useMemo(function () {
35039
- var _metadata$og, _metadata$og2;
35040
- var metadata = (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35041
- if (metadata !== null && metadata !== void 0 && (_metadata$og = metadata.og) !== null && _metadata$og !== void 0 && _metadata$og.title && metadata !== null && metadata !== void 0 && (_metadata$og2 = metadata.og) !== null && _metadata$og2 !== void 0 && _metadata$og2.description) {
35042
- return metadata;
35043
- }
35044
- return null;
35105
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35045
35106
  }, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35046
35107
  var _useState2 = useState(false),
35047
35108
  imageLoadError = _useState2[0],
@@ -35066,9 +35127,9 @@ var OGMetadata = function OGMetadata(_ref) {
35066
35127
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
35067
35128
  return Promise.resolve(queryBuilder.build()).then(function (query) {
35068
35129
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
35069
- var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
35130
+ var _metadata$og, _metadata$og$image, _metadata$og$image$;
35070
35131
  var image = new Image();
35071
- image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : (_metadata$og3$image = _metadata$og3.image) === null || _metadata$og3$image === void 0 ? void 0 : (_metadata$og3$image$ = _metadata$og3$image[0]) === null || _metadata$og3$image$ === void 0 ? void 0 : _metadata$og3$image$.url;
35132
+ image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : (_metadata$og$image = _metadata$og.image) === null || _metadata$og$image === void 0 ? void 0 : (_metadata$og$image$ = _metadata$og$image[0]) === null || _metadata$og$image$ === void 0 ? void 0 : _metadata$og$image$.url;
35072
35133
  var _temp = function () {
35073
35134
  if (image.src) {
35074
35135
  image.onload = function () {
@@ -35090,10 +35151,10 @@ var OGMetadata = function OGMetadata(_ref) {
35090
35151
  };
35091
35152
  image.onerror = function () {
35092
35153
  try {
35093
- var _metadata$og4, _metadata$og4$favicon;
35154
+ var _metadata$og2, _metadata$og2$favicon;
35094
35155
  setImageLoadError(true);
35095
35156
  var favicon = new Image();
35096
- favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : (_metadata$og4$favicon = _metadata$og4.favicon) === null || _metadata$og4$favicon === void 0 ? void 0 : _metadata$og4$favicon.url;
35157
+ favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$favicon = _metadata$og2.favicon) === null || _metadata$og2$favicon === void 0 ? void 0 : _metadata$og2$favicon.url;
35097
35158
  if (favicon.src) {
35098
35159
  favicon.onload = function () {
35099
35160
  try {
@@ -35185,10 +35246,22 @@ var OGMetadata = function OGMetadata(_ref) {
35185
35246
  }
35186
35247
  return url;
35187
35248
  }, [attachment]);
35249
+ var shouldShowTitle = useMemo(function () {
35250
+ var _metadata$og3, _metadata$og4;
35251
+ return ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.title) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : _metadata$og4.description);
35252
+ }, [ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : _metadata$og5.title, metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : _metadata$og6.description]);
35253
+ var shouldShowDescription = useMemo(function () {
35254
+ var _metadata$og7, _metadata$og8;
35255
+ return ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : _metadata$og7.description) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : _metadata$og8.description);
35256
+ }, [ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.description]);
35188
35257
  var showOGMetadata = useMemo(function () {
35189
- var _metadata$og5, _metadata$og6, _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og8, _metadata$og8$favicon;
35190
- return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : _metadata$og5.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : _metadata$og6.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : (_metadata$og7$image = _metadata$og7.image) === null || _metadata$og7$image === void 0 ? void 0 : (_metadata$og7$image$ = _metadata$og7$image[0]) === null || _metadata$og7$image$ === void 0 ? void 0 : _metadata$og7$image$.url) || (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)) && metadata;
35191
- }, [state, metadata]);
35258
+ var _metadata$og0, _metadata$og1, _metadata$og10, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _metadata$og12, _metadata$og12$favico;
35259
+ var descriptionIsSymbol = isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : _metadata$og0.description);
35260
+ if (descriptionIsSymbol) {
35261
+ return false;
35262
+ }
35263
+ return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : (_metadata$og11$image = _metadata$og11.image) === null || _metadata$og11$image === void 0 ? void 0 : (_metadata$og11$image$ = _metadata$og11$image[0]) === null || _metadata$og11$image$ === void 0 ? void 0 : _metadata$og11$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : (_metadata$og12$favico = _metadata$og12.favicon) === null || _metadata$og12$favico === void 0 ? void 0 : _metadata$og12$favico.url)) && metadata;
35264
+ }, [state, metadata, shouldShowTitle, shouldShowDescription]);
35192
35265
  var calculatedImageHeight = useMemo(function () {
35193
35266
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
35194
35267
  return 0;
@@ -35196,13 +35269,13 @@ var OGMetadata = function OGMetadata(_ref) {
35196
35269
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
35197
35270
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
35198
35271
  var hasImage = useMemo(function () {
35199
- var _metadata$og9, _metadata$og9$image, _metadata$og9$image$;
35200
- return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$image = _metadata$og9.image) === null || _metadata$og9$image === void 0 ? void 0 : (_metadata$og9$image$ = _metadata$og9$image[0]) === null || _metadata$og9$image$ === void 0 ? void 0 : _metadata$og9$image$.url) && !imageLoadError;
35201
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$image = _metadata$og0.image) === null || _metadata$og0$image === void 0 ? void 0 : (_metadata$og0$image$ = _metadata$og0$image[0]) === null || _metadata$og0$image$ === void 0 ? void 0 : _metadata$og0$image$.url, imageLoadError]);
35272
+ var _metadata$og13, _metadata$og13$image, _metadata$og13$image$;
35273
+ return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : (_metadata$og13$image = _metadata$og13.image) === null || _metadata$og13$image === void 0 ? void 0 : (_metadata$og13$image$ = _metadata$og13$image[0]) === null || _metadata$og13$image$ === void 0 ? void 0 : _metadata$og13$image$.url) && !imageLoadError;
35274
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : (_metadata$og14$image = _metadata$og14.image) === null || _metadata$og14$image === void 0 ? void 0 : (_metadata$og14$image$ = _metadata$og14$image[0]) === null || _metadata$og14$image$ === void 0 ? void 0 : _metadata$og14$image$.url, imageLoadError]);
35202
35275
  var faviconUrl = useMemo(function () {
35203
- var _metadata$og1, _metadata$og1$favicon;
35204
- return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : (_metadata$og1$favicon = _metadata$og1.favicon) === null || _metadata$og1$favicon === void 0 ? void 0 : _metadata$og1$favicon.url : '';
35205
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : (_metadata$og10$favico = _metadata$og10.favicon) === null || _metadata$og10$favico === void 0 ? void 0 : _metadata$og10$favico.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
35276
+ var _metadata$og15, _metadata$og15$favico;
35277
+ return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : (_metadata$og15$favico = _metadata$og15.favicon) === null || _metadata$og15$favico === void 0 ? void 0 : _metadata$og15$favico.url : '';
35278
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : (_metadata$og16$favico = _metadata$og16.favicon) === null || _metadata$og16$favico === void 0 ? void 0 : _metadata$og16$favico.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
35206
35279
  var resolvedOrder = useMemo(function () {
35207
35280
  return order || {
35208
35281
  image: 1,
@@ -35218,15 +35291,15 @@ var OGMetadata = function OGMetadata(_ref) {
35218
35291
  }, [hasImage, calculatedImageHeight]);
35219
35292
  useEffect(function () {
35220
35293
  if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
35221
- if (oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35294
+ if (showOGMetadata && oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35222
35295
  metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, showImage, metadata);
35223
35296
  } else {
35224
35297
  metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
35225
35298
  }
35226
35299
  }
35227
- }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
35300
+ }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage]);
35228
35301
  var elements = useMemo(function () {
35229
- var _resolvedOrder$image, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _resolvedOrder$title, _metadata$og12, _metadata$og13, _metadata$og14, _metadata$og14$title, _resolvedOrder$descri, _metadata$og15, _metadata$og16, _metadata$og17, _metadata$og17$descri, _resolvedOrder$link;
35302
+ var _resolvedOrder$image, _metadata$og17, _metadata$og17$image, _metadata$og17$image$, _resolvedOrder$title, _metadata$og18, _metadata$og18$title, _resolvedOrder$descri, _metadata$og19, _metadata$og19$descri, _resolvedOrder$link;
35230
35303
  return [showImage ? {
35231
35304
  key: 'image',
35232
35305
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -35238,28 +35311,28 @@ var OGMetadata = function OGMetadata(_ref) {
35238
35311
  maxWidth: maxWidth,
35239
35312
  maxHeight: maxHeight || calculatedImageHeight
35240
35313
  }, /*#__PURE__*/React__default.createElement(Img, {
35241
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : (_metadata$og11$image = _metadata$og11.image) === null || _metadata$og11$image === void 0 ? void 0 : (_metadata$og11$image$ = _metadata$og11$image[0]) === null || _metadata$og11$image$ === void 0 ? void 0 : _metadata$og11$image$.url,
35314
+ src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : (_metadata$og17$image = _metadata$og17.image) === null || _metadata$og17$image === void 0 ? void 0 : (_metadata$og17$image$ = _metadata$og17$image[0]) === null || _metadata$og17$image$ === void 0 ? void 0 : _metadata$og17$image$.url,
35242
35315
  alt: 'OG image',
35243
35316
  shouldAnimate: shouldAnimate
35244
35317
  })))
35245
35318
  } : null, {
35246
35319
  key: 'title',
35247
35320
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
35248
- render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.title) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description) && (/*#__PURE__*/React__default.createElement(Title$3, {
35321
+ render: shouldShowTitle && (/*#__PURE__*/React__default.createElement(Title$3, {
35249
35322
  maxWidth: maxWidth,
35250
35323
  shouldAnimate: shouldAnimate,
35251
35324
  padding: infoPadding,
35252
35325
  color: textPrimary
35253
- }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : (_metadata$og14$title = _metadata$og14.title) === null || _metadata$og14$title === void 0 ? void 0 : _metadata$og14$title.trim())))
35326
+ }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : (_metadata$og18$title = _metadata$og18.title) === null || _metadata$og18$title === void 0 ? void 0 : _metadata$og18$title.trim())))
35254
35327
  }, {
35255
35328
  key: 'description',
35256
35329
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
35257
- render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description) && !isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.description) && (/*#__PURE__*/React__default.createElement(Desc, {
35330
+ render: shouldShowDescription && (/*#__PURE__*/React__default.createElement(Desc, {
35258
35331
  maxWidth: maxWidth,
35259
35332
  shouldAnimate: shouldAnimate,
35260
35333
  color: textSecondary,
35261
35334
  padding: infoPadding
35262
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : (_metadata$og17$descri = _metadata$og17.description) === null || _metadata$og17$descri === void 0 ? void 0 : _metadata$og17$descri.trim()))
35335
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og19 = metadata.og) === null || _metadata$og19 === void 0 ? void 0 : (_metadata$og19$descri = _metadata$og19.description) === null || _metadata$og19$descri === void 0 ? void 0 : _metadata$og19$descri.trim()))
35263
35336
  }, {
35264
35337
  key: 'link',
35265
35338
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -35274,7 +35347,7 @@ var OGMetadata = function OGMetadata(_ref) {
35274
35347
  var _a$order, _b$order;
35275
35348
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
35276
35349
  });
35277
- }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : _metadata$og18.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og19 = metadata.og) === null || _metadata$og19 === void 0 ? void 0 : _metadata$og19.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og20 = metadata.og) === null || _metadata$og20 === void 0 ? void 0 : _metadata$og20.description, textSecondary, ogShowUrl, ogUrl]);
35350
+ }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og20 = metadata.og) === null || _metadata$og20 === void 0 ? void 0 : _metadata$og20.image, shouldAnimate, shouldShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og21 = metadata.og) === null || _metadata$og21 === void 0 ? void 0 : _metadata$og21.title, infoPadding, shouldShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og22 = metadata.og) === null || _metadata$og22 === void 0 ? void 0 : _metadata$og22.description, textSecondary, ogShowUrl, ogUrl]);
35278
35351
  var textContent = useMemo(function () {
35279
35352
  return /*#__PURE__*/React__default.createElement(OGText, {
35280
35353
  shouldAnimate: shouldAnimate,
@@ -35309,6 +35382,9 @@ var OGMetadata = function OGMetadata(_ref) {
35309
35382
  dispatch(getChannelByInviteKeyAC(key));
35310
35383
  }
35311
35384
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35385
+ if (!showOGMetadata) {
35386
+ return null;
35387
+ }
35312
35388
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, Object.assign({
35313
35389
  showOGMetadata: !!showOGMetadata,
35314
35390
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
@@ -35656,8 +35732,8 @@ var MessageBody = function MessageBody(_ref) {
35656
35732
  return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[linkAttachment.url]) || null;
35657
35733
  }, [oGMetadata, linkAttachment === null || linkAttachment === void 0 ? void 0 : linkAttachment.url]);
35658
35734
  var ogMetadataContainerWidth = useMemo(function () {
35659
- var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$fav;
35660
- if (!linkMetadata || !linkAttachment) return (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400;
35735
+ var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$des, _linkMetadata$og4, _linkMetadata$og4$fav;
35736
+ if (!linkMetadata || !linkAttachment) return undefined;
35661
35737
  if (hasLongLinkAttachmentUrl) {
35662
35738
  return 400;
35663
35739
  }
@@ -35666,8 +35742,11 @@ var MessageBody = function MessageBody(_ref) {
35666
35742
  var imageHeight = linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.imageHeight;
35667
35743
  var calculatedImageHeight = imageWidth && imageHeight ? imageHeight / (imageWidth / ((ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400)) : 0;
35668
35744
  var showImage = hasImage && calculatedImageHeight >= 180 && calculatedImageHeight <= 400;
35669
- var hasDescription = linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og2 = linkMetadata.og) === null || _linkMetadata$og2 === void 0 ? void 0 : _linkMetadata$og2.description;
35670
- var hasFavicon = (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogShowFavicon) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.faviconLoaded) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og3 = linkMetadata.og) === null || _linkMetadata$og3 === void 0 ? void 0 : (_linkMetadata$og3$fav = _linkMetadata$og3.favicon) === null || _linkMetadata$og3$fav === void 0 ? void 0 : _linkMetadata$og3$fav.url);
35745
+ var hasDescription = !isDescriptionOnlySymbol(linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og2 = linkMetadata.og) === null || _linkMetadata$og2 === void 0 ? void 0 : _linkMetadata$og2.description) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og3 = linkMetadata.og) === null || _linkMetadata$og3 === void 0 ? void 0 : (_linkMetadata$og3$des = _linkMetadata$og3.description) === null || _linkMetadata$og3$des === void 0 ? void 0 : _linkMetadata$og3$des.trim());
35746
+ var hasFavicon = (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogShowFavicon) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.faviconLoaded) && (linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og4 = linkMetadata.og) === null || _linkMetadata$og4 === void 0 ? void 0 : (_linkMetadata$og4$fav = _linkMetadata$og4.favicon) === null || _linkMetadata$og4$fav === void 0 ? void 0 : _linkMetadata$og4$fav.url);
35747
+ if (!hasDescription) {
35748
+ return undefined;
35749
+ }
35671
35750
  if (showImage) {
35672
35751
  return 400;
35673
35752
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.7-beta.5",
3
+ "version": "1.7.7-beta.7",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",