sceyt-chat-react-uikit 1.7.5-beta.6 → 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.
Files changed (4) hide show
  1. package/components/Message/OGMetadata/index.d.ts +1 -1
  2. package/index.js +31 -27
  3. package/index.modern.js +31 -27
  4. package/package.json +1 -1
package/components/Message/OGMetadata/index.d.ts CHANGED
@@ -24,6 +24,6 @@ declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitl
24
24
  infoPadding?: string | undefined;
25
25
  ogContainerMargin?: string | undefined;
26
26
  target?: string | undefined;
27
- metadataGetSuccessCallback?: ((success: boolean, hasImage: boolean) => void) | undefined;
27
+ metadataGetSuccessCallback?: ((url: string, success: boolean, hasImage: boolean) => void) | undefined;
28
28
  }) => React.JSX.Element;
29
29
  export { OGMetadata };
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$og8, _metadata$og8$image, _metadata$og8$image$, _metadata$og0, _metadata$og0$favicon, _metadata$og14, _metadata$og15, _metadata$og16;
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
- return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
32449
- }, [oGMetadata, attachment]);
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$og, _metadata$og$image, _metadata$og$image$;
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$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;
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$og2, _metadata$og2$favicon;
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$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;
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 {
@@ -32542,7 +32547,6 @@ var OGMetadata = function OGMetadata(_ref) {
32542
32547
  });
32543
32548
  }, function () {
32544
32549
  console.log('Failed to fetch OG metadata', url);
32545
- handleMetadata(null);
32546
32550
  });
32547
32551
  }, function (_wasThrown, _result) {
32548
32552
  setMetadataLoaded(true);
@@ -32558,7 +32562,7 @@ var OGMetadata = function OGMetadata(_ref) {
32558
32562
  } catch (e) {
32559
32563
  return Promise.reject(e);
32560
32564
  }
32561
- }, [handleMetadata]);
32565
+ }, []);
32562
32566
  React.useEffect(function () {
32563
32567
  if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url && !metadata) {
32564
32568
  setShouldAnimate(true);
@@ -32580,7 +32584,7 @@ var OGMetadata = function OGMetadata(_ref) {
32580
32584
  });
32581
32585
  }
32582
32586
  }
32583
- }, [attachment, metadata, handleMetadata, ogMetadataQueryBuilder]);
32587
+ }, [attachment, metadata]);
32584
32588
  var ogUrl = React.useMemo(function () {
32585
32589
  var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
32586
32590
  var urlObj = validateUrl(url);
@@ -32590,8 +32594,8 @@ var OGMetadata = function OGMetadata(_ref) {
32590
32594
  return url;
32591
32595
  }, [attachment]);
32592
32596
  var showOGMetadata = React.useMemo(function () {
32593
- var _metadata$og3, _metadata$og4, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og6$favicon;
32594
- return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : _metadata$og4.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$image = _metadata$og5.image) === null || _metadata$og5$image === void 0 ? void 0 : (_metadata$og5$image$ = _metadata$og5$image[0]) === null || _metadata$og5$image$ === void 0 ? void 0 : _metadata$og5$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$favicon = _metadata$og6.favicon) === null || _metadata$og6$favicon === void 0 ? void 0 : _metadata$og6$favicon.url)) && 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;
32595
32599
  }, [state, metadata]);
32596
32600
  var calculatedImageHeight = React.useMemo(function () {
32597
32601
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
@@ -32600,13 +32604,13 @@ var OGMetadata = function OGMetadata(_ref) {
32600
32604
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
32601
32605
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
32602
32606
  var hasImage = React.useMemo(function () {
32603
- var _metadata$og7, _metadata$og7$image, _metadata$og7$image$;
32604
- return (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) && !imageLoadError;
32605
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$image = _metadata$og8.image) === null || _metadata$og8$image === void 0 ? void 0 : (_metadata$og8$image$ = _metadata$og8$image[0]) === null || _metadata$og8$image$ === void 0 ? void 0 : _metadata$og8$image$.url, imageLoadError]);
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]);
32606
32610
  var faviconUrl = React.useMemo(function () {
32607
- var _metadata$og9, _metadata$og9$favicon;
32608
- return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$favicon = _metadata$og9.favicon) === null || _metadata$og9$favicon === void 0 ? void 0 : _metadata$og9$favicon.url : '';
32609
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$favicon = _metadata$og0.favicon) === null || _metadata$og0$favicon === void 0 ? void 0 : _metadata$og0$favicon.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
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]);
32610
32614
  var resolvedOrder = React.useMemo(function () {
32611
32615
  return order || {
32612
32616
  image: 1,
@@ -32618,14 +32622,14 @@ var OGMetadata = function OGMetadata(_ref) {
32618
32622
  React.useEffect(function () {
32619
32623
  if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
32620
32624
  if (metadata && metadataGetSuccessCallback && (hasImage || faviconUrl)) {
32621
- metadataGetSuccessCallback(true, hasImage);
32625
+ metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, hasImage);
32622
32626
  } else {
32623
- metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false, false);
32627
+ metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false);
32624
32628
  }
32625
32629
  }
32626
32630
  }, [metadata, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
32627
32631
  var elements = React.useMemo(function () {
32628
- var _resolvedOrder$image, _metadata$og1, _metadata$og1$image, _metadata$og1$image$, _resolvedOrder$title, _metadata$og10, _metadata$og11, _resolvedOrder$descri, _metadata$og12, _metadata$og13, _resolvedOrder$link;
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;
32629
32633
  return [hasImage ? {
32630
32634
  key: 'image',
32631
32635
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -32637,27 +32641,27 @@ var OGMetadata = function OGMetadata(_ref) {
32637
32641
  maxWidth: maxWidth,
32638
32642
  maxHeight: maxHeight || calculatedImageHeight
32639
32643
  }, /*#__PURE__*/React__default.createElement(Img, {
32640
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : (_metadata$og1$image = _metadata$og1.image) === null || _metadata$og1$image === void 0 ? void 0 : (_metadata$og1$image$ = _metadata$og1$image[0]) === null || _metadata$og1$image$ === void 0 ? void 0 : _metadata$og1$image$.url,
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,
32641
32645
  alt: 'OG image',
32642
32646
  shouldAnimate: shouldAnimate
32643
32647
  })))
32644
32648
  } : null, {
32645
32649
  key: 'title',
32646
32650
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
32647
- render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
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, {
32648
32652
  maxWidth: maxWidth,
32649
32653
  shouldAnimate: shouldAnimate,
32650
32654
  padding: infoPadding
32651
- }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : _metadata$og11.title)))
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)))
32652
32656
  }, {
32653
32657
  key: 'description',
32654
32658
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
32655
- render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description) && (/*#__PURE__*/React__default.createElement(Desc, {
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, {
32656
32660
  maxWidth: maxWidth,
32657
32661
  shouldAnimate: shouldAnimate,
32658
32662
  color: textSecondary,
32659
32663
  padding: infoPadding
32660
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description))
32664
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description))
32661
32665
  }, {
32662
32666
  key: 'link',
32663
32667
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -32672,7 +32676,7 @@ var OGMetadata = function OGMetadata(_ref) {
32672
32676
  var _a$order, _b$order;
32673
32677
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
32674
32678
  });
32675
- }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.description, textSecondary, ogShowUrl, ogUrl]);
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]);
32676
32680
  var textContent = React.useMemo(function () {
32677
32681
  return /*#__PURE__*/React__default.createElement(OGText, {
32678
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$og8, _metadata$og8$image, _metadata$og8$image$, _metadata$og0, _metadata$og0$favicon, _metadata$og14, _metadata$og15, _metadata$og16;
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
- return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
32448
- }, [oGMetadata, attachment]);
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$og, _metadata$og$image, _metadata$og$image$;
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$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;
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$og2, _metadata$og2$favicon;
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$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;
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 {
@@ -32541,7 +32546,6 @@ var OGMetadata = function OGMetadata(_ref) {
32541
32546
  });
32542
32547
  }, function () {
32543
32548
  console.log('Failed to fetch OG metadata', url);
32544
- handleMetadata(null);
32545
32549
  });
32546
32550
  }, function (_wasThrown, _result) {
32547
32551
  setMetadataLoaded(true);
@@ -32557,7 +32561,7 @@ var OGMetadata = function OGMetadata(_ref) {
32557
32561
  } catch (e) {
32558
32562
  return Promise.reject(e);
32559
32563
  }
32560
- }, [handleMetadata]);
32564
+ }, []);
32561
32565
  useEffect(function () {
32562
32566
  if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url && !metadata) {
32563
32567
  setShouldAnimate(true);
@@ -32579,7 +32583,7 @@ var OGMetadata = function OGMetadata(_ref) {
32579
32583
  });
32580
32584
  }
32581
32585
  }
32582
- }, [attachment, metadata, handleMetadata, ogMetadataQueryBuilder]);
32586
+ }, [attachment, metadata]);
32583
32587
  var ogUrl = useMemo(function () {
32584
32588
  var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
32585
32589
  var urlObj = validateUrl(url);
@@ -32589,8 +32593,8 @@ var OGMetadata = function OGMetadata(_ref) {
32589
32593
  return url;
32590
32594
  }, [attachment]);
32591
32595
  var showOGMetadata = useMemo(function () {
32592
- var _metadata$og3, _metadata$og4, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og6$favicon;
32593
- return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : _metadata$og4.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$image = _metadata$og5.image) === null || _metadata$og5$image === void 0 ? void 0 : (_metadata$og5$image$ = _metadata$og5$image[0]) === null || _metadata$og5$image$ === void 0 ? void 0 : _metadata$og5$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$favicon = _metadata$og6.favicon) === null || _metadata$og6$favicon === void 0 ? void 0 : _metadata$og6$favicon.url)) && 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;
32594
32598
  }, [state, metadata]);
