sceyt-chat-react-uikit 1.7.7-beta.4 → 1.7.7-beta.6

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 +68 -38
  3. package/index.modern.js +68 -38
  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
@@ -19244,6 +19244,7 @@ function sendTextMessage(action) {
19244
19244
  }
19245
19245
  messageToSend = messageBuilder.create();
19246
19246
  pendingMessage = JSON.parse(JSON.stringify(_extends({}, messageToSend, {
19247
+ attachments: message === null || message === void 0 ? void 0 : message.attachments,
19247
19248
  createdAt: new Date(Date.now()),
19248
19249
  mentionedUsers: message.mentionedUsers,
19249
19250
  parentMessage: message.parentMessage
@@ -34848,6 +34849,12 @@ var PollMessage = function PollMessage(_ref) {
34848
34849
  var handleViewResults = function handleViewResults() {
34849
34850
  return setShowResults(true);
34850
34851
  };
34852
+ var handleResultsClick = function handleResultsClick(e) {
34853
+ e.stopPropagation();
34854
+ if (isHaveResults && !poll.anonymous) {
34855
+ handleViewResults();
34856
+ }
34857
+ };
34851
34858
  return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
34852
34859
  color: textPrimary
34853
34860
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
@@ -34886,7 +34893,10 @@ var PollMessage = function PollMessage(_ref) {
34886
34893
  border: borderSecondary
34887
34894
  }))), /*#__PURE__*/React__default.createElement(Title$2, {
34888
34895
  color: textPrimary
34889
- }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, null, optionVotesUsers.map(function (vote) {
34896
+ }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, {
34897
+ onClick: handleResultsClick,
34898
+ cursor: poll.anonymous ? 'default' : 'pointer'
34899
+ }, optionVotesUsers.map(function (vote) {
34890
34900
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
34891
34901
  return /*#__PURE__*/React__default.createElement(Avatar, {
34892
34902
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
@@ -34899,7 +34909,9 @@ var PollMessage = function PollMessage(_ref) {
34899
34909
  border: "2px solid " + (message.incoming ? incomingMessageBackground : outgoingMessageBackground)
34900
34910
  });
34901
34911
  }))), /*#__PURE__*/React__default.createElement(Votes, {
34902
- color: textPrimary
34912
+ color: textPrimary,
34913
+ onClick: handleResultsClick,
34914
+ cursor: poll.anonymous ? 'default' : 'pointer'
34903
34915
  }, votes)), /*#__PURE__*/React__default.createElement(Bar$1, {
34904
34916
  track: borderSecondary,
34905
34917
  closed: poll.closed
@@ -34915,7 +34927,7 @@ var PollMessage = function PollMessage(_ref) {
34915
34927
  color: isHaveResults ? accent : textSecondary,
34916
34928
  disabledOpacity: 0.8,
34917
34929
  borderRadius: '14px',
34918
- onClick: isHaveResults ? handleViewResults : undefined,
34930
+ onClick: handleViewResults,
34919
34931
  style: {
34920
34932
  width: '100%',
34921
34933
  marginTop: 10
@@ -34957,8 +34969,10 @@ var StyledCheck = styled__default(SvgFilledCheckbox)(_templateObject9$d || (_tem
34957
34969
  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) {
34958
34970
  return p.color;
34959
34971
  });
34960
- 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) {
34972
+ 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) {
34961
34973
  return p.color;
34974
+ }, function (p) {
34975
+ return p.cursor;
34962
34976
  });
34963
34977
  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) {
34964
34978
  return p.closed ? '100%' : "calc(100% - 28px)";
@@ -34966,7 +34980,9 @@ var Bar$1 = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _t
34966
34980
  return p.track;
34967
34981
  });
34968
34982
  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"])));
34969
- 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"])));
34983
+ 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) {
34984
+ return p.cursor;
34985
+ });
34970
34986
 
34971
34987
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
34972
34988
  var validateUrl = function validateUrl(url) {
@@ -34978,11 +34994,12 @@ var validateUrl = function validateUrl(url) {
34978
34994
  }
34979
34995
  };
