@atlaskit/smart-card 26.48.7 → 26.49.0

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());
   }
 };

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2;
 import styled from '@emotion/styled';
 import { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
@@ -66,39 +66,63 @@ function visible(_ref7) {
   var frameStyle = _ref7.frameStyle;
   return frameStyle === 'show' ? visibleStyles : '';
 }
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 export var LinkWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
   return wrapperStyles(props);
 });
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  margin-top: 10px;\n"])), function (props) {
+export var Wrapper = styled.div(function (props) {
   return wrapperStyles(props);
+}, {
+  marginTop: '10px'
 });
 export var embedHeaderHeight = 32;
-export var Header = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", "px;\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  opacity: 0;\n  transition: 300ms opacity cubic-bezier(0.15, 1, 0.3, 1);\n\n  ", "\n"])), embedHeaderHeight, "var(--ds-icon, ".concat(colors.N300, ")"), function (_ref8) {
+export var Header = styled.div({
+  height: "".concat(embedHeaderHeight, "px"),
+  position: 'absolute',
+  zIndex: 1,
+  width: '100%',
+  display: 'flex',
+  alignItems: 'center',
+  color: "var(--ds-icon, ".concat(colors.N300, ")"),
+  opacity: 0,
+  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
+}, function (_ref8) {
   var frameStyle = _ref8.frameStyle;
   return getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n        box-sizing: border-box;\n        padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n      ") : '';
 });
-export var IconWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", " margin-right: 4px;\n"])), borderRadius, csssize(16), function (_ref9) {
+export var IconWrapper = styled.div(borderRadius, csssize(16), function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
     return "\n      background-color: ".concat("var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
   } else {
     return '';
   }
+}, {
+  marginRight: "var(--ds-space-050, 4px)"
 });
-export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", " color: ", ";\n  font-size: 12px;\n  line-height: 16px;\n  ", ";\n"])), function (_ref10) {
+export var TextWrapper = styled.div(function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
     return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
   } else {
     return '';
   }
-}, "var(--ds-text-subtlest, ".concat(colors.N300, ")"), ellipsis('none'));
+}, {
+  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
+  fontSize: '12px',
+  lineHeight: '16px'
+}, ellipsis('none'));
+export var TooltipWrapper = styled.div({
+  overflow: 'hidden'
+});
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
+export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
   var allowScrollBar = _ref11.allowScrollBar;
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
 }, function (_ref12) {
@@ -108,22 +132,78 @@ export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedT
   var frameStyle = _ref13.frameStyle;
   return frameStyle === 'hide' ? 'height: 100%;' : "\n        height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n        top: ", "var(--ds-space-400, 32px)", ";\n      ");
 });
-export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref14) {
+export var Image = styled.img(function (_ref14) {
   var size = _ref14.size;
   return csssize(size);
-}, borderRadius);
+}, borderRadius, {
+  overflow: 'hidden'
+});
 export var maxAvatarCount = 6;
-export var ContentWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: ", " ", "\n    ", " ", ";\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
-export var Title = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 16px;\n  font-weight: 500;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), "var(--ds-text, ".concat(colors.N900, ")"), 20 / 16, 20 * 4);
-export var Byline = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-text-subtlest, ".concat(colors.N300, ")"), 16 / 12, ellipsis('100%'));
+export var ContentWrapper = styled.div({
+  display: 'flex',
+  flexDirection: 'row',
+  boxSizing: 'border-box',
+  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)")
+});
+export var Title = styled.div({
+  color: "var(--ds-text, ".concat(colors.N900, ")"),
+  fontSize: '16px',
+  fontWeight: 500,
+  lineHeight: 20 / 16,
+  maxHeight: "".concat(20 * 4, "px"),
+  overflow: 'hidden'
+});
+export var Byline = styled.div({
+  marginTop: "var(--ds-space-050, 4px)",
+  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
+  fontSize: '12px',
+  fontWeight: 'normal',
+  lineHeight: 16 / 12
+}, ellipsis('100%'));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var Description = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 7px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), 18 / 12, 18 * 3);
-export var ResolvedViewIconWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)");
-export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: ", " 0 ", "\n    ", ";\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-skeleton, ".concat(colors.N30, ")"), function (_ref15) {
-  var src = _ref15.src;
-  return src;
+export var Description = styled.div({
+  marginTop: '7px',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  fontSize: '12px',
+  fontWeight: 'normal',
+  lineHeight: 18 / 12,
+  maxHeight: "".concat(18 * 3, "px"),
+  overflow: 'hidden'
+});
+export var ResolvedViewIconWrapper = styled.div({
+  marginTop: "var(--ds-space-050, 4px)"
+});
+export var Thumbnail = styled.div(borderRadius, csssize(48), {
+  float: 'right',
+  margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
+  backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
+  backgroundImage: "url(".concat(function (_ref15) {
+    var src = _ref15.src;
+    return src;
+  }, ")"),
+  backgroundSize: 'cover'
+});
+export var UsersWrapper = styled.div({
+  marginTop: "var(--ds-space-100, 8px)"
+});
+export var ActionsWrapper = styled.div({
+  marginTop: "var(--ds-space-100, 8px)",
+  textAlign: 'right',
+  '> *': {
+    marginTop: "var(--ds-space-050, 4px)"
+  },
+  '> * + *': {
+    marginLeft: "var(--ds-space-050, 4px)"
+  }
 });
