sceyt-chat-react-uikit 1.8.9-beta.3 → 1.8.9-beta.4
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.
- package/index.js +39 -14
- package/index.modern.js +39 -14
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -51002,6 +51002,9 @@ var getReplyLinkPreviewImage = function getReplyLinkPreviewImage(attachments) {
|
|
|
51002
51002
|
var imageUrl = compactMeta.iur || null;
|
|
51003
51003
|
return !(compactMeta !== null && compactMeta !== void 0 && compactMeta.hld) ? imageUrl : null;
|
|
51004
51004
|
};
|
|
51005
|
+
var shouldShowLinkPreviewErrorFallback = function shouldShowLinkPreviewErrorFallback(imageUrl, imageFailed) {
|
|
51006
|
+
return Boolean(imageUrl && imageFailed);
|
|
51007
|
+
};
|
|
51005
51008
|
|
|
51006
51009
|
var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
|
|
51007
51010
|
|
|
@@ -52489,7 +52492,7 @@ function onError(error) {
|
|
|
52489
52492
|
var prevActiveChannelId;
|
|
52490
52493
|
var attachmentsUpdate = [];
|
|
52491
52494
|
var SendMessageInput = function SendMessageInput(_ref3) {
|
|
52492
|
-
var _linkPreview$metadata9, _linkPreview$metadata0, _linkPreview$metadata1, _linkPreview$metadata10, _linkPreview$metadata11, _linkPreview$metadata12, _linkPreview$metadata13, _linkPreview$metadata14, _linkPreview$metadata15, _linkPreview$metadata16, _linkPreview$metadata17, _linkPreview$metadata18, _pollOptions$choosePo, _getAudioRecordingFro2;
|
|
52495
|
+
var _linkPreview$metadata9, _linkPreview$metadata0, _linkPreview$metadata1, _linkPreview$metadata10, _linkPreview$metadata11, _linkPreview$metadata12, _linkPreview$metadata13, _linkPreview$metadata14, _linkPreview$metadata15, _linkPreview$metadata16, _linkPreview$metadata17, _linkPreview$metadata18, _linkPreview$metadata19, _linkPreview$metadata20, _linkPreview$metadata21, _pollOptions$choosePo, _getAudioRecordingFro2;
|
|
52493
52496
|
var handleAttachmentSelected = _ref3.handleAttachmentSelected,
|
|
52494
52497
|
handleSendMessage = _ref3.handleSendMessage,
|
|
52495
52498
|
_ref3$disabled = _ref3.disabled,
|
|
@@ -52739,11 +52742,23 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
52739
52742
|
var _useState35 = React.useState(false),
|
|
52740
52743
|
isClosingPreview = _useState35[0],
|
|
52741
52744
|
setIsClosingPreview = _useState35[1];
|
|
52745
|
+
var _useState36 = React.useState(false),
|
|
52746
|
+
replyLinkPreviewImageFailed = _useState36[0],
|
|
52747
|
+
setReplyLinkPreviewImageFailed = _useState36[1];
|
|
52748
|
+
var _useState37 = React.useState(false),
|
|
52749
|
+
linkPreviewImageFailed = _useState37[0],
|
|
52750
|
+
setLinkPreviewImageFailed = _useState37[1];
|
|
52742
52751
|
var addAttachmentByMenu = showChooseFileAttachment && showChooseMediaAttachment;
|
|
52743
52752
|
var linkify = new LinkifyIt();
|
|
52744
52753
|
var oGMetadata = useSelector(function (state) {
|
|
52745
52754
|
return state.MessageReducer.oGMetadata;
|
|
52746
52755
|
});
|
|
52756
|
+
React.useEffect(function () {
|
|
52757
|
+
setReplyLinkPreviewImageFailed(false);
|
|
52758
|
+
}, [messageForReply === null || messageForReply === void 0 ? void 0 : messageForReply.id, messageForReply === null || messageForReply === void 0 ? void 0 : messageForReply.tid]);
|
|
52759
|
+
React.useEffect(function () {
|
|
52760
|
+
setLinkPreviewImageFailed(false);
|
|
52761
|
+
}, [linkPreview === null || linkPreview === void 0 ? void 0 : linkPreview.url]);
|
|
52747
52762
|
var closePreviewWithAnimation = function closePreviewWithAnimation(callback) {
|
|
52748
52763
|
if (linkPreview) {
|
|
52749
52764
|
setIsClosingPreview(true);
|
|
@@ -53945,6 +53960,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
53945
53960
|
}, 301);
|
|
53946
53961
|
}
|
|
53947
53962
|
}, [showLinkPreview]);
|
|
53963
|
+
console.log(replyLinkPreviewImageFailed);
|
|
53948
53964
|
return /*#__PURE__*/React__default.createElement(SendMessageWrapper, {
|
|
53949
53965
|
ref: sendMessageWrapperRef,
|
|
53950
53966
|
backgroundColor: backgroundColor || background
|
|
@@ -54062,19 +54078,22 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54062
54078
|
attachment: messageForReply.attachments[0],
|
|
54063
54079
|
backgroundColor: selectedFileAttachmentsBoxBackground || '',
|
|
54064
54080
|
isRepliedMessage: true
|
|
54065
|
-
})) :
|
|
54081
|
+
})) : messageForReply.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(ReplyIconWrapper, {
|
|
54082
|
+
backgroundColor: accentColor,
|
|
54083
|
+
iconColor: textOnPrimary
|
|
54084
|
+
}, /*#__PURE__*/React__default.createElement(SvgChoseFile, null))) : getReplyLinkPreviewImage(messageForReply.attachments) && !shouldShowLinkPreviewErrorFallback(getReplyLinkPreviewImage(messageForReply.attachments), replyLinkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54066
54085
|
bg: background,
|
|
54067
54086
|
src: getReplyLinkPreviewImage(messageForReply.attachments),
|
|
54068
|
-
alt: 'Link preview'
|
|
54069
|
-
|
|
54087
|
+
alt: 'Link preview',
|
|
54088
|
+
onError: function onError() {
|
|
54089
|
+
return setReplyLinkPreviewImageFailed(true);
|
|
54090
|
+
}
|
|
54091
|
+
})) : messageForReply.attachments[0].type === attachmentTypes.link && (/*#__PURE__*/React__default.createElement(LinkPreviewIconWrapper, {
|
|
54070
54092
|
bg: background
|
|
54071
54093
|
}, /*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54072
54094
|
color: accentColor,
|
|
54073
54095
|
bg: background
|
|
54074
|
-
})))
|
|
54075
|
-
backgroundColor: accentColor,
|
|
54076
|
-
iconColor: textOnPrimary
|
|
54077
|
-
}, /*#__PURE__*/React__default.createElement(SvgChoseFile, null)))), /*#__PURE__*/React__default.createElement(ReplyMessageBody$1, {
|
|
54096
|
+
})))), /*#__PURE__*/React__default.createElement(ReplyMessageBody$1, {
|
|
54078
54097
|
linkColor: accentColor
|
|
54079
54098
|
}, /*#__PURE__*/React__default.createElement(EditReplyMessageHeader, {
|
|
54080
54099
|
color: accentColor
|
|
@@ -54130,7 +54149,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54130
54149
|
}, /*#__PURE__*/React__default.createElement(CloseEditMode, {
|
|
54131
54150
|
color: textSecondary,
|
|
54132
54151
|
onClick: handleRemoveLinkPreview
|
|
54133
|
-
}, /*#__PURE__*/React__default.createElement(SvgClose, null)), /*#__PURE__*/React__default.createElement(LinkPreviewContent, null, (_linkPreview$metadata9 = linkPreview.metadata.og) !== null && _linkPreview$metadata9 !== void 0 && (_linkPreview$metadata0 = _linkPreview$metadata9.image) !== null && _linkPreview$metadata0 !== void 0 && (_linkPreview$metadata1 = _linkPreview$metadata0[0]) !== null && _linkPreview$metadata1 !== void 0 && _linkPreview$metadata1.url ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54152
|
+
}, /*#__PURE__*/React__default.createElement(SvgClose, null)), /*#__PURE__*/React__default.createElement(LinkPreviewContent, null, (_linkPreview$metadata9 = linkPreview.metadata.og) !== null && _linkPreview$metadata9 !== void 0 && (_linkPreview$metadata0 = _linkPreview$metadata9.image) !== null && _linkPreview$metadata0 !== void 0 && (_linkPreview$metadata1 = _linkPreview$metadata0[0]) !== null && _linkPreview$metadata1 !== void 0 && _linkPreview$metadata1.url && !shouldShowLinkPreviewErrorFallback(linkPreview.metadata.og.image[0].url, linkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54134
54153
|
onLoad: function onLoad(e) {
|
|
54135
54154
|
var _e$target, _e$target2;
|
|
54136
54155
|
if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.naturalHeight && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.naturalWidth) {
|
|
@@ -54141,18 +54160,24 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54141
54160
|
}
|
|
54142
54161
|
},
|
|
54143
54162
|
src: linkPreview.metadata.og.image[0].url,
|
|
54144
|
-
alt: 'Link preview'
|
|
54145
|
-
|
|
54163
|
+
alt: 'Link preview',
|
|
54164
|
+
onError: function onError() {
|
|
54165
|
+
return setLinkPreviewImageFailed(true);
|
|
54166
|
+
}
|
|
54167
|
+
})) : shouldShowLinkPreviewErrorFallback((_linkPreview$metadata10 = linkPreview.metadata.og) === null || _linkPreview$metadata10 === void 0 ? void 0 : (_linkPreview$metadata11 = _linkPreview$metadata10.image) === null || _linkPreview$metadata11 === void 0 ? void 0 : (_linkPreview$metadata12 = _linkPreview$metadata11[0]) === null || _linkPreview$metadata12 === void 0 ? void 0 : _linkPreview$metadata12.url, linkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54168
|
+
color: accentColor,
|
|
54169
|
+
bg: background
|
|
54170
|
+
})) : (_linkPreview$metadata13 = linkPreview.metadata.og) !== null && _linkPreview$metadata13 !== void 0 && (_linkPreview$metadata14 = _linkPreview$metadata13.favicon) !== null && _linkPreview$metadata14 !== void 0 && _linkPreview$metadata14.url ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54146
54171
|
src: linkPreview.metadata.og.favicon.url,
|
|
54147
54172
|
alt: 'Favicon'
|
|
54148
54173
|
})) : (/*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54149
54174
|
color: accentColor,
|
|
54150
54175
|
bg: background
|
|
54151
54176
|
})), /*#__PURE__*/React__default.createElement(LinkPreviewTextContent, {
|
|
54152
|
-
hasImage: !!((_linkPreview$
|
|
54153
|
-
}, ((_linkPreview$
|
|
54177
|
+
hasImage: !!((_linkPreview$metadata15 = linkPreview.metadata.og) !== null && _linkPreview$metadata15 !== void 0 && (_linkPreview$metadata16 = _linkPreview$metadata15.image) !== null && _linkPreview$metadata16 !== void 0 && (_linkPreview$metadata17 = _linkPreview$metadata16[0]) !== null && _linkPreview$metadata17 !== void 0 && _linkPreview$metadata17.url) || !!((_linkPreview$metadata18 = linkPreview.metadata.og) !== null && _linkPreview$metadata18 !== void 0 && (_linkPreview$metadata19 = _linkPreview$metadata18.favicon) !== null && _linkPreview$metadata19 !== void 0 && _linkPreview$metadata19.url)
|
|
54178
|
+
}, ((_linkPreview$metadata20 = linkPreview.metadata.og) === null || _linkPreview$metadata20 === void 0 ? void 0 : _linkPreview$metadata20.title) && (/*#__PURE__*/React__default.createElement(LinkPreviewTitle, {
|
|
54154
54179
|
color: accentColor
|
|
54155
|
-
}, linkPreview.metadata.og.title)), ((_linkPreview$
|
|
54180
|
+
}, linkPreview.metadata.og.title)), ((_linkPreview$metadata21 = linkPreview.metadata.og) === null || _linkPreview$metadata21 === void 0 ? void 0 : _linkPreview$metadata21.description) && (/*#__PURE__*/React__default.createElement(LinkPreviewDescription, {
|
|
54156
54181
|
color: textPrimary
|
|
54157
54182
|
}, linkPreview.metadata.og.description)))))), !!attachments.length && !sendAttachmentSeparately && (/*#__PURE__*/React__default.createElement(ChosenAttachments, null, [].concat(attachments).map(function (attachment) {
|
|
54158
54183
|
return /*#__PURE__*/React__default.createElement("div", {
|
package/index.modern.js
CHANGED
|
@@ -50982,6 +50982,9 @@ var getReplyLinkPreviewImage = function getReplyLinkPreviewImage(attachments) {
|
|
|
50982
50982
|
var imageUrl = compactMeta.iur || null;
|
|
50983
50983
|
return !(compactMeta !== null && compactMeta !== void 0 && compactMeta.hld) ? imageUrl : null;
|
|
50984
50984
|
};
|
|
50985
|
+
var shouldShowLinkPreviewErrorFallback = function shouldShowLinkPreviewErrorFallback(imageUrl, imageFailed) {
|
|
50986
|
+
return Boolean(imageUrl && imageFailed);
|
|
50987
|
+
};
|
|
50985
50988
|
|
|
50986
50989
|
var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
|
|
50987
50990
|
|
|
@@ -52469,7 +52472,7 @@ function onError(error) {
|
|
|
52469
52472
|
var prevActiveChannelId;
|
|
52470
52473
|
var attachmentsUpdate = [];
|
|
52471
52474
|
var SendMessageInput = function SendMessageInput(_ref3) {
|
|
52472
|
-
var _linkPreview$metadata9, _linkPreview$metadata0, _linkPreview$metadata1, _linkPreview$metadata10, _linkPreview$metadata11, _linkPreview$metadata12, _linkPreview$metadata13, _linkPreview$metadata14, _linkPreview$metadata15, _linkPreview$metadata16, _linkPreview$metadata17, _linkPreview$metadata18, _pollOptions$choosePo, _getAudioRecordingFro2;
|
|
52475
|
+
var _linkPreview$metadata9, _linkPreview$metadata0, _linkPreview$metadata1, _linkPreview$metadata10, _linkPreview$metadata11, _linkPreview$metadata12, _linkPreview$metadata13, _linkPreview$metadata14, _linkPreview$metadata15, _linkPreview$metadata16, _linkPreview$metadata17, _linkPreview$metadata18, _linkPreview$metadata19, _linkPreview$metadata20, _linkPreview$metadata21, _pollOptions$choosePo, _getAudioRecordingFro2;
|
|
52473
52476
|
var handleAttachmentSelected = _ref3.handleAttachmentSelected,
|
|
52474
52477
|
handleSendMessage = _ref3.handleSendMessage,
|
|
52475
52478
|
_ref3$disabled = _ref3.disabled,
|
|
@@ -52719,11 +52722,23 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
52719
52722
|
var _useState35 = useState(false),
|
|
52720
52723
|
isClosingPreview = _useState35[0],
|
|
52721
52724
|
setIsClosingPreview = _useState35[1];
|
|
52725
|
+
var _useState36 = useState(false),
|
|
52726
|
+
replyLinkPreviewImageFailed = _useState36[0],
|
|
52727
|
+
setReplyLinkPreviewImageFailed = _useState36[1];
|
|
52728
|
+
var _useState37 = useState(false),
|
|
52729
|
+
linkPreviewImageFailed = _useState37[0],
|
|
52730
|
+
setLinkPreviewImageFailed = _useState37[1];
|
|
52722
52731
|
var addAttachmentByMenu = showChooseFileAttachment && showChooseMediaAttachment;
|
|
52723
52732
|
var linkify = new LinkifyIt();
|
|
52724
52733
|
var oGMetadata = useSelector(function (state) {
|
|
52725
52734
|
return state.MessageReducer.oGMetadata;
|
|
52726
52735
|
});
|
|
52736
|
+
useEffect(function () {
|
|
52737
|
+
setReplyLinkPreviewImageFailed(false);
|
|
52738
|
+
}, [messageForReply === null || messageForReply === void 0 ? void 0 : messageForReply.id, messageForReply === null || messageForReply === void 0 ? void 0 : messageForReply.tid]);
|
|
52739
|
+
useEffect(function () {
|
|
52740
|
+
setLinkPreviewImageFailed(false);
|
|
52741
|
+
}, [linkPreview === null || linkPreview === void 0 ? void 0 : linkPreview.url]);
|
|
52727
52742
|
var closePreviewWithAnimation = function closePreviewWithAnimation(callback) {
|
|
52728
52743
|
if (linkPreview) {
|
|
52729
52744
|
setIsClosingPreview(true);
|
|
@@ -53925,6 +53940,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
53925
53940
|
}, 301);
|
|
53926
53941
|
}
|
|
53927
53942
|
}, [showLinkPreview]);
|
|
53943
|
+
console.log(replyLinkPreviewImageFailed);
|
|
53928
53944
|
return /*#__PURE__*/React__default.createElement(SendMessageWrapper, {
|
|
53929
53945
|
ref: sendMessageWrapperRef,
|
|
53930
53946
|
backgroundColor: backgroundColor || background
|
|
@@ -54042,19 +54058,22 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54042
54058
|
attachment: messageForReply.attachments[0],
|
|
54043
54059
|
backgroundColor: selectedFileAttachmentsBoxBackground || '',
|
|
54044
54060
|
isRepliedMessage: true
|
|
54045
|
-
})) :
|
|
54061
|
+
})) : messageForReply.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(ReplyIconWrapper, {
|
|
54062
|
+
backgroundColor: accentColor,
|
|
54063
|
+
iconColor: textOnPrimary
|
|
54064
|
+
}, /*#__PURE__*/React__default.createElement(SvgChoseFile, null))) : getReplyLinkPreviewImage(messageForReply.attachments) && !shouldShowLinkPreviewErrorFallback(getReplyLinkPreviewImage(messageForReply.attachments), replyLinkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54046
54065
|
bg: background,
|
|
54047
54066
|
src: getReplyLinkPreviewImage(messageForReply.attachments),
|
|
54048
|
-
alt: 'Link preview'
|
|
54049
|
-
|
|
54067
|
+
alt: 'Link preview',
|
|
54068
|
+
onError: function onError() {
|
|
54069
|
+
return setReplyLinkPreviewImageFailed(true);
|
|
54070
|
+
}
|
|
54071
|
+
})) : messageForReply.attachments[0].type === attachmentTypes.link && (/*#__PURE__*/React__default.createElement(LinkPreviewIconWrapper, {
|
|
54050
54072
|
bg: background
|
|
54051
54073
|
}, /*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54052
54074
|
color: accentColor,
|
|
54053
54075
|
bg: background
|
|
54054
|
-
})))
|
|
54055
|
-
backgroundColor: accentColor,
|
|
54056
|
-
iconColor: textOnPrimary
|
|
54057
|
-
}, /*#__PURE__*/React__default.createElement(SvgChoseFile, null)))), /*#__PURE__*/React__default.createElement(ReplyMessageBody$1, {
|
|
54076
|
+
})))), /*#__PURE__*/React__default.createElement(ReplyMessageBody$1, {
|
|
54058
54077
|
linkColor: accentColor
|
|
54059
54078
|
}, /*#__PURE__*/React__default.createElement(EditReplyMessageHeader, {
|
|
54060
54079
|
color: accentColor
|
|
@@ -54110,7 +54129,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54110
54129
|
}, /*#__PURE__*/React__default.createElement(CloseEditMode, {
|
|
54111
54130
|
color: textSecondary,
|
|
54112
54131
|
onClick: handleRemoveLinkPreview
|
|
54113
|
-
}, /*#__PURE__*/React__default.createElement(SvgClose, null)), /*#__PURE__*/React__default.createElement(LinkPreviewContent, null, (_linkPreview$metadata9 = linkPreview.metadata.og) !== null && _linkPreview$metadata9 !== void 0 && (_linkPreview$metadata0 = _linkPreview$metadata9.image) !== null && _linkPreview$metadata0 !== void 0 && (_linkPreview$metadata1 = _linkPreview$metadata0[0]) !== null && _linkPreview$metadata1 !== void 0 && _linkPreview$metadata1.url ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54132
|
+
}, /*#__PURE__*/React__default.createElement(SvgClose, null)), /*#__PURE__*/React__default.createElement(LinkPreviewContent, null, (_linkPreview$metadata9 = linkPreview.metadata.og) !== null && _linkPreview$metadata9 !== void 0 && (_linkPreview$metadata0 = _linkPreview$metadata9.image) !== null && _linkPreview$metadata0 !== void 0 && (_linkPreview$metadata1 = _linkPreview$metadata0[0]) !== null && _linkPreview$metadata1 !== void 0 && _linkPreview$metadata1.url && !shouldShowLinkPreviewErrorFallback(linkPreview.metadata.og.image[0].url, linkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54114
54133
|
onLoad: function onLoad(e) {
|
|
54115
54134
|
var _e$target, _e$target2;
|
|
54116
54135
|
if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.naturalHeight && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.naturalWidth) {
|
|
@@ -54121,18 +54140,24 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
54121
54140
|
}
|
|
54122
54141
|
},
|
|
54123
54142
|
src: linkPreview.metadata.og.image[0].url,
|
|
54124
|
-
alt: 'Link preview'
|
|
54125
|
-
|
|
54143
|
+
alt: 'Link preview',
|
|
54144
|
+
onError: function onError() {
|
|
54145
|
+
return setLinkPreviewImageFailed(true);
|
|
54146
|
+
}
|
|
54147
|
+
})) : shouldShowLinkPreviewErrorFallback((_linkPreview$metadata10 = linkPreview.metadata.og) === null || _linkPreview$metadata10 === void 0 ? void 0 : (_linkPreview$metadata11 = _linkPreview$metadata10.image) === null || _linkPreview$metadata11 === void 0 ? void 0 : (_linkPreview$metadata12 = _linkPreview$metadata11[0]) === null || _linkPreview$metadata12 === void 0 ? void 0 : _linkPreview$metadata12.url, linkPreviewImageFailed) ? (/*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54148
|
+
color: accentColor,
|
|
54149
|
+
bg: background
|
|
54150
|
+
})) : (_linkPreview$metadata13 = linkPreview.metadata.og) !== null && _linkPreview$metadata13 !== void 0 && (_linkPreview$metadata14 = _linkPreview$metadata13.favicon) !== null && _linkPreview$metadata14 !== void 0 && _linkPreview$metadata14.url ? (/*#__PURE__*/React__default.createElement(LinkPreviewImage, {
|
|
54126
54151
|
src: linkPreview.metadata.og.favicon.url,
|
|
54127
54152
|
alt: 'Favicon'
|
|
54128
54153
|
})) : (/*#__PURE__*/React__default.createElement(LinkPreviewIcon, {
|
|
54129
54154
|
color: accentColor,
|
|
54130
54155
|
bg: background
|
|
54131
54156
|
})), /*#__PURE__*/React__default.createElement(LinkPreviewTextContent, {
|
|
54132
|
-
hasImage: !!((_linkPreview$
|
|
54133
|
-
}, ((_linkPreview$
|
|
54157
|
+
hasImage: !!((_linkPreview$metadata15 = linkPreview.metadata.og) !== null && _linkPreview$metadata15 !== void 0 && (_linkPreview$metadata16 = _linkPreview$metadata15.image) !== null && _linkPreview$metadata16 !== void 0 && (_linkPreview$metadata17 = _linkPreview$metadata16[0]) !== null && _linkPreview$metadata17 !== void 0 && _linkPreview$metadata17.url) || !!((_linkPreview$metadata18 = linkPreview.metadata.og) !== null && _linkPreview$metadata18 !== void 0 && (_linkPreview$metadata19 = _linkPreview$metadata18.favicon) !== null && _linkPreview$metadata19 !== void 0 && _linkPreview$metadata19.url)
|
|
54158
|
+
}, ((_linkPreview$metadata20 = linkPreview.metadata.og) === null || _linkPreview$metadata20 === void 0 ? void 0 : _linkPreview$metadata20.title) && (/*#__PURE__*/React__default.createElement(LinkPreviewTitle, {
|
|
54134
54159
|
color: accentColor
|
|
54135
|
-
}, linkPreview.metadata.og.title)), ((_linkPreview$
|
|
54160
|
+
}, linkPreview.metadata.og.title)), ((_linkPreview$metadata21 = linkPreview.metadata.og) === null || _linkPreview$metadata21 === void 0 ? void 0 : _linkPreview$metadata21.description) && (/*#__PURE__*/React__default.createElement(LinkPreviewDescription, {
|
|
54136
54161
|
color: textPrimary
|
|
54137
54162
|
}, linkPreview.metadata.og.description)))))), !!attachments.length && !sendAttachmentSeparately && (/*#__PURE__*/React__default.createElement(ChosenAttachments, null, [].concat(attachments).map(function (attachment) {
|
|
54138
54163
|
return /*#__PURE__*/React__default.createElement("div", {
|