34980
34996
  var isDescriptionOnlySymbol = function isDescriptionOnlySymbol(description) {
34997
+ if (!description) return true;
34981
34998
  var trimmed = description === null || description === void 0 ? void 0 : description.trim();
34982
34999
  return !!trimmed && !/[a-zA-Z0-9]/.test(trimmed);
34983
35000
  };
34984
35001
  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;
35002
+ 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
35003
  var attachments = _ref.attachments,
34987
35004
  state = _ref.state,
34988
35005
  incoming = _ref.incoming,
@@ -35036,12 +35053,7 @@ var OGMetadata = function OGMetadata(_ref) {
35036
35053
  });
35037
35054
  }, [attachments]);
35038
35055
  var metadata = React.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;
35056
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35045
35057
  }, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35046
35058
  var _useState2 = React.useState(false),
35047
35059
  imageLoadError = _useState2[0],
@@ -35066,9 +35078,9 @@ var OGMetadata = function OGMetadata(_ref) {
35066
35078
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
35067
35079
  return Promise.resolve(queryBuilder.build()).then(function (query) {
35068
35080
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
35069
- var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
35081
+ var _metadata$og, _metadata$og$image, _metadata$og$image$;
35070
35082
  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;
35083
+ 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
35084
  var _temp = function () {
35073
35085
  if (image.src) {
35074
35086
  image.onload = function () {
@@ -35090,10 +35102,10 @@ var OGMetadata = function OGMetadata(_ref) {
35090
35102
  };
35091
35103
  image.onerror = function () {
35092
35104
  try {
35093
- var _metadata$og4, _metadata$og4$favicon;
35105
+ var _metadata$og2, _metadata$og2$favicon;
35094
35106
  setImageLoadError(true);
35095
35107
  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;
35108
+ 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
35109
  if (favicon.src) {
35098
35110
  favicon.onload = function () {
35099
35111
  try {
@@ -35185,10 +35197,22 @@ var OGMetadata = function OGMetadata(_ref) {
35185
35197
  }
35186
35198
  return url;
35187
35199
  }, [attachment]);
35200
+ var shouldShowTitle = React.useMemo(function () {
35201
+ var _metadata$og3, _metadata$og4;
35202
+ 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);
35203
+ }, [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]);
35204
+ var shouldShowDescription = React.useMemo(function () {
35205
+ var _metadata$og7, _metadata$og8;
35206
+ 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);
35207
+ }, [ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.description]);
35188
35208
  var showOGMetadata = React.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]);
35209
+ var _metadata$og0, _metadata$og1, _metadata$og10, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _metadata$og12, _metadata$og12$favico;
35210
+ var descriptionIsSymbol = isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : _metadata$og0.description);
35211
+ if (descriptionIsSymbol) {
35212
+ return false;
35213
+ }
35214
+ 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;
35215
+ }, [state, metadata, shouldShowTitle, shouldShowDescription]);
35192
35216
  var calculatedImageHeight = React.useMemo(function () {
35193
35217
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
35194
35218
  return 0;
@@ -35196,13 +35220,13 @@ var OGMetadata = function OGMetadata(_ref) {
35196
35220
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
35197
35221
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
35198
35222
  var hasImage = React.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]);
35223
+ var _metadata$og13, _metadata$og13$image, _metadata$og13$image$;
35224
+ 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;
35225
+ }, [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
35226
  var faviconUrl = React.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]);
35227
+ var _metadata$og15, _metadata$og15$favico;
35228
+ 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 : '';
35229
+ }, [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
35230
  var resolvedOrder = React.useMemo(function () {
35207
35231
  return order || {
35208
35232
  image: 1,
@@ -35218,15 +35242,15 @@ var OGMetadata = function OGMetadata(_ref) {
35218
35242
  }, [hasImage, calculatedImageHeight]);
35219
35243
  React.useEffect(function () {
35220
35244
  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) {
35245
+ if (showOGMetadata && oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35222
35246
  metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, showImage, metadata);
35223
35247
  } else {
35224
35248
  metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
35225
35249
  }
35226
35250
  }
35227
- }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
35251
+ }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage, metadataGetSuccessCallback]);
35228
35252
  var elements = React.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;