-export var UsersWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");
-export var ActionsWrapper = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  text-align: right;\n\n  > * {\n    margin-top: ", ";\n  }\n\n  > * + * {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
-export var AlertWrapper = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  pointer-events: none;\n  /* z-index has to be 1 higher than the number of avatars in the avatar stack */\n  z-index: ", ";\n"])), maxAvatarCount + 1);
+export var AlertWrapper = styled.div({
+  position: 'absolute',
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  zIndex: maxAvatarCount + 1
+});

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+var AIEventErrorViewed = function AIEventErrorViewed() {
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  useEffect(function () {
+    fireEvent('ui.error.viewed.aiSummary', {});
+  }, [fireEvent]);
+  return null;
+};
+export default AIEventErrorViewed;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+var AIEventSummaryViewed = function AIEventSummaryViewed(_ref) {
+  var fromCache = _ref.fromCache;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  useEffect(function () {
+    fireEvent('ui.summary.viewed', {
+      fromCache: fromCache
+    });
+  }, [fireEvent, fromCache]);
+  return null;
+};
+export default AIEventSummaryViewed;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -15,6 +15,9 @@ import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+import AIEventSummaryViewed from '../ai-event-summary-viewed';
+import AIEventErrorViewed from '../ai-event-error-viewed';
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
@@ -28,6 +31,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     _useState2 = _slicedToArray(_useState, 2),
     aiState = _useState2[0],
     setAIState = _useState2[1];
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var metadataElements = renderElementItems(metadata);
   var context = useFlexibleUiContext();
   var url = (context === null || context === void 0 ? void 0 : context.url) || '';
@@ -39,11 +44,12 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     status = _aiSummary$state.status,
     isSummarisedOnMount = aiSummary.isSummarisedOnMount;
   var onAIActionClick = useCallback(function () {
+    fireEvent('ui.button.clicked.aiSummary', {});
     setAIState('loading');
     if (onAIActionChange) {
       onAIActionChange('loading');
     }
-  }, [onAIActionChange]);
+  }, [onAIActionChange, fireEvent]);
   var combinedActions = useMemo(function () {
     if (aiState === 'ready') {
       var aiAction = {
@@ -69,6 +75,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     direction: SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
+  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
+    fromCache: isSummarisedOnMount
   }), /*#__PURE__*/React.createElement(AISummary, {
     content: content,
     showIcon: isSummarisedOnMount
@@ -90,7 +98,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     size: size
   }))), status === 'error' && /*#__PURE__*/React.createElement(Inline, {
     grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, null), /*#__PURE__*/React.createElement(AIStateIndicator, {
     state: status,
     testId: testId
   })));

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

