sceyt-chat-react-uikit 1.7.5-beta.2 → 1.7.5-beta.4

package/components/Message/OGMetadata/index.d.ts

@@ -24,6 +24,6 @@ declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitl
     infoPadding?: string | undefined;
     ogContainerMargin?: string | undefined;
     target?: string | undefined;
-    metadataGetSuccessCallback?: ((success: boolean) => void) | undefined;
+    metadataGetSuccessCallback?: ((success: boolean, hasImage: boolean) => void) | undefined;
 }) => React.JSX.Element;
 export { OGMetadata };

package/index.js

@@ -32617,10 +32617,10 @@ var OGMetadata = function OGMetadata(_ref) {
   }, [order]);
   React.useEffect(function () {
     if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
-      if (metadata && metadataGetSuccessCallback && hasImage) {
-        metadataGetSuccessCallback(true);
+      if (metadata && metadataGetSuccessCallback && (hasImage || faviconUrl)) {
+        metadataGetSuccessCallback(true, hasImage);
       } else {
-        metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false);
+        metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false, false);
       }
     }
   }, [metadata, metadataGetSuccessCallback, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
@@ -32700,9 +32700,7 @@ var OGMetadata = function OGMetadata(_ref) {
       alt: ''
     })))) : textContent;
   }, [hasImage, elements, shouldAnimate, ogContainerShowBackground, ogShowFavicon, faviconUrl, textContent]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'ogmetadata-container'
-  }, /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
+  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
     showOGMetadata: !!showOGMetadata,
     bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
     showBackground: ogContainerShowBackground,
@@ -32715,7 +32713,7 @@ var OGMetadata = function OGMetadata(_ref) {
     href: attachment === null || attachment === void 0 ? void 0 : attachment.url,
     target: target,
     rel: target === '_blank' ? 'noopener noreferrer' : undefined
-  }, content));
+  }, content);
 };
 var sharedKeyframes = "\n  @keyframes fadeInSlideUp {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes expandHeight {\n    from {\n      max-height: 0;\n      opacity: 0;\n    }\n    to {\n      max-height: 1000px;\n      opacity: 1;\n    }\n  }\n";
 var OGMetadataContainer = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  min-width: inherit;\n  max-width: inherit;\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  background-color: ", ";\n  border-radius: ", ";\n  margin: ", ";\n  // margin-bottom: ", ";\n  padding: ", ";\n  text-decoration: none;\n  color: inherit;\n  &:hover {\n    opacity: 0.9;\n    cursor: pointer;\n  }\n"])), function (_ref2) {

package/index.modern.js

@@ -32616,10 +32616,10 @@ var OGMetadata = function OGMetadata(_ref) {
   }, [order]);
   useEffect(function () {
     if (metadataLoaded || oGMetadata !== null && oGMetadata !== void 0 && oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) {
-      if (metadata && metadataGetSuccessCallback && hasImage) {
-        metadataGetSuccessCallback(true);
+      if (metadata && metadataGetSuccessCallback && (hasImage || faviconUrl)) {
+        metadataGetSuccessCallback(true, hasImage);
       } else {
-        metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false);
+        metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(false, false);
       }
     }
   }, [metadata, metadataGetSuccessCallback, metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, hasImage]);
@@ -32699,9 +32699,7 @@ var OGMetadata = function OGMetadata(_ref) {
       alt: ''
     })))) : textContent;
   }, [hasImage, elements, shouldAnimate, ogContainerShowBackground, ogShowFavicon, faviconUrl, textContent]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 'ogmetadata-container'
-  }, /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
+  return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
     showOGMetadata: !!showOGMetadata,
     bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX,
     showBackground: ogContainerShowBackground,
@@ -32714,7 +32712,7 @@ var OGMetadata = function OGMetadata(_ref) {
     href: attachment === null || attachment === void 0 ? void 0 : attachment.url,
     target: target,
     rel: target === '_blank' ? 'noopener noreferrer' : undefined
-  }, content));
+  }, content);
 };
 var sharedKeyframes = "\n  @keyframes fadeInSlideUp {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes expandHeight {\n    from {\n      max-height: 0;\n      opacity: 0;\n    }\n    to {\n      max-height: 1000px;\n      opacity: 1;\n    }\n  }\n";
 var OGMetadataContainer = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  min-width: inherit;\n  max-width: inherit;\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  background-color: ", ";\n  border-radius: ", ";\n  margin: ", ";\n  // margin-bottom: ", ";\n  padding: ", ";\n  text-decoration: none;\n  color: inherit;\n  &:hover {\n    opacity: 0.9;\n    cursor: pointer;\n  }\n"])), function (_ref2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.7.5-beta.2",
+  "version": "1.7.5-beta.4",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",