35253
+ 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
35254
  return [showImage ? {
35231
35255
  key: 'image',
35232
35256
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -35238,28 +35262,28 @@ var OGMetadata = function OGMetadata(_ref) {
35238
35262
  maxWidth: maxWidth,
35239
35263
  maxHeight: maxHeight || calculatedImageHeight
35240
35264
  }, /*#__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,
35265
+ 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
35266
  alt: 'OG image',
35243
35267
  shouldAnimate: shouldAnimate
35244
35268
  })))
35245
35269
  } : null, {
35246
35270
  key: 'title',
35247
35271
  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, {
35272
+ render: shouldShowTitle && (/*#__PURE__*/React__default.createElement(Title$3, {
35249
35273
  maxWidth: maxWidth,
35250
35274
  shouldAnimate: shouldAnimate,
35251
35275
  padding: infoPadding,
35252
35276
  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())))
35277
+ }, /*#__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
35278
  }, {
35255
35279
  key: 'description',
35256
35280
  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, {
35281
+ render: shouldShowDescription && (/*#__PURE__*/React__default.createElement(Desc, {
35258
35282
  maxWidth: maxWidth,
35259
35283
  shouldAnimate: shouldAnimate,
35260
35284
  color: textSecondary,
35261
35285
  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()))
35286
+ }, 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
35287
  }, {
35264
35288
  key: 'link',
35265
35289
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -35274,7 +35298,7 @@ var OGMetadata = function OGMetadata(_ref) {
35274
35298
  var _a$order, _b$order;
35275
35299
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
35276
35300
  });
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]);
35301
+ }, [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
35302
  var textContent = React.useMemo(function () {
35279
35303
  return /*#__PURE__*/React__default.createElement(OGText, {
35280
35304
  shouldAnimate: shouldAnimate,
@@ -35309,6 +35333,9 @@ var OGMetadata = function OGMetadata(_ref) {
35309
35333
  dispatch(getChannelByInviteKeyAC(key));
35310
35334
  }
35311
35335
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35336
+ if (!showOGMetadata) {
35337
+ return null;
35338
+ }
35312
35339
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, Object.assign({
35313
35340
  showOGMetadata: !!showOGMetadata,
35314
35341
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
@@ -35656,8 +35683,8 @@ var MessageBody = function MessageBody(_ref) {
35656
35683
  return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[linkAttachment.url]) || null;
35657
35684
  }, [oGMetadata, linkAttachment === null || linkAttachment === void 0 ? void 0 : linkAttachment.url]);
35658
35685
  var ogMetadataContainerWidth = React.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;
35686
+ var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$des, _linkMetadata$og4, _linkMetadata$og4$fav;
35687
+ if (!linkMetadata || !linkAttachment) return undefined;
35661
35688
  if (hasLongLinkAttachmentUrl) {
35662
35689
  return 400;
35663
35690
  }
@@ -35666,8 +35693,11 @@ var MessageBody = function MessageBody(_ref) {
35666
35693
  var imageHeight = linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.imageHeight;
35667
35694
  var calculatedImageHeight = imageWidth && imageHeight ? imageHeight / (imageWidth / ((ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400)) : 0;
35668
35695
  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);
35696
+ 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());
35697
+ 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);
35698
+ if (!hasDescription) {
35699
+ return undefined;
35700
+ }
35671
35701
  if (showImage) {
35672
35702
  return 400;
35673
35703
  }
package/index.modern.js CHANGED
@@ -19243,6 +19243,7 @@ function sendTextMessage(action) {
19243
19243
  }
19244
19244
  messageToSend = messageBuilder.create();
19245
19245
  pendingMessage = JSON.parse(JSON.stringify(_extends({}, messageToSend, {
19246
+ attachments: message === null || message === void 0 ? void 0 : message.attachments,
19246
19247
  createdAt: new Date(Date.now()),
19247
19248
  mentionedUsers: message.mentionedUsers,
19248
19249
  parentMessage: message.parentMessage
@@ -34847,6 +34848,12 @@ var PollMessage = function PollMessage(_ref) {
34847
34848
  var handleViewResults = function handleViewResults() {
34848
34849
  return setShowResults(true);
34849
34850
  };
34851
+ var handleResultsClick = function handleResultsClick(e) {
34852
+ e.stopPropagation();
34853
+ if (isHaveResults && !poll.anonymous) {
34854
+ handleViewResults();
34855
+ }
34856
+ };
34850
34857
  return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
34851
34858
  color: textPrimary
34852
34859
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
@@ -34885,7 +34892,10 @@ var PollMessage = function PollMessage(_ref) {
34885
34892
  border: borderSecondary
34886
34893
  }))), /*#__PURE__*/React__default.createElement(Title$2, {
34887
34894
  color: textPrimary
34888
- }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, null, optionVotesUsers.map(function (vote) {
34895
+ }, opt.name), poll.anonymous ? null : (/*#__PURE__*/React__default.createElement(UsersContainer, {
34896
+ onClick: handleResultsClick,
34897
+ cursor: poll.anonymous ? 'default' : 'pointer'
34898
+ }, optionVotesUsers.map(function (vote) {
34889
34899
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
34890
34900
  return /*#__PURE__*/React__default.createElement(Avatar, {
34891
34901
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
@@ -34898,7 +34908,9 @@ var PollMessage = function PollMessage(_ref) {
34898
34908
  border: "2px solid " + (message.incoming ? incomingMessageBackground : outgoingMessageBackground)
34899
34909
  });
34900
34910
  }))), /*#__PURE__*/React__default.createElement(Votes, {
34901
- color: textPrimary
34911
+ color: textPrimary,
34912
+ onClick: handleResultsClick,
34913
+ cursor: poll.anonymous ? 'default' : 'pointer'
34902
34914
  }, votes)), /*#__PURE__*/React__default.createElement(Bar$1, {
34903
34915
  track: borderSecondary,
34904
34916
  closed: poll.closed
@@ -34914,7 +34926,7 @@ var PollMessage = function PollMessage(_ref) {
34914
34926
  color: isHaveResults ? accent : textSecondary,
34915
34927
  disabledOpacity: 0.8,
34916
34928
  borderRadius: '14px',
34917
- onClick: isHaveResults ? handleViewResults : undefined,
34929
+ onClick: handleViewResults,
34918
34930
  style: {
34919
34931
  width: '100%',
34920
34932
  marginTop: 10
@@ -34956,8 +34968,10 @@ var StyledCheck = styled(SvgFilledCheckbox)(_templateObject9$d || (_templateObje
34956
34968
  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) {
34957
34969
  return p.color;
34958
34970
  });
34959
- 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) {
34971
+ 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) {
34960
34972
  return p.color;
34973
+ }, function (p) {
34974
+ return p.cursor;
34961
34975
  });
34962
34976
  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) {
34963
34977
  return p.closed ? '100%' : "calc(100% - 28px)";
@@ -34965,7 +34979,9 @@ var Bar$1 = styled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemp
34965
34979
  return p.track;
34966
34980
  });
34967
34981
  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"])));
34968
- 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"])));
34982
+ 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) {
34983
+ return p.cursor;
34984
+ });
34969
34985
 
34970
34986
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
34971
34987
  var validateUrl = function validateUrl(url) {
@@ -34977,11 +34993,12 @@ var validateUrl = function validateUrl(url) {
34977
34993
  }
34978
34994
  };
34979
34995
  var isDescriptionOnlySymbol = function isDescriptionOnlySymbol(description) {
34996
+ if (!description) return true;
34980
34997
  var trimmed = description === null || description === void 0 ? void 0 : description.trim();
34981
34998
  return !!trimmed && !/[a-zA-Z0-9]/.test(trimmed);
34982
34999
  };
34983
35000
  var OGMetadata = function OGMetadata(_ref) {
34984
- var _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _metadata$og10, _metadata$og10$favico, _metadata$og18, _metadata$og19, _metadata$og20;
35001
+ 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;
34985
35002
  var attachments = _ref.attachments,
34986
35003
  state = _ref.state,
34987
35004
  incoming = _ref.incoming,
@@ -35035,12 +35052,7 @@ var OGMetadata = function OGMetadata(_ref) {
35035
35052
  });
35036
35053
  }, [attachments]);
35037
35054
  var metadata = useMemo(function () {
35038
- var _metadata$og, _metadata$og2;
35039
- var metadata = (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35040
- 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) {
35041
- return metadata;
35042
- }
35043
- return null;
35055
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
35044
35056
  }, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35045
35057
  var _useState2 = useState(false),
35046
35058
  imageLoadError = _useState2[0],
@@ -35065,9 +35077,9 @@ var OGMetadata = function OGMetadata(_ref) {
35065
35077
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
35066
35078
  return Promise.resolve(queryBuilder.build()).then(function (query) {
35067
35079
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
35068
- var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
35080
+ var _metadata$og, _metadata$og$image, _metadata$og$image$;
35069
35081
  var image = new Image();
35070
- 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;
35082
+ 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;
35071
35083
  var _temp = function () {
35072
35084
  if (image.src) {
35073
35085
  image.onload = function () {
@@ -35089,10 +35101,10 @@ var OGMetadata = function OGMetadata(_ref) {
35089
35101
  };
35090
35102
  image.onerror = function () {
35091
35103
  try {
35092
- var _metadata$og4, _metadata$og4$favicon;
35104
+ var _metadata$og2, _metadata$og2$favicon;
35093
35105
  setImageLoadError(true);
35094
35106
  var favicon = new Image();
35095
- 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;
35107
+ 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;
35096
35108
  if (favicon.src) {
35097
35109
  favicon.onload = function () {
35098
35110
  try {
@@ -35184,10 +35196,22 @@ var OGMetadata = function OGMetadata(_ref) {
35184
35196
  }
35185
35197
  return url;
35186
35198
  }, [attachment]);
35199
+ var shouldShowTitle = useMemo(function () {
35200
+ var _metadata$og3, _metadata$og4;
35201
+ 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);
35202
+ }, [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]);
35203
+ var shouldShowDescription = useMemo(function () {
35204
+ var _metadata$og7, _metadata$og8;
35205
+ 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);
35206
+ }, [ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.description]);
35187
35207
  var showOGMetadata = useMemo(function () {
35188
- var _metadata$og5, _metadata$og6, _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og8, _metadata$og8$favicon;
35189
- 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;
35190
- }, [state, metadata]);
35208
+ var _metadata$og0, _metadata$og1, _metadata$og10, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _metadata$og12, _metadata$og12$favico;
35209
+ var descriptionIsSymbol = isDescriptionOnlySymbol(metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : _metadata$og0.description);
35210
+ if (descriptionIsSymbol) {
35211
+ return false;
35212
+ }
35213
+ 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;
35214
+ }, [state, metadata, shouldShowTitle, shouldShowDescription]);
35191
35215
  var calculatedImageHeight = useMemo(function () {
35192
35216
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
35193
35217
  return 0;
@@ -35195,13 +35219,13 @@ var OGMetadata = function OGMetadata(_ref) {
35195
35219
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
35196
35220
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
35197
35221
  var hasImage = useMemo(function () {
35198
- var _metadata$og9, _metadata$og9$image, _metadata$og9$image$;
35199
- 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;
35200
- }, [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]);
35222
+ var _metadata$og13, _metadata$og13$image, _metadata$og13$image$;
35223
+ 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;
35224
+ }, [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]);
35201
35225
  var faviconUrl = useMemo(function () {
35202
- var _metadata$og1, _metadata$og1$favicon;
35203
- 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 : '';
35204
- }, [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]);
35226
+ var _metadata$og15, _metadata$og15$favico;
35227
+ 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 : '';
35228
+ }, [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]);
35205
35229
  var resolvedOrder = useMemo(function () {
35206
35230
  return order || {
35207
35231
  image: 1,
@@ -35217,15 +35241,15 @@ var OGMetadata = function OGMetadata(_ref) {
35217
35241
  }, [hasImage, calculatedImageHeight]);
35218
35242
  useEffect(function () {
35219
35243
  if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
35220
- if (oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35244
+ if (showOGMetadata && oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] && metadataGetSuccessCallback && metadata) {
35221
35245
  metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, showImage, metadata);
35222
35246
  } else {
35223
35247
  metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
35224
35248
  }
35225
35249
  }
35226
- }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
35250
+ }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage, metadataGetSuccessCallback]);
35227
35251
  var elements = useMemo(function () {
35228
- 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;
35252
+ 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;
35229
35253
  return [showImage ? {
35230
35254
  key: 'image',
35231
35255
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -35237,28 +35261,28 @@ var OGMetadata = function OGMetadata(_ref) {
35237
35261
  maxWidth: maxWidth,
35238
35262
  maxHeight: maxHeight || calculatedImageHeight
35239
35263
  }, /*#__PURE__*/React__default.createElement(Img, {
35240
- 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,
35264
+ 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,
35241
35265
  alt: 'OG image',
35242
35266
  shouldAnimate: shouldAnimate
35243
35267
  })))
35244
35268
  } : null, {
35245
35269
  key: 'title',
35246
35270
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
35247
- 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, {
35271
+ render: shouldShowTitle && (/*#__PURE__*/React__default.createElement(Title$3, {
35248
35272
  maxWidth: maxWidth,
35249
35273
  shouldAnimate: shouldAnimate,
35250
35274
  padding: infoPadding,
35251
35275
  color: textPrimary
35252
- }, /*#__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())))
35276
+ }, /*#__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())))
35253
35277
  }, {
35254
35278
  key: 'description',
35255
35279
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
35256
- 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, {
35280
+ render: shouldShowDescription && (/*#__PURE__*/React__default.createElement(Desc, {
35257
35281
  maxWidth: maxWidth,
35258
35282
  shouldAnimate: shouldAnimate,
35259
35283
  color: textSecondary,
35260
35284
  padding: infoPadding
35261
- }, 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()))
35285
+ }, 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()))
35262
35286
  }, {
35263
35287
  key: 'link',
35264
35288
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -35273,7 +35297,7 @@ var OGMetadata = function OGMetadata(_ref) {
35273
35297
  var _a$order, _b$order;
35274
35298
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
35275
35299
  });
35276
- }, [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]);
35300
+ }, [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]);
35277
35301
  var textContent = useMemo(function () {
35278
35302
  return /*#__PURE__*/React__default.createElement(OGText, {
35279
35303
  shouldAnimate: shouldAnimate,
@@ -35308,6 +35332,9 @@ var OGMetadata = function OGMetadata(_ref) {
35308
35332
  dispatch(getChannelByInviteKeyAC(key));
35309
35333
  }
35310
35334
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
35335
+ if (!showOGMetadata) {
35336
+ return null;
35337
+ }
35311
35338
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, Object.assign({
35312
35339
  showOGMetadata: !!showOGMetadata,
35313
35340
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
@@ -35655,8 +35682,8 @@ var MessageBody = function MessageBody(_ref) {
35655
35682
  return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[linkAttachment.url]) || null;
35656
35683
  }, [oGMetadata, linkAttachment === null || linkAttachment === void 0 ? void 0 : linkAttachment.url]);
35657
35684
  var ogMetadataContainerWidth = useMemo(function () {
35658
- var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$fav;
35659
- if (!linkMetadata || !linkAttachment) return (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400;
35685
+ var _linkMetadata$og, _linkMetadata$og$imag, _linkMetadata$og$imag2, _linkMetadata$og2, _linkMetadata$og3, _linkMetadata$og3$des, _linkMetadata$og4, _linkMetadata$og4$fav;
35686
+ if (!linkMetadata || !linkAttachment) return undefined;
35660
35687
  if (hasLongLinkAttachmentUrl) {
35661
35688
  return 400;
35662
35689
  }
@@ -35665,8 +35692,11 @@ var MessageBody = function MessageBody(_ref) {
35665
35692
  var imageHeight = linkMetadata === null || linkMetadata === void 0 ? void 0 : linkMetadata.imageHeight;
35666
35693
  var calculatedImageHeight = imageWidth && imageHeight ? imageHeight / (imageWidth / ((ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400)) : 0;
35667
35694
  var showImage = hasImage && calculatedImageHeight >= 180 && calculatedImageHeight <= 400;
35668
- var hasDescription = linkMetadata === null || linkMetadata === void 0 ? void 0 : (_linkMetadata$og2 = linkMetadata.og) === null || _linkMetadata$og2 === void 0 ? void 0 : _linkMetadata$og2.description;
35669
- 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);
35695
+ 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());
35696
+ 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);
35697
+ if (!hasDescription) {
35698
+ return undefined;
35699
+ }
35670
35700
  if (showImage) {
35671
35701
  return 400;
35672
35702
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.7-beta.4",
3
+ "version": "1.7.7-beta.6",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",