sceyt-chat-react-uikit 1.7.1-beta.18 → 1.7.1-beta.19

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 (3) hide show
  1. package/index.js +14 -32
  2. package/index.modern.js +14 -32
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -31354,7 +31354,7 @@ var OGMetadata = function OGMetadata(_ref) {
31354
31354
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
31355
31355
  return Promise.resolve(queryBuilder.build()).then(function (query) {
31356
31356
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
31357
- return Promise.resolve(storeMetadata(url.replace('https://', '').replace('http://', ''), metadata)).then(function () {
31357
+ return Promise.resolve(storeMetadata(url, metadata)).then(function () {
31358
31358
  setMetadata(metadata);
31359
31359
  });
31360
31360
  });
@@ -31377,7 +31377,7 @@ var OGMetadata = function OGMetadata(_ref) {
31377
31377
  if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url) {
31378
31378
  var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
31379
31379
  if (url) {
31380
- getMetadata(url.replace('https://', '').replace('http://', '')).then(function (cachedMetadata) {
31380
+ getMetadata(url).then(function (cachedMetadata) {
31381
31381
  try {
31382
31382
  if (cachedMetadata) {
31383
31383
  setMetadata(cachedMetadata);
@@ -31426,14 +31426,8 @@ var OGMetadata = function OGMetadata(_ref) {
31426
31426
  };
31427
31427
  }
31428
31428
  }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$image = _metadata$og6.image) === null || _metadata$og6$image === void 0 ? void 0 : (_metadata$og6$image$ = _metadata$og6$image[0]) === null || _metadata$og6$image$ === void 0 ? void 0 : _metadata$og6$image$.url]);
31429
- var calculatedImageWidth = React.useMemo(function () {
31430
- if (imageWidth > 400) {
31431
- return 400;
31432
- }
31433
- return imageWidth;
31434
- }, [imageWidth]);
31435
31429
  var calculatedImageHeight = React.useMemo(function () {
31436
- return imageHeight / (imageWidth / calculatedImageWidth);
31430
+ return imageHeight / (imageWidth / 400);
31437
31431
  }, [imageWidth, imageHeight]);
31438
31432
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
31439
31433
  showOGMetadata: !!showOGMetadata
@@ -31443,17 +31437,17 @@ var OGMetadata = function OGMetadata(_ref) {
31443
31437
  }
31444
31438
  }, /*#__PURE__*/React__default.createElement(ImageContainer, {
31445
31439
  showOGMetadata: !!showOGMetadata && !imageLoadError && imageLoaded,
31446
- width: calculatedImageWidth,
31440
+ width: 400,
31447
31441
  height: calculatedImageHeight
31448
31442
  }, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$image = _metadata$og7.image) !== null && _metadata$og7$image !== void 0 && (_metadata$og7$image$ = _metadata$og7$image[0]) !== null && _metadata$og7$image$ !== void 0 && _metadata$og7$image$.url && !imageLoadError ? (/*#__PURE__*/React__default.createElement(Img, {
31449
31443
  src: 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,
31450
31444
  alt: 'OG metadata image',
31451
- width: calculatedImageWidth,
31445
+ width: 400,
31452
31446
  height: calculatedImageHeight
31453
31447
  })) : null), showOGMetadata && imageLoaded ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, {
31454
- maxWidth: calculatedImageWidth
31448
+ maxWidth: 400
31455
31449
  }, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og9 = metadata.og) !== null && _metadata$og9 !== void 0 && _metadata$og9.title ? (/*#__PURE__*/React__default.createElement(Title, {
31456
- maxWidth: calculatedImageWidth
31450
+ maxWidth: 400
31457
31451
  }, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && (_metadata$og0$favicon = _metadata$og0.favicon) !== null && _metadata$og0$favicon !== void 0 && _metadata$og0$favicon.url && !faviconLoadError ? (/*#__PURE__*/React__default.createElement(Favicon, {
31458
31452
  src: 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,
31459
31453
  onLoad: function onLoad() {
@@ -31462,9 +31456,9 @@ var OGMetadata = function OGMetadata(_ref) {
31462
31456
  onError: function onError() {
31463
31457
  return setFaviconLoadError(true);
31464
31458
  }
31465
- })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og11 = metadata.og) !== null && _metadata$og11 !== void 0 && _metadata$og11.description ? (/*#__PURE__*/React__default.createElement(Desc, {
31466
- maxWidth: calculatedImageWidth
31467
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description)) : null)) : null));
31459
+ })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og11 = metadata.og) !== null && _metadata$og11 !== void 0 && _metadata$og11.description ? /*#__PURE__*/React__default.createElement(Desc, {
31460
+ maxWidth: 400
31461
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description) : null)) : null));
31468
31462
  };
