sceyt-chat-react-uikit 1.7.5-beta.7 → 1.7.5-beta.8
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 +27 -22
- package/index.modern.js +27 -22
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -32394,7 +32394,7 @@ var validateUrl = function validateUrl(url) {
|
|
|
32394
32394
|
}
|
|
32395
32395
|
};
|
|
32396
32396
|
var OGMetadata = function OGMetadata(_ref) {
|
|
32397
|
-
var _metadata$
|
|
32397
|
+
var _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _metadata$og10, _metadata$og10$favico, _metadata$og16, _metadata$og17, _metadata$og18;
|
|
32398
32398
|
var attachments = _ref.attachments,
|
|
32399
32399
|
state = _ref.state,
|
|
32400
32400
|
incoming = _ref.incoming,
|
|
@@ -32445,8 +32445,13 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32445
32445
|
});
|
|
32446
32446
|
}, [attachments]);
|
|
32447
32447
|
var metadata = React.useMemo(function () {
|
|
32448
|
-
|
|
32449
|
-
|
|
32448
|
+
var _metadata$og, _metadata$og2;
|
|
32449
|
+
var metadata = (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
|
|
32450
|
+
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) {
|
|
32451
|
+
return metadata;
|
|
32452
|
+
}
|
|
32453
|
+
return null;
|
|
32454
|
+
}, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
|
|
32450
32455
|
var _useState2 = React.useState(false),
|
|
32451
32456
|
imageLoadError = _useState2[0],
|
|
32452
32457
|
setImageLoadError = _useState2[1];
|
|
@@ -32470,9 +32475,9 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32470
32475
|
var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
|
|
32471
32476
|
return Promise.resolve(queryBuilder.build()).then(function (query) {
|
|
32472
32477
|
return Promise.resolve(query.loadOGData()).then(function (metadata) {
|
|
32473
|
-
var _metadata$
|
|
32478
|
+
var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
|
|
32474
32479
|
var image = new Image();
|
|
32475
|
-
image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32480
|
+
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;
|
|
32476
32481
|
var _temp = function () {
|
|
32477
32482
|
if (image.src) {
|
|
32478
32483
|
image.onload = function () {
|
|
@@ -32494,10 +32499,10 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32494
32499
|
};
|
|
32495
32500
|
image.onerror = function () {
|
|
32496
32501
|
try {
|
|
32497
|
-
var _metadata$
|
|
32502
|
+
var _metadata$og4, _metadata$og4$favicon;
|
|
32498
32503
|
setImageLoadError(true);
|
|
32499
32504
|
var favicon = new Image();
|
|
32500
|
-
favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32505
|
+
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;
|
|
32501
32506
|
if (favicon.src) {
|
|
32502
32507
|
favicon.onload = function () {
|
|
32503
32508
|
try {
|
|
@@ -32589,8 +32594,8 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32589
32594
|
return url;
|
|
32590
32595
|
}, [attachment]);
|
|
32591
32596
|
var showOGMetadata = React.useMemo(function () {
|
|
32592
|
-
var _metadata$
|
|
32593
|
-
return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32597
|
+
var _metadata$og5, _metadata$og6, _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og8, _metadata$og8$favicon;
|
|
32598
|
+
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;
|
|
32594
32599
|
}, [state, metadata]);
|
|
32595
32600
|
var calculatedImageHeight = React.useMemo(function () {
|
|
32596
32601
|
if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
|
|
@@ -32599,13 +32604,13 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32599
32604
|
return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
|
|
32600
32605
|
}, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
|
|
32601
32606
|
var hasImage = React.useMemo(function () {
|
|
32602
|
-
var _metadata$
|
|
32603
|
-
return (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32604
|
-
}, [metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32607
|
+
var _metadata$og9, _metadata$og9$image, _metadata$og9$image$;
|
|
32608
|
+
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;
|
|
32609
|
+
}, [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]);
|
|
32605
32610
|
var faviconUrl = React.useMemo(function () {
|
|
32606
|
-
var _metadata$
|
|
32607
|
-
return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32608
|
-
}, [metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32611
|
+
var _metadata$og1, _metadata$og1$favicon;
|
|
32612
|
+
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 : '';
|
|
32613
|
+
}, [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]);
|
|
32609
32614
|
var resolvedOrder = React.useMemo(function () {
|
|
32610
32615
|
return order || {
|
|
32611
32616
|
image: 1,
|
|
@@ -32624,7 +32629,7 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32624
32629
|
}
|
|
32625
32630
|
}, [metadata, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
|
|
32626
32631
|
var elements = React.useMemo(function () {
|
|
32627
|
-
var _resolvedOrder$image, _metadata$
|
|
32632
|
+
var _resolvedOrder$image, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _resolvedOrder$title, _metadata$og12, _metadata$og13, _resolvedOrder$descri, _metadata$og14, _metadata$og15, _resolvedOrder$link;
|
|
32628
32633
|
return [hasImage ? {
|
|
32629
32634
|
key: 'image',
|
|
32630
32635
|
order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
|
|
@@ -32636,27 +32641,27 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32636
32641
|
maxWidth: maxWidth,
|
|
32637
32642
|
maxHeight: maxHeight || calculatedImageHeight
|
|
32638
32643
|
}, /*#__PURE__*/React__default.createElement(Img, {
|
|
32639
|
-
src: metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32644
|
+
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,
|
|
32640
32645
|
alt: 'OG image',
|
|
32641
32646
|
shouldAnimate: shouldAnimate
|
|
32642
32647
|
})))
|
|
32643
32648
|
} : null, {
|
|
32644
32649
|
key: 'title',
|
|
32645
32650
|
order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
|
|
32646
|
-
render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32651
|
+
render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
|
|
32647
32652
|
maxWidth: maxWidth,
|
|
32648
32653
|
shouldAnimate: shouldAnimate,
|
|
32649
32654
|
padding: infoPadding
|
|
32650
|
-
}, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32655
|
+
}, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.title)))
|
|
32651
32656
|
}, {
|
|
32652
32657
|
key: 'description',
|
|
32653
32658
|
order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
|
|
32654
|
-
render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32659
|
+
render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.description) && (/*#__PURE__*/React__default.createElement(Desc, {
|
|
32655
32660
|
maxWidth: maxWidth,
|
|
32656
32661
|
shouldAnimate: shouldAnimate,
|
|
32657
32662
|
color: textSecondary,
|
|
32658
32663
|
padding: infoPadding
|
|
32659
|
-
}, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32664
|
+
}, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description))
|
|
32660
32665
|
}, {
|
|
32661
32666
|
key: 'link',
|
|
32662
32667
|
order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
|
|
@@ -32671,7 +32676,7 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32671
32676
|
var _a$order, _b$order;
|
|
32672
32677
|
return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
|
|
32673
32678
|
});
|
|
32674
|
-
}, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32679
|
+
}, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : _metadata$og17.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : _metadata$og18.description, textSecondary, ogShowUrl, ogUrl]);
|
|
32675
32680
|
var textContent = React.useMemo(function () {
|
|
32676
32681
|
return /*#__PURE__*/React__default.createElement(OGText, {
|
|
32677
32682
|
shouldAnimate: shouldAnimate,
|
package/index.modern.js
CHANGED
|
@@ -32393,7 +32393,7 @@ var validateUrl = function validateUrl(url) {
|
|
|
32393
32393
|
}
|
|
32394
32394
|
};
|
|
32395
32395
|
var OGMetadata = function OGMetadata(_ref) {
|
|
32396
|
-
var _metadata$
|
|
32396
|
+
var _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _metadata$og10, _metadata$og10$favico, _metadata$og16, _metadata$og17, _metadata$og18;
|
|
32397
32397
|
var attachments = _ref.attachments,
|
|
32398
32398
|
state = _ref.state,
|
|
32399
32399
|
incoming = _ref.incoming,
|
|
@@ -32444,8 +32444,13 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32444
32444
|
});
|
|
32445
32445
|
}, [attachments]);
|
|
32446
32446
|
var metadata = useMemo(function () {
|
|
32447
|
-
|
|
32448
|
-
|
|
32447
|
+
var _metadata$og, _metadata$og2;
|
|
32448
|
+
var metadata = (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
|
|
32449
|
+
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) {
|
|
32450
|
+
return metadata;
|
|
32451
|
+
}
|
|
32452
|
+
return null;
|
|
32453
|
+
}, [oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url]);
|
|
32449
32454
|
var _useState2 = useState(false),
|
|
32450
32455
|
imageLoadError = _useState2[0],
|
|
32451
32456
|
setImageLoadError = _useState2[1];
|
|
@@ -32469,9 +32474,9 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32469
32474
|
var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
|
|
32470
32475
|
return Promise.resolve(queryBuilder.build()).then(function (query) {
|
|
32471
32476
|
return Promise.resolve(query.loadOGData()).then(function (metadata) {
|
|
32472
|
-
var _metadata$
|
|
32477
|
+
var _metadata$og3, _metadata$og3$image, _metadata$og3$image$;
|
|
32473
32478
|
var image = new Image();
|
|
32474
|
-
image.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32479
|
+
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;
|
|
32475
32480
|
var _temp = function () {
|
|
32476
32481
|
if (image.src) {
|
|
32477
32482
|
image.onload = function () {
|
|
@@ -32493,10 +32498,10 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32493
32498
|
};
|
|
32494
32499
|
image.onerror = function () {
|
|
32495
32500
|
try {
|
|
32496
|
-
var _metadata$
|
|
32501
|
+
var _metadata$og4, _metadata$og4$favicon;
|
|
32497
32502
|
setImageLoadError(true);
|
|
32498
32503
|
var favicon = new Image();
|
|
32499
|
-
favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32504
|
+
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;
|
|
32500
32505
|
if (favicon.src) {
|
|
32501
32506
|
favicon.onload = function () {
|
|
32502
32507
|
try {
|
|
@@ -32588,8 +32593,8 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32588
32593
|
return url;
|
|
32589
32594
|
}, [attachment]);
|
|
32590
32595
|
var showOGMetadata = useMemo(function () {
|
|
32591
|
-
var _metadata$
|
|
32592
|
-
return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32596
|
+
var _metadata$og5, _metadata$og6, _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og8, _metadata$og8$favicon;
|
|
32597
|
+
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;
|
|
32593
32598
|
}, [state, metadata]);
|
|
32594
32599
|
var calculatedImageHeight = useMemo(function () {
|
|
32595
32600
|
if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
|
|
@@ -32598,13 +32603,13 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32598
32603
|
return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
|
|
32599
32604
|
}, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
|
|
32600
32605
|
var hasImage = useMemo(function () {
|
|
32601
|
-
var _metadata$
|
|
32602
|
-
return (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32603
|
-
}, [metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32606
|
+
var _metadata$og9, _metadata$og9$image, _metadata$og9$image$;
|
|
32607
|
+
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;
|
|
32608
|
+
}, [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]);
|
|
32604
32609
|
var faviconUrl = useMemo(function () {
|
|
32605
|
-
var _metadata$
|
|
32606
|
-
return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32607
|
-
}, [metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32610
|
+
var _metadata$og1, _metadata$og1$favicon;
|
|
32611
|
+
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 : '';
|
|
32612
|
+
}, [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]);
|
|
32608
32613
|
var resolvedOrder = useMemo(function () {
|
|
32609
32614
|
return order || {
|
|
32610
32615
|
image: 1,
|
|
@@ -32623,7 +32628,7 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32623
32628
|
}
|
|
32624
32629
|
}, [metadata, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
|
|
32625
32630
|
var elements = useMemo(function () {
|
|
32626
|
-
var _resolvedOrder$image, _metadata$
|
|
32631
|
+
var _resolvedOrder$image, _metadata$og11, _metadata$og11$image, _metadata$og11$image$, _resolvedOrder$title, _metadata$og12, _metadata$og13, _resolvedOrder$descri, _metadata$og14, _metadata$og15, _resolvedOrder$link;
|
|
32627
32632
|
return [hasImage ? {
|
|
32628
32633
|
key: 'image',
|
|
32629
32634
|
order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
|
|
@@ -32635,27 +32640,27 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32635
32640
|
maxWidth: maxWidth,
|
|
32636
32641
|
maxHeight: maxHeight || calculatedImageHeight
|
|
32637
32642
|
}, /*#__PURE__*/React__default.createElement(Img, {
|
|
32638
|
-
src: metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32643
|
+
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,
|
|
32639
32644
|
alt: 'OG image',
|
|
32640
32645
|
shouldAnimate: shouldAnimate
|
|
32641
32646
|
})))
|
|
32642
32647
|
} : null, {
|
|
32643
32648
|
key: 'title',
|
|
32644
32649
|
order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
|
|
32645
|
-
render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32650
|
+
render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
|
|
32646
32651
|
maxWidth: maxWidth,
|
|
32647
32652
|
shouldAnimate: shouldAnimate,
|
|
32648
32653
|
padding: infoPadding
|
|
32649
|
-
}, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32654
|
+
}, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.title)))
|
|
32650
32655
|
}, {
|
|
32651
32656
|
key: 'description',
|
|
32652
32657
|
order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
|
|
32653
|
-
render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32658
|
+
render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.description) && (/*#__PURE__*/React__default.createElement(Desc, {
|
|
32654
32659
|
maxWidth: maxWidth,
|
|
32655
32660
|
shouldAnimate: shouldAnimate,
|
|
32656
32661
|
color: textSecondary,
|
|
32657
32662
|
padding: infoPadding
|
|
32658
|
-
}, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32663
|
+
}, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description))
|
|
32659
32664
|
}, {
|
|
32660
32665
|
key: 'link',
|
|
32661
32666
|
order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
|
|
@@ -32670,7 +32675,7 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
32670
32675
|
var _a$order, _b$order;
|
|
32671
32676
|
return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
|
|
32672
32677
|
});
|
|
32673
|
-
}, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$
|
|
32678
|
+
}, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og17 = metadata.og) === null || _metadata$og17 === void 0 ? void 0 : _metadata$og17.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og18 = metadata.og) === null || _metadata$og18 === void 0 ? void 0 : _metadata$og18.description, textSecondary, ogShowUrl, ogUrl]);
|
|
32674
32679
|
var textContent = useMemo(function () {
|
|
32675
32680
|
return /*#__PURE__*/React__default.createElement(OGText, {
|
|
32676
32681
|
shouldAnimate: shouldAnimate,
|