@@ -155,7 +155,6 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-
 var AtlaskitIcon = function AtlaskitIcon(_ref3) {
   var icon = _ref3.icon,
     label = _ref3.label,
@@ -189,7 +188,6 @@ var AtlaskitIcon = function AtlaskitIcon(_ref3) {
         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, {
@@ -201,7 +199,6 @@ var AtlaskitIcon = function AtlaskitIcon(_ref3) {
         iconGradientStop: B200
         /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
       });
-
     case IconType.Error:
     case IconType.Forbidden:
       return /*#__PURE__*/React.createElement(ImportedIcon, {

package/dist/esm/view/InlineCard/ErroredView/index.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 { R300 } from '@atlaskit/theme/colors';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/esm/view/InlineCard/ForbiddenView/index.js

@@ -7,7 +7,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 { R400, N500 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.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 ImageLoader from 'react-render-image';
 import { Icon, Shimmer } from '../Icon';

package/dist/esm/view/InlineCard/ResolvedView/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 { Frame } from '../Frame';
 import Lozenge from '@atlaskit/lozenge';

package/dist/esm/view/InlineCard/ResolvingView/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 { Frame } from '../Frame';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -7,7 +7,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 Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { N500, R400 } from '@atlaskit/theme/colors';

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

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

package/dist/esm/view/LinkView/index.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 { Frame } from '../InlineCard/Frame';
 export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {

package/dist/types/common/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::7957a4f104d8499ba8c1d791bc4c61e2>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+export type PackageMetaDataType = {
+    packageName: string;
+    packageVersion: string;
+};
+export type ResolvedAttributesType = {
+    status: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    statusDetails: string | null;
+    displayCategory: 'smartLink' | 'link';
+    extensionKey: string | null;
+    destinationProduct: string | null;
+    destinationSubproduct: string | null;
+    destinationCategory: string | null;
+    destinationObjectId: string | null;
+    destinationObjectType: string | null;
+    destinationContainerId: string | null;
+    destinationTenantId: string | null;
+    canBeDatasource: boolean | null;
+};
+export type ButtonClickedAiSummaryAttributesType = {};
+export type SummaryViewedAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {};
+export type AnalyticsEventAttributes = {
+    /**
+     * fired when an ai summary is clicked */
+    'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when a summary is viewed */
+    'ui.summary.viewed': SummaryViewedAttributesType;
+    /**
+     * fired when a summary error is viewed */
+    'ui.error.viewed.aiSummary': ErrorViewedAiSummaryAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/common/analytics/generated/create-event-payload.d.ts

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+type OptionalIfUndefined<T> = undefined extends T ? [param?: T] : [param: T];
+export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
+type EventTypes = 'ui' | 'track' | 'operational' | 'screen';
+type ScreenEventPayload<K extends EventKey> = {
+    eventType: 'screen';
+    name: string;
+    action: 'viewed';
+    attributes?: AnalyticsEventAttributes[K];
+};
+type EventPayload<K extends EventKey> = {
+    eventType: Omit<EventTypes, 'screen'>;
+    actionSubject: string;
+    action: string;
+    actionSubjectId?: string;
+    attributes?: AnalyticsEventAttributes[K];
+};
+declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
+export default createEventPayload;

package/dist/types/common/analytics/generated/use-analytics-events.d.ts

@@ -0,0 +1,3 @@
+export declare const useAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
+};

package/dist/types/i18n/zh.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
     'fabric.linking.actions': string;
     'fabric.linking.add_account': string;
     'fabric.linking.ai_summarize': string;
+    'fabric.linking.ai_summarized': string;
+    'fabric.linking.ai_summarized_info': string;
+    'fabric.linking.ai_summarizing': string;
     'fabric.linking.assigned_to': string;
     'fabric.linking.cancel': string;
     'fabric.linking.cannot_connect': string;
@@ -33,6 +36,7 @@ declare const _default: {
     'fabric.linking.create_on_relative': string;
     'fabric.linking.created_by': string;
     'fabric.linking.delete': string;
+    'fabric.linking.direct_access': string;
     'fabric.linking.direct_access_description': string;
     'fabric.linking.direct_access_title': string;
     'fabric.linking.download': string;

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -39,6 +39,10 @@ export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ContentProps {
     isInteractive: boolean;
     allowScrollBar: boolean;
@@ -82,7 +86,7 @@ export interface ThumbnailProps {
 export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AIEventErrorViewed: React.FC;
+export default AIEventErrorViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AIEventSummaryViewedProps } from './types';
+declare const AIEventSummaryViewed: React.FC<AIEventSummaryViewedProps>;
+export default AIEventSummaryViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.d.ts

@@ -0,0 +1,3 @@
+export type AIEventSummaryViewedProps = {
+    fromCache?: boolean;
+};

package/dist/types-ts4.5/common/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::7957a4f104d8499ba8c1d791bc4c61e2>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+export type PackageMetaDataType = {
+    packageName: string;
+    packageVersion: string;
+};
+export type ResolvedAttributesType = {
+    status: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    statusDetails: string | null;
+    displayCategory: 'smartLink' | 'link';
+    extensionKey: string | null;
+    destinationProduct: string | null;
+    destinationSubproduct: string | null;
+    destinationCategory: string | null;
+    destinationObjectId: string | null;
+    destinationObjectType: string | null;
+    destinationContainerId: string | null;
+    destinationTenantId: string | null;
+    canBeDatasource: boolean | null;
+};
+export type ButtonClickedAiSummaryAttributesType = {};
+export type SummaryViewedAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {};
+export type AnalyticsEventAttributes = {
+    /**
+     * fired when an ai summary is clicked */
+    'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when a summary is viewed */
+    'ui.summary.viewed': SummaryViewedAttributesType;
+    /**
+     * fired when a summary error is viewed */
+    'ui.error.viewed.aiSummary': ErrorViewedAiSummaryAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;