@atlaskit/smart-card 26.48.8 → 26.49.1

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock } from '../../../../FlexibleCard/components/blocks';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkDirection } from '../../../../../constants';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock, CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedBetterMetadata } from '../../../utils';
@@ -11,6 +11,8 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
+import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+import { SmartLinkStatus } from '../../../../../constants';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,
@@ -45,6 +47,30 @@ export const toFooterActions = (cardActions, onActionClick) => {
   });
   return [followAction, ...actions];
 };
+
+//This component encapsulates useAISummary hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
+const ConnectedAIBlock = ({
+  bottomPrimary,
+  url,
+  imagePreview
+}) => {
+  const aiSummary = useAISummary({
+    url
+  });
+  const aiStatus = aiSummary.state.status;
+  const showData = aiStatus === 'ready' || aiStatus === 'error';
+  return showData ? /*#__PURE__*/React.createElement(CustomBlock, {
+    direction: SmartLinkDirection.Vertical
+  }, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: bottomPrimary,
+    size: SmartLinkSize.Large,
+    overrideCss: metadataBlockCss,
+    maxLines: 1,
+    status: SmartLinkStatus.Resolved
+  })) : null;
+};
 const HoverCardResolvedView = ({
   flexibleCardProps,
   titleBlockProps,
@@ -53,7 +79,6 @@ const HoverCardResolvedView = ({
   cardActions = [],
   isAISummaryEnabled,
   onActionClick,
-  onAIActionChange,
   extensionKey,
   url
 }) => {
@@ -88,6 +113,15 @@ const HoverCardResolvedView = ({
     var _snippetBlockRef$curr, _snippetBlockRef$curr2;
     snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
   }, []);
+
+  // We want to maintain the height of the HoverCard while summarizing and pass this height to the AISummaryBlock.
+  // This approach will prevent any abrupt changes in the height of the HoverCard.
+  const connectedAIBlockHeight = React.useRef(0);
+  const connectedAIBlockRef = useRef(null);
+  const onConnectedAIBlockRender = useCallback(() => {
+    var _connectedAIBlockRef$, _connectedAIBlockRef$2;
+    connectedAIBlockHeight.current = (_connectedAIBlockRef$ = (_connectedAIBlockRef$2 = connectedAIBlockRef.current) === null || _connectedAIBlockRef$2 === void 0 ? void 0 : _connectedAIBlockRef$2.getBoundingClientRect().height) !== null && _connectedAIBlockRef$ !== void 0 ? _connectedAIBlockRef$ : 0;
+  }, []);
   const imagePreview = ImagePreview({
     data: data,
     fallbackElementHeight: snippetHeight.current
@@ -100,16 +134,31 @@ const HoverCardResolvedView = ({
     overrideCss: metadataBlockCss,
     maxLines: 1,
     size: SmartLinkSize.Medium
-  }), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, {
+  }), isAISummaryEnabled &&
+  /*#__PURE__*/
+  // All custom elements should be contained within a CustomBlock.
+  // Flex Container components check whether the direct child is a flex blocks. It removes anything that isn't
+  React.createElement(CustomBlock, {
+    direction: SmartLinkDirection.Vertical,
+    onRender: onConnectedAIBlockRender,
+    blockRef: connectedAIBlockRef
+  }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
+    imagePreview: !!imagePreview,
+    url: url,
+    bottomPrimary: bottomPrimary
+  })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  }), /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
-  }), /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomPrimary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,
-    maxLines: 1
+    maxLines: 1,
+    status: SmartLinkStatus.Resolved
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
@@ -118,7 +167,7 @@ const HoverCardResolvedView = ({
       name: ElementName.Provider
     }],
     actions: footerActions,
-    onAIActionChange: onAIActionChange
+    aiSummaryMinHeight: connectedAIBlockHeight.current
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.8",
+  packageVersion: "26.49.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/common/ai-summary/index.js