31469
31463
  var OGMetadataContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31470
31464
  var showOGMetadata = _ref2.showOGMetadata;
@@ -31497,24 +31491,12 @@ var Desc = styled__default.p(_templateObject6$f || (_templateObject6$f = _tagged
31497
31491
  var maxWidth = _ref9.maxWidth;
31498
31492
  return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31499
31493
  });
31500
- var Img = styled__default.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31494
+ var Img = styled__default.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31501
31495
  var width = _ref0.width;
31502
- return width + "px";
31496
+ return width && "\n max-width: " + (width + "px") + ";\n min-width: " + (width + "px") + ";\n width: " + (width + "px") + ";\n ";
31503
31497
  }, function (_ref1) {
31504
- var width = _ref1.width;
31505
- return width + "px";
31506
- }, function (_ref10) {
31507
- var height = _ref10.height;
31508
- return height + "px";
31509
- }, function (_ref11) {
31510
- var height = _ref11.height;
31511
- return height + "px";
31512
- }, function (_ref12) {
31513
- var width = _ref12.width;
31514
- return width + "px";
31515
- }, function (_ref13) {
31516
- var height = _ref13.height;
31517
- return height + "px";
31498
+ var height = _ref1.height;
31499
+ return height && "\n max-height: " + (height + "px") + ";\n min-height: " + (height + "px") + ";\n height: " + (height + "px") + ";\n ";
31518
31500
  });
