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