@@ -21,13 +21,14 @@ const AISummaryCSS = css({
  */
 
 const AISummary = ({
-  content,
+  content = '',
   showIcon = false,
   iconComponent,
   overrideCss,
-  testId = 'ai-summary'
+  testId = 'ai-summary',
+  minHeight = 0
 }) => {
-  if (!content) {
+  if (!content && minHeight === 0) {
     return null;
   }
   return jsx(Markdown, {
@@ -39,6 +40,9 @@ const AISummary = ({
       overrides: {
         Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
       }
+    },
+    style: {
+      minHeight: minHeight
     }
   });
 };

package/dist/esm/__tests_external__/page-objects/BaseCard.js

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
   _inherits(BaseCardPageObject, _InProductTestPageObj);

package/dist/esm/__tests_external__/page-objects/BlockCard.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { BaseCardPageObject } from './BaseCard';
 export var BlockCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
   _inherits(BlockCardPageObject, _BaseCardPageObject);

package/dist/esm/__tests_external__/page-objects/EmbedCard.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { BaseCardPageObject } from './BaseCard';
 export var EmbedCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
   _inherits(EmbedCardPageObject, _BaseCardPageObject);

package/dist/esm/__tests_external__/page-objects/InlineCard.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { BaseCardPageObject } from './BaseCard';
 export var InlineCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
   _inherits(InlineCardPageObject, _BaseCardPageObject);

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -44,8 +44,14 @@ export var AISummaryService = /*#__PURE__*/function () {
               return fetch(requestUrl, options);
             case 6:
               response = _context.sent;
+              if (!(!response.ok || response.status >= 400)) {
+                _context.next = 11;
+                break;
+              }
+              throw new Error("Status: ".concat(response.status, "\n URL: ").concat(_this.url, "\n StatusText ").concat(response.statusText));
+            case 11:
               return _context.abrupt("return", readStream(response));
-            case 8:
+            case 12:
             case "end":
               return _context.stop();
           }
@@ -96,10 +102,11 @@ export var AISummaryService = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              summaryStyle = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : 'short';
-              this.state = _objectSpread(_objectSpread({}, this.state), {}, {
-                status: 'loading'
-              });
+              summaryStyle = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : 'medium';
+              this.state = {
+                status: 'loading',
+                content: ''
+              };
               _iterator2 = _createForOfIteratorHelper(this.subscribedStateSetters);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -126,7 +133,7 @@ export var AISummaryService = /*#__PURE__*/function () {
               return _iterator.next();
             case 15:
               if (!(_iteratorAbruptCompletion = !(_step = _context2.sent).done)) {
-                _context2.next = 21;
+                _context2.next = 22;
                 break;
               }
               chunk = _step.value;
@@ -146,53 +153,58 @@ export var AISummaryService = /*#__PURE__*/function () {
                   _iterator3.f();
                 }
               }
-            case 18:
+
+              //if AI Mate service returns cached summary we get the summary text in one piece as the last message
+              if (chunk.type === 'FINAL_RESPONSE') {
+                bufferContent = chunk.message.message.content;
+              }
+            case 19:
               _iteratorAbruptCompletion = false;
               _context2.next = 13;
               break;
-            case 21:
-              _context2.next = 27;
+            case 22:
+              _context2.next = 28;
               break;
-            case 23:
-              _context2.prev = 23;
+            case 24:
+              _context2.prev = 24;
               _context2.t0 = _context2["catch"](11);
               _didIteratorError = true;
               _iteratorError = _context2.t0;
-            case 27:
-              _context2.prev = 27;
+            case 28:
               _context2.prev = 28;
+              _context2.prev = 29;
               if (!(_iteratorAbruptCompletion && _iterator.return != null)) {
-                _context2.next = 32;
+                _context2.next = 33;
                 break;
               }
-              _context2.next = 32;
+              _context2.next = 33;
               return _iterator.return();
-            case 32:
-              _context2.prev = 32;
+            case 33:
+              _context2.prev = 33;
               if (!_didIteratorError) {
-                _context2.next = 35;
+                _context2.next = 36;
                 break;
               }
               throw _iteratorError;
-            case 35:
-              return _context2.finish(32);
             case 36:
-              return _context2.finish(27);
+              return _context2.finish(33);
             case 37:
+              return _context2.finish(28);
+            case 38:
               this.state = {
                 status: 'done',
                 content: bufferContent
               };
-              _context2.next = 43;
+              _context2.next = 44;
               break;
-            case 40:
-              _context2.prev = 40;
+            case 41:
+              _context2.prev = 41;
               _context2.t1 = _context2["catch"](4);
               this.state = {
                 status: 'error',
                 content: ''
               };
-            case 43:
+            case 44:
               _iterator4 = _createForOfIteratorHelper(this.subscribedStateSetters);
               try {
                 for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -204,11 +216,11 @@ export var AISummaryService = /*#__PURE__*/function () {
               } finally {
                 _iterator4.f();
               }
-            case 45:
+            case 46:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[4, 40], [11, 23, 27, 37], [28,, 32, 36]]);
+        }, _callee2, this, [[4, 41], [11, 24, 28, 38], [29,, 33, 37]]);
       }));
       function summariseUrl() {
         return _summariseUrl.apply(this, arguments);

package/dist/esm/state/hooks/use-ai-summary/index.js

@@ -1,13 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect } from 'react';
 import { AISummariesStore } from './ai-summary-service/store';
 import { AISummaryService } from './ai-summary-service';
 export var useAISummary = function useAISummary(props) {
   var _AISummariesStore$get;
   var url = props.url,
     baseUrl = props.baseUrl,
-    product = props.product,
-    headers = props.headers;
+    headers = props.headers,
+    product = props.product;
   var _useState = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
@@ -15,47 +15,25 @@ export var useAISummary = function useAISummary(props) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-
-  // Can be used to know the summary status upon mounting a component (HoverCard UI state for example).
-  // For other scenarios, opt for dynamic status updates via state.status.
-  var isSummarisedOnMount = useMemo(function () {
-    var _AISummariesStore$get2;
-    return ((_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.state.status) === 'done';
-  }, [url]);
   useEffect(function () {
-    // Create or subscribe to an AI service only if a summary has not been previously generated.
-    // Otherwise, use the data from the current state synchronized with a cache (AISummariesStore).
-    if (!isSummarisedOnMount) {
-      var aISummaryService = AISummariesStore.get(url);
-      var isAISummaryServiceInitiated = !!aISummaryService;
-      if (isAISummaryServiceInitiated) {
-        //if we want to subscribe to updates from an existing AI service that has not yet provided a summary or is currently in progress.
-        var unsubscribe = aISummaryService.subscribe(setState);
-        return function () {
-          return unsubscribe();
-        };
-      } else {
-        var _AISummariesStore$get3;
-        //if we want to create a new AI service and wish to subscribe for updates
-        AISummariesStore.set(url, new AISummaryService({
-          url: url,
-          baseUrl: baseUrl,
-          product: product,
-          headers: headers
-        }));
-        var _unsubscribe = (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.subscribe(setState);
-        return function () {
-          return _unsubscribe && _unsubscribe();
-        };
-      }
+    var _AISummariesStore$get2;
+    if (!AISummariesStore.get(url)) {
+      AISummariesStore.set(url, new AISummaryService({
+        url: url,
+        baseUrl: baseUrl,
+        headers: headers,
+        product: product
+      }));
     }
-  }, [isSummarisedOnMount, url, baseUrl, product, headers]);
+
+    //returns function that calls unsubscribe method
+    return (_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.subscribe(setState);
+  }, [url, baseUrl, headers, product]);
   var summariseUrl = function summariseUrl() {
-    var _AISummariesStore$get4;
-    return (_AISummariesStore$get4 = AISummariesStore.get(url)) === null || _AISummariesStore$get4 === void 0 ? void 0 : _AISummariesStore$get4.summariseUrl();
+    var _AISummariesStore$get3;
+    return (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.summariseUrl();
   };
   return {
-    isSummarisedOnMount: isSummarisedOnMount,
     summariseUrl: summariseUrl,
     state: state
   };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.8"
+  packageVersion: "26.49.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/mocks.js

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { CardClient } from '@atlaskit/link-provider';

package/dist/esm/view/Card/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardWithDataRenderer } from '../CardWithData/loader';

package/dist/esm/view/CardWithData/component.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';

package/dist/esm/view/CardWithData/loader.js

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(CardWithDataRenderer, _React$PureComponent);

package/dist/esm/view/EmbedCard/EmbedResizeMessageListener.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { embedHeaderHeight } from './components/styled';
 export var EmbedResizeMessageListener = /*#__PURE__*/function (_React$Component) {

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Content } from './styled';
+import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, TooltipWrapper, Content } from './styled';
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
+import Tooltip from '@atlaskit/tooltip';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -27,7 +29,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
-  var renderHeader = function renderHeader() {
+  var renderHeaderOld = function renderHeaderOld() {
     return /*#__PURE__*/React.createElement(Header, {
       className: "embed-header",
       frameStyle: frameStyle
@@ -41,6 +43,23 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       onMouseDown: handleMouseDown
     }, text)));
   };
+  var renderHeader = function renderHeader() {
+    return /*#__PURE__*/React.createElement(Header, {
+      className: "embed-header",
+      frameStyle: frameStyle
+    }, /*#__PURE__*/React.createElement(IconWrapper, {
+      isPlaceholder: isPlaceholder
+    }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TooltipWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
+      content: text,
+      hideTooltipOnMouseDown: true
+    }, /*#__PURE__*/React.createElement(TextWrapper, {
+      isPlaceholder: isPlaceholder
+    }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
+      href: href,
+      onClick: handleClick,
+      onMouseDown: handleMouseDown
+    }, text)))));
+  };
   var renderContent = function renderContent() {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
@@ -63,7 +82,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, renderHeader(), renderContent());
+    }, getBooleanFF('platform.linking-platform.smart-card.embed-card-header-tooltip') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/React.createElement(Wrapper, {
       className: className,
@@ -77,6 +96,6 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, renderHeader(), renderContent());
+    }, getBooleanFF('platform.linking-platform.smart-card.embed-card-header-tooltip') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };