@atlaskit/smart-card 26.48.8 → 26.49.0

package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js

@@ -14,8 +14,8 @@ var _reactIntlNext = require("react-intl-next");
 var _styled = require("./styled");
 var _react2 = require("@emotion/react");
 var _messages = require("../../../messages");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 var WarningModal = function WarningModal(props) {

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.8",
+  packageVersion: "26.49.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/LinkView/index.js

@@ -14,7 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _Frame = require("../InlineCard/Frame");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; })(); }
 var CardLinkView = exports.CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CardLinkView, _React$PureComponent);
   var _super = _createSuper(CardLinkView);

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../messages");
 var _constants = require("../../constants");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account

package/dist/cjs/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _constants = require("../constants");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 var namespaceUUID = 0;

package/dist/es2019/utils/analytics/analytics.js

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

package/dist/es2019/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 const ExpandedFrame = ({
   isPlaceholder = false,
   children,
@@ -20,7 +22,7 @@ export const ExpandedFrame = ({
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
-  const renderHeader = () => /*#__PURE__*/React.createElement(Header, {
+  const renderHeaderOld = () => /*#__PURE__*/React.createElement(Header, {
     className: "embed-header",
     frameStyle: frameStyle
   }, /*#__PURE__*/React.createElement(IconWrapper, {
@@ -32,6 +34,21 @@ export const ExpandedFrame = ({
     onClick: handleClick,
     onMouseDown: handleMouseDown
   }, text)));
+  const renderHeader = () => /*#__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)))));
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
@@ -52,7 +69,7 @@ export const ExpandedFrame = ({
       ,
       "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,
@@ -66,6 +83,6 @@ export const ExpandedFrame = ({
       "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());
   }
 };

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -136,6 +136,8 @@ function visible({
 }) {
   return frameStyle === 'show' ? visibleStyles : '';
 }
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 export const LinkWrapper = styled.div`
   ${props => wrapperStyles(props)} &:hover {
     text-decoration: none;
@@ -143,33 +145,27 @@ export const LinkWrapper = styled.div`
 `;
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const Wrapper = styled.div`
-  ${props => wrapperStyles(props)};
-  margin-top: 10px;
-`;
+export const Wrapper = styled.div(props => wrapperStyles(props), {
+  marginTop: '10px'
+});
 export const embedHeaderHeight = 32;
-export const Header = styled.div`
-  height: ${embedHeaderHeight}px;
-  position: absolute;
-  z-index: 1;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  color: ${`var(--ds-icon, ${colors.N300})`};
-  opacity: 0;
-  transition: 300ms opacity cubic-bezier(0.15, 1, 0.3, 1);
-
-  ${({
+export const Header = styled.div({
+  height: `${embedHeaderHeight}px`,
+  position: 'absolute',
+  zIndex: 1,
+  width: '100%',
+  display: 'flex',
+  alignItems: 'center',
+  color: `var(--ds-icon, ${colors.N300})`,
+  opacity: 0,
+  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
+}, ({
   frameStyle
 }) => getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? `
         box-sizing: border-box;
         padding: 0 ${"var(--ds-space-100, 8px)"};
-      ` : ''}
-`;
-export const IconWrapper = styled.div`
-  ${borderRadius}
-  ${csssize(16)}
-  ${({
+      ` : '');
+export const IconWrapper = styled.div(borderRadius, csssize(16), ({
   isPlaceholder
 }) => {
   if (isPlaceholder) {
@@ -179,10 +175,10 @@ export const IconWrapper = styled.div`
   } else {
     return '';
   }
-}} margin-right: 4px;
-`;
-export const TextWrapper = styled.div`
-  ${({
+}, {
+  marginRight: "var(--ds-space-050, 4px)"
+});
+export const TextWrapper = styled.div(({
   isPlaceholder
 }) => {
   if (isPlaceholder) {
@@ -195,14 +191,18 @@ export const TextWrapper = styled.div`
   } else {
     return '';
   }
-}} color: ${`var(--ds-text-subtlest, ${colors.N300})`};
-  font-size: 12px;
-  line-height: 16px;
-  ${ellipsis('none')};
-`;
+}, {
+  color: `var(--ds-text-subtlest, ${colors.N300})`,
+  fontSize: '12px',
+  lineHeight: '16px'
+}, ellipsis('none'));
+export const TooltipWrapper = styled.div({
+  overflow: 'hidden'
+});
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 export const Content = styled.div`
   ${contentBorderRadius};
   border: 1px solid ${`var(--ds-border, ${N40})`};
@@ -241,88 +241,76 @@ export const Content = styled.div`
         top: ${"var(--ds-space-400, 32px)"};
       `}
 `;
-export const Image = styled.img`
-  ${({
+export const Image = styled.img(({
   size
-}) => csssize(size)}
-  ${borderRadius}
-
-  /* hide the alt text when the image cannot be found */
-  overflow: hidden;
-`;
+}) => csssize(size), borderRadius, {
+  overflow: 'hidden'
+});
 export const maxAvatarCount = 6;
-export const ContentWrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  box-sizing: border-box;
-  padding: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}
-    ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"};
-`;
-export const Title = styled.div`
-  color: ${`var(--ds-text, ${colors.N900})`};
-  font-size: 16px;
-  font-weight: 500;
-  line-height: ${20 / 16};
-  max-height: ${20 * 4}px;
-  overflow: hidden;
-`;
-export const Byline = styled.div`
-  margin-top: ${"var(--ds-space-050, 4px)"};
-  color: ${`var(--ds-text-subtlest, ${colors.N300})`};
-  font-size: 12px;
-  font-weight: normal;
-  line-height: ${16 / 12};
-  ${ellipsis('100%')};
-`;
+export const ContentWrapper = styled.div({
+  display: 'flex',
+  flexDirection: 'row',
+  boxSizing: 'border-box',
+  padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`
+});
+export const Title = styled.div({
+  color: `var(--ds-text, ${colors.N900})`,
+  fontSize: '16px',
+  fontWeight: 500,
+  lineHeight: 20 / 16,
+  maxHeight: `${20 * 4}px`,
+  overflow: 'hidden'
+});
+export const Byline = styled.div({
+  marginTop: "var(--ds-space-050, 4px)",
+  color: `var(--ds-text-subtlest, ${colors.N300})`,
+  fontSize: '12px',
+  fontWeight: 'normal',
+  lineHeight: 16 / 12
+}, ellipsis('100%'));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const Description = styled.div`
-  margin-top: 7px;
-  color: ${`var(--ds-text, ${colors.N800})`};
-  font-size: 12px;
-  font-weight: normal;
-  line-height: ${18 / 12};
-  max-height: ${18 * 3}px;
-  overflow: hidden;
-`;
-export const ResolvedViewIconWrapper = styled.div`
-  margin-top: ${"var(--ds-space-050, 4px)"};
-`;
-export const Thumbnail = styled.div`
-  ${borderRadius}
-  ${csssize(48)}
-  float: right;
-  margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"}
-    ${"var(--ds-space-150, 12px)"};
-  background-color: ${`var(--ds-skeleton, ${colors.N30})`};
-  background-image: url(${({
-  src
-}) => src});
-  background-size: cover;
-`;
-export const UsersWrapper = styled.div`
-  margin-top: ${"var(--ds-space-100, 8px)"};
-`;
-export const ActionsWrapper = styled.div`
-  margin-top: ${"var(--ds-space-100, 8px)"};
-  text-align: right;
-
-  > * {
-    margin-top: ${"var(--ds-space-050, 4px)"};
+export const Description = styled.div({
+  marginTop: '7px',
+  color: `var(--ds-text, ${colors.N800})`,
+  fontSize: '12px',
+  fontWeight: 'normal',
+  lineHeight: 18 / 12,
+  maxHeight: `${18 * 3}px`,
+  overflow: 'hidden'
+});
+export const ResolvedViewIconWrapper = styled.div({
+  marginTop: "var(--ds-space-050, 4px)"
+});
+export const Thumbnail = styled.div(borderRadius, csssize(48), {
+  float: 'right',
+  margin: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`,
+  backgroundColor: `var(--ds-skeleton, ${colors.N30})`,
+  backgroundImage: `url(${({
+    src
+  }) => src})`,
+  backgroundSize: 'cover'
+});
+export const UsersWrapper = styled.div({
+  marginTop: "var(--ds-space-100, 8px)"
+});
+export const ActionsWrapper = styled.div({
+  marginTop: "var(--ds-space-100, 8px)",
+  textAlign: 'right',
+  '> *': {
+    marginTop: "var(--ds-space-050, 4px)"
+  },
+  '> * + *': {
+    marginLeft: "var(--ds-space-050, 4px)"
   }
-
-  > * + * {
-    margin-left: ${"var(--ds-space-050, 4px)"};
-  }
-`;
-export const AlertWrapper = styled.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: hidden;
-  pointer-events: none;
-  /* z-index has to be 1 higher than the number of avatars in the avatar stack */
-  z-index: ${maxAvatarCount + 1};
-`;
+});
+export const AlertWrapper = styled.div({
+  position: 'absolute',
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  zIndex: maxAvatarCount + 1
+});

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -88,7 +88,6 @@ const importIcon = importFn => {
     loading: () => null
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-
 const AtlaskitIcon = ({
   icon,
   label,
@@ -123,7 +122,6 @@ const AtlaskitIcon = ({
         iconGradientStop: B200
         /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
       });
-
     case IconType.Jira:
       // Logo component has a different prop set from other icon components
       return /*#__PURE__*/React.createElement(ImportedIcon, {
@@ -135,7 +133,6 @@ const AtlaskitIcon = ({
         iconGradientStop: B200
         /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
       });
-
     case IconType.Error:
     case IconType.Forbidden:
       return /*#__PURE__*/React.createElement(ImportedIcon, {

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.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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/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.0"
 };
 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());
   }
 };