32595
32599
  var calculatedImageHeight = useMemo(function () {
32596
32600
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
@@ -32599,13 +32603,13 @@ var OGMetadata = function OGMetadata(_ref) {
32599
32603
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
32600
32604
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
32601
32605
  var hasImage = useMemo(function () {
32602
- var _metadata$og7, _metadata$og7$image, _metadata$og7$image$;
32603
- return (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) && !imageLoadError;
32604
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$image = _metadata$og8.image) === null || _metadata$og8$image === void 0 ? void 0 : (_metadata$og8$image$ = _metadata$og8$image[0]) === null || _metadata$og8$image$ === void 0 ? void 0 : _metadata$og8$image$.url, imageLoadError]);
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]);
32605
32609
  var faviconUrl = useMemo(function () {
32606
- var _metadata$og9, _metadata$og9$favicon;
32607
- return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$favicon = _metadata$og9.favicon) === null || _metadata$og9$favicon === void 0 ? void 0 : _metadata$og9$favicon.url : '';
32608
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$favicon = _metadata$og0.favicon) === null || _metadata$og0$favicon === void 0 ? void 0 : _metadata$og0$favicon.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
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]);
32609
32613
  var resolvedOrder = useMemo(function () {
32610
32614
  return order || {
32611
32615
  image: 1,
@@ -32617,14 +32621,14 @@ var OGMetadata = function OGMetadata(_ref) {
32617
32621
  useEffect(function () {
32618
32622
  if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
32619
32623
  if (metadata && metadataGetSuccessCallback && (hasImage || faviconUrl)) {
32620
- metadataGetSuccessCallback(true, hasImage);
32624
+ metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, true, hasImage);
32621
32625
  } else {
32622
- metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false, false);
32626
+ metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false);
32623
32627
  }
32624
32628
  }
32625
32629
  }, [metadata, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
32626
32630
  var elements = useMemo(function () {
32627
- var _resolvedOrder$image, _metadata$og1, _metadata$og1$image, _metadata$og1$image$, _resolvedOrder$title, _metadata$og10, _metadata$og11, _resolvedOrder$descri, _metadata$og12, _metadata$og13, _resolvedOrder$link;
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;
32628
32632
  return [hasImage ? {
32629
32633
  key: 'image',
32630
32634
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -32636,27 +32640,27 @@ var OGMetadata = function OGMetadata(_ref) {
32636
32640
  maxWidth: maxWidth,
32637
32641
  maxHeight: maxHeight || calculatedImageHeight
32638
32642
  }, /*#__PURE__*/React__default.createElement(Img, {
32639
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : (_metadata$og1$image = _metadata$og1.image) === null || _metadata$og1$image === void 0 ? void 0 : (_metadata$og1$image$ = _metadata$og1$image[0]) === null || _metadata$og1$image$ === void 0 ? void 0 : _metadata$og1$image$.url,
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,
32640
32644
  alt: 'OG image',
32641
32645
  shouldAnimate: shouldAnimate
32642
32646
  })))
32643
32647
  } : null, {
32644
32648
  key: 'title',
32645
32649
  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$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
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, {
32647
32651
  maxWidth: maxWidth,
32648
32652
  shouldAnimate: shouldAnimate,
32649
32653
  padding: infoPadding
32650
- }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : _metadata$og11.title)))
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)))
32651
32655
  }, {
32652
32656
  key: 'description',
32653
32657
  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$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description) && (/*#__PURE__*/React__default.createElement(Desc, {
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, {
32655
32659
  maxWidth: maxWidth,
32656
32660
  shouldAnimate: shouldAnimate,
32657
32661
  color: textSecondary,
32658
32662
  padding: infoPadding
32659
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description))
32663
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description))
32660
32664
  }, {
32661
32665
  key: 'link',
32662
32666
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -32671,7 +32675,7 @@ var OGMetadata = function OGMetadata(_ref) {
32671
32675
  var _a$order, _b$order;
32672
32676
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
32673
32677
  });
32674
- }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.description, textSecondary, ogShowUrl, ogUrl]);
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]);
32675
32679
  var textContent = useMemo(function () {
32676
32680
  return /*#__PURE__*/React__default.createElement(OGText, {
32677
32681
  shouldAnimate: shouldAnimate,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.5-beta.6",
3
+ "version": "1.7.5-beta.8",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",