31519
31501
  var Favicon = styled__default.img(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n transition: all 0.2s ease;\n width: 24px;\n height: 24px;\n object-fit: contain;\n margin-right: 4px;\n"])));
31520
31502
 
package/index.modern.js CHANGED
@@ -31333,7 +31333,7 @@ var OGMetadata = function OGMetadata(_ref) {
31333
31333
  var queryBuilder = new client.MessageLinkOGQueryBuilder(url);
31334
31334
  return Promise.resolve(queryBuilder.build()).then(function (query) {
31335
31335
  return Promise.resolve(query.loadOGData()).then(function (metadata) {
31336
- return Promise.resolve(storeMetadata(url.replace('https://', '').replace('http://', ''), metadata)).then(function () {
31336
+ return Promise.resolve(storeMetadata(url, metadata)).then(function () {
31337
31337
  setMetadata(metadata);
31338
31338
  });
31339
31339
  });
@@ -31356,7 +31356,7 @@ var OGMetadata = function OGMetadata(_ref) {
31356
31356
  if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url) {
31357
31357
  var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
31358
31358
  if (url) {
31359
- getMetadata(url.replace('https://', '').replace('http://', '')).then(function (cachedMetadata) {
31359
+ getMetadata(url).then(function (cachedMetadata) {
31360
31360
  try {
31361
31361
  if (cachedMetadata) {
31362
31362
  setMetadata(cachedMetadata);
@@ -31405,14 +31405,8 @@ var OGMetadata = function OGMetadata(_ref) {
31405
31405
  };
31406
31406
  }
31407
31407
  }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$image = _metadata$og6.image) === null || _metadata$og6$image === void 0 ? void 0 : (_metadata$og6$image$ = _metadata$og6$image[0]) === null || _metadata$og6$image$ === void 0 ? void 0 : _metadata$og6$image$.url]);
31408
- var calculatedImageWidth = useMemo(function () {
31409
- if (imageWidth > 400) {
31410
- return 400;
31411
- }
31412
- return imageWidth;
31413
- }, [imageWidth]);
31414
31408
  var calculatedImageHeight = useMemo(function () {
31415
- return imageHeight / (imageWidth / calculatedImageWidth);
31409
+ return imageHeight / (imageWidth / 400);
31416
31410
  }, [imageWidth, imageHeight]);
31417
31411
  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
31418
31412
  showOGMetadata: !!showOGMetadata
@@ -31422,17 +31416,17 @@ var OGMetadata = function OGMetadata(_ref) {
31422
31416
  }
31423
31417
  }, /*#__PURE__*/React__default.createElement(ImageContainer, {
31424
31418
  showOGMetadata: !!showOGMetadata && !imageLoadError && imageLoaded,
31425
- width: calculatedImageWidth,
31419
+ width: 400,
31426
31420
  height: calculatedImageHeight
31427
31421
  }, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$image = _metadata$og7.image) !== null && _metadata$og7$image !== void 0 && (_metadata$og7$image$ = _metadata$og7$image[0]) !== null && _metadata$og7$image$ !== void 0 && _metadata$og7$image$.url && !imageLoadError ? (/*#__PURE__*/React__default.createElement(Img, {
31428
31422
  src: 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,
31429
31423
  alt: 'OG metadata image',
31430
- width: calculatedImageWidth,
31424
+ width: 400,
31431
31425
  height: calculatedImageHeight
31432
31426
  })) : null), showOGMetadata && imageLoaded ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, {
31433
- maxWidth: calculatedImageWidth
31427
+ maxWidth: 400
31434
31428
  }, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og9 = metadata.og) !== null && _metadata$og9 !== void 0 && _metadata$og9.title ? (/*#__PURE__*/React__default.createElement(Title, {
31435
- maxWidth: calculatedImageWidth
31429
+ maxWidth: 400
31436
31430
  }, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && (_metadata$og0$favicon = _metadata$og0.favicon) !== null && _metadata$og0$favicon !== void 0 && _metadata$og0$favicon.url && !faviconLoadError ? (/*#__PURE__*/React__default.createElement(Favicon, {
31437
31431
  src: 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,
31438
31432
  onLoad: function onLoad() {
@@ -31441,9 +31435,9 @@ var OGMetadata = function OGMetadata(_ref) {
31441
31435
  onError: function onError() {
31442
31436
  return setFaviconLoadError(true);
31443
31437
  }
31444
- })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og11 = metadata.og) !== null && _metadata$og11 !== void 0 && _metadata$og11.description ? (/*#__PURE__*/React__default.createElement(Desc, {
31445
- maxWidth: calculatedImageWidth
31446
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description)) : null)) : null));
31438
+ })) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og11 = metadata.og) !== null && _metadata$og11 !== void 0 && _metadata$og11.description ? /*#__PURE__*/React__default.createElement(Desc, {
31439
+ maxWidth: 400
31440
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description) : null)) : null));
31447
31441
  };
31448
31442
  var OGMetadataContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31449
31443
  var showOGMetadata = _ref2.showOGMetadata;
@@ -31476,24 +31470,12 @@ var Desc = styled.p(_templateObject6$f || (_templateObject6$f = _taggedTemplateL
31476
31470
  var maxWidth = _ref9.maxWidth;
31477
31471
  return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31478
31472
  });
31479
- var Img = styled.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31473
+ var Img = styled.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31480
31474
  var width = _ref0.width;
31481
- return width + "px";
31475
+ return width && "\n max-width: " + (width + "px") + ";\n min-width: " + (width + "px") + ";\n width: " + (width + "px") + ";\n ";
31482
31476
  }, function (_ref1) {
31483
- var width = _ref1.width;
31484
- return width + "px";
31485
- }, function (_ref10) {
31486
- var height = _ref10.height;
31487
- return height + "px";
31488
- }, function (_ref11) {
31489
- var height = _ref11.height;
31490
- return height + "px";
31491
- }, function (_ref12) {
31492
- var width = _ref12.width;
31493
- return width + "px";
31494
- }, function (_ref13) {
31495
- var height = _ref13.height;
31496
- return height + "px";
31477
+ var height = _ref1.height;
31478
+ return height && "\n max-height: " + (height + "px") + ";\n min-height: " + (height + "px") + ";\n height: " + (height + "px") + ";\n ";
31497
31479
  });
31498
31480
  var Favicon = styled.img(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n transition: all 0.2s ease;\n width: 24px;\n height: 24px;\n object-fit: contain;\n margin-right: 4px;\n"])));
31499
31481
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.1-beta.18",
3
+ "version": "1.7.1-beta.19",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",