@atlaskit/smart-card 26.50.15 → 26.52.0

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -8,19 +8,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["content", "maxLines", "overrideCss"];
-var _templateObject;
 /** @jsx jsx */
 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; }
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 var getSnippetStyles = function getSnippetStyles(overrideCss) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  ", ";\n"])), "var(--ds-text, #172B4D)", overrideCss);
+  return (0, _react.css)({
+    color: "var(--ds-text, #172B4D)",
+    WebkitUserSelect: 'text',
+    MozUserSelect: 'text',
+    MsUserSelect: 'text',
+    userSelect: 'text'
+  }, overrideCss);
 };
 var SnippetElement = function SnippetElement() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/cjs/view/FlexibleCard/utils.js

@@ -66,7 +66,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   }
 };
 var getRetryOptions = exports.getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
-  var _response$meta, _access$action;
+  var _response$meta, _access$action, _access$buttonDisable;
   var data = response && response.data || (0, _jsonld.getEmptyJsonLd)();
   var provider = (0, _linkExtractors.extractProvider)(data);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
@@ -76,15 +76,15 @@ var getRetryOptions = exports.getRetryOptions = function getRetryOptions(url, st
   switch (status) {
     case _constants.SmartLinkStatus.Forbidden:
       var meta = (_response$meta = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta !== void 0 ? _response$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-      var access = (0, _context.extractRequestAccessContext)({
+      var access = (0, _context.extractRequestAccessContextImproved)({
         jsonLd: meta,
         url: url,
-        product: context
+        product: context !== null && context !== void 0 ? context : ''
       });
       var messageKey = getForbiddenMessageKey(meta);
       var descriptor = _messages.messages[messageKey];
       var retry = onAuthorize || (access === null || access === void 0 || (_access$action = access.action) === null || _access$action === void 0 ? void 0 : _access$action.promise);
-      var onClick = retry ? (0, _utils.handleOnClick)(retry) : undefined;
+      var onClick = retry && !((_access$buttonDisable = access === null || access === void 0 ? void 0 : access.buttonDisabled) !== null && _access$buttonDisable !== void 0 ? _access$buttonDisable : false) ? (0, _utils.handleOnClick)(retry) : undefined;
       return {
         descriptor: descriptor,
         onClick: onClick,

package/dist/cjs/view/HoverCard/components/ContentContainer.js

@@ -17,6 +17,7 @@ var _HoverCardContent = require("./HoverCardContent");
 var _useAiSummary = require("../../../state/hooks/use-ai-summary");
 var _store = require("../../../state/store");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["children", "isAIEnabled", "testId", "url"],
   _excluded2 = ["children", "isAIEnabled", "testId", "url"];
 /** @jsx jsx */

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

@@ -22,6 +22,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = require("../../../../../state/helpers");
 var _useAiSummary = require("../../../../../state/hooks/use-ai-summary");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _reactMagneticDi = require("react-magnetic-di");
 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; }
 var toFooterActions = exports.toFooterActions = function toFooterActions(cardActions, onActionClick) {

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.50.15",
+  packageVersion: "26.52.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -23,7 +23,11 @@ var AISummaryCSSStyles = (0, _react2.css)({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
-  whiteSpace: 'normal'
+  whiteSpace: 'normal',
+  WebkitUserSelect: 'text',
+  MozUserSelect: 'text',
+  MsUserSelect: 'text',
+  userSelect: 'text'
 });
 /**
  * A component to render a response from AI in markdown text.

package/dist/es2019/extractors/common/context/extractAccessContext.js

@@ -2,66 +2,18 @@ import { messages } from '../../../messages';
 import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
 import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
-export const extractRequestAccessContext = ({
-  jsonLd,
-  url,
-  product
-}) => {
-  var _jsonLd$requestAccess;
-  const requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? {
-    ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
-    hostname: extractHostname(url)
-  } : undefined;
-  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
-    case 'DIRECT_ACCESS':
-      return {
-        ...requestAccess,
-        callToActionMessageKey: 'click_to_join',
-        descriptiveMessageKey: 'click_to_join_description',
-        action: ForbiddenAction(() => window.open(url), 'click_to_join', messages.click_to_join, {
-          context: product
-        })
-      };
-    case 'REQUEST_ACCESS':
-      return {
-        ...requestAccess,
-        callToActionMessageKey: 'request_access',
-        descriptiveMessageKey: 'request_access_description',
-        action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access, {
-          product
-        })
-      };
-    case 'PENDING_REQUEST_EXISTS':
-      return {
-        ...requestAccess,
-        descriptiveMessageKey: 'request_access_pending_description'
-      };
-    case 'FORBIDDEN':
-      return {
-        ...requestAccess,
-        descriptiveMessageKey: 'forbidden_description'
-      };
-    case 'DENIED_REQUEST_EXISTS':
-      return {
-        ...requestAccess,
-        descriptiveMessageKey: 'request_denied_description'
-      };
-    default:
-      return requestAccess;
-  }
-};
 export const extractRequestAccessContextImproved = ({
   jsonLd,
   url,
   product,
   createAnalyticsEvent
 }) => {
-  var _jsonLd$requestAccess2;
+  var _jsonLd$requestAccess;
   const requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? {
     ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
     hostname: extractHostname(url)
   } : undefined;
-  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
+  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
     case 'DIRECT_ACCESS':
       return {
         ...requestAccess,
@@ -69,12 +21,14 @@ export const extractRequestAccessContextImproved = ({
         descriptiveMessageKey: 'direct_access_description',
         callToActionMessageKey: 'direct_access',
         action: ForbiddenAction(() => {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'crossJoin',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'crossJoin',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'direct_access', messages.direct_access, {
           product
@@ -87,12 +41,14 @@ export const extractRequestAccessContextImproved = ({
         descriptiveMessageKey: 'request_access_description',
         callToActionMessageKey: 'request_access',
         action: ForbiddenAction(() => {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'request_access', messages.request_access)
       };
@@ -125,12 +81,14 @@ export const extractRequestAccessContextImproved = ({
         descriptiveMessageKey: 'access_exists_description',
         callToActionMessageKey: 'request_access',
         action: ForbiddenAction(() => {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'access_exists', messages.request_access)
       };

package/dist/es2019/extractors/common/context/index.js

@@ -1 +1 @@
-export { extractRequestAccessContext } from './extractAccessContext';
+export { extractRequestAccessContextImproved } from './extractAccessContext';

package/dist/es2019/extractors/flexible/actions/index.js

@@ -1,8 +1,12 @@
 import { ActionName } from '../../../constants';
+import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
-const extractActions = (response, actionOptions) => {
+import extractFollowAction from './extract-follow-action';
+const extractActions = (response, data, actionOptions, id) => {
   const action = {
-    [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions)
+    [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions),
+    [ActionName.DownloadAction]: extractDownloadAction(data, actionOptions),
+    [ActionName.FollowAction]: extractFollowAction(response, actionOptions, id)
   };
   return Object.values(action).some(value => Boolean(value)) ? action : undefined;
 };

package/dist/es2019/extractors/flexible/index.js

@@ -1,6 +1,5 @@
 import { extractSummary } from '../common/primitives';
 import extractActions from './actions';
-import extractFollowAction from './actions/extract-follow-action';
 import { extractLinkIcon } from './icon';
 import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
@@ -10,7 +9,6 @@ import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';
 import extractState from './extract-state';
 import { extractLatestCommit } from './latest-commit';
-import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
 const extractFlexibleUiContext = ({
   id,
@@ -24,7 +22,7 @@ const extractFlexibleUiContext = ({
   const data = response.data;
   const url = extractLink(data);
   return {
-    actions: extractActions(response, actionOptions),
+    actions: extractActions(response, data, actionOptions, id),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
@@ -40,9 +38,7 @@ const extractFlexibleUiContext = ({
     assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
-    followAction: extractFollowAction(response, actionOptions, id),
     viewAction: extractViewAction(data, actionOptions),
-    downloadAction: extractDownloadAction(data, actionOptions),
     latestCommit: extractLatestCommit(data),
     linkIcon: extractLinkIcon(response, renderers),
     location: extractLocation(data),

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.50.15"
+  packageVersion: "26.52.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import { extractRequestAccessContext } from '../../extractors/common/context';
+import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import { CardLinkView } from '../LinkView';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
@@ -42,7 +43,10 @@ export const BlockCard = ({
   enableFlexibleBlockCard,
   actionOptions
 }) => {
-  var _details$meta, _forbiddenViewProps$c;
+  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const {
     status,
     details
@@ -156,10 +160,11 @@ export const BlockCard = ({
       }
       const forbiddenViewProps = extractBlockProps(data, meta, extractorOpts);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      const requestAccessContext = extractRequestAccessContext({
+      const requestAccessContext = extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
         url,
-        product: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
+        product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+        createAnalyticsEvent
       });
       return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,

package/dist/es2019/view/BlockCard/views/ForbiddenView.js

@@ -46,9 +46,10 @@ export const ForbiddenView = ({
   const {
     action,
     descriptiveMessageKey = 'invalid_permissions_description',
-    hostname = ''
+    hostname = '',
+    buttonDisabled
   } = requestAccessContext;
-  const items = action ? [...actions, action] : actions;
+  const items = action !== undefined && !(buttonDisabled !== null && buttonDisabled !== void 0 ? buttonDisabled : false) ? [...actions, action] : actions;
   return jsx(Frame, {
     isSelected: isSelected,
     testId: testId,

package/dist/es2019/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -36,7 +36,6 @@ const FlexibleNotFoundView = ({
     descriptor: messages.not_found_description
   }), []);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    showPreview: true,
     testId: testId,
     title: title
   }), /*#__PURE__*/React.createElement(LockIcon, {

package/dist/es2019/view/FlexibleCard/components/actions/download-action/index.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { downloadUrl as download } from '../../../../../utils';
+import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import Action from '../action';
+import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
+import DownloadIcon from '@atlaskit/icon/glyph/download';
+const DownloadAction = ({
+  onClick: onClickCallback,
+  ...props
+}) => {
+  var _context$actions;
+  const context = useFlexibleUiContext();
+  const analytics = useFlexibleUiAnalyticsContext();
+  const invoke = useInvokeClientAction({
+    analytics
+  });
+  const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.DownloadAction];
+  const onClick = useCallback(() => {
+    if (data !== null && data !== void 0 && data.downloadUrl) {
+      invoke({
+        actionType: ActionName.DownloadAction,
+        actionFn: async () => download(data === null || data === void 0 ? void 0 : data.downloadUrl),
+        // These values have already been set in analytics context.
+        // We only pass these here for ufo experience.
+        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+      });
+      if (onClickCallback) {
+        onClickCallback();
+      }
+    }
+  }, [analytics, data === null || data === void 0 ? void 0 : data.downloadUrl, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
+    icon: /*#__PURE__*/React.createElement(DownloadIcon, {
+      label: "Download"
+    }),
+    onClick: onClick,
+    testId: "smart-action-download-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
+  }, data, props)) : null;
+};
+export default DownloadAction;

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/index.js

@@ -1,20 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
-import React, { useContext } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
 const FollowAction = props => {
-  const context = useContext(FlexibleUiContext);
-  if (!context || !context.followAction) {
+  var _context$actions, _context$actions2;
+  const context = useFlexibleUiContext();
+  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.FollowAction])) {
     return null;
   }
   const {
     value,
     ...data
-  } = context.followAction;
+  } = context === null || context === void 0 ? void 0 : (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction];
   const message = value ? messages.follow : messages.unfollow;
   const icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"

package/dist/es2019/view/FlexibleCard/components/actions/index.js

@@ -2,6 +2,7 @@ import { ActionName } from '../../../../constants';
 import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
+export { default as DownloadAction } from './download-action';
 
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
@@ -23,13 +24,6 @@ export const EditAction = createUIAction(ActionName.EditAction);
  */
 export const ViewAction = createDataAction(ActionName.ViewAction);
 
-/**
- * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
- * to the text 'Download' inside the button.
- * @see Action
- */
-export const DownloadAction = createDataAction(ActionName.DownloadAction);
-
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.

package/dist/es2019/view/FlexibleCard/components/actions/utils.js

@@ -9,8 +9,6 @@ import CrossIcon from '@atlaskit/icon/glyph/cross';
 import EditIcon from '@atlaskit/icon/glyph/edit';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import DownloadAction from './action/download-action';
-import DownloadIcon from '@atlaskit/icon/glyph/download';
 const actionMappings = {
   [ActionName.CustomAction]: {
     component: Action,
@@ -48,17 +46,6 @@ const actionMappings = {
       }),
       tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.view)
     }
-  },
-  [ActionName.DownloadAction]: {
-    component: DownloadAction,
-    props: {
-      testId: 'smart-action-download-action',
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-      icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-        label: "Download"
-      }),
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
-    }
   }
 };
 const getContextKey = name => {
@@ -73,7 +60,6 @@ const getActionData = (actionName, contextKey, context) => {
   const data = context[contextKey];
   switch (actionName) {
     case ActionName.ViewAction:
-    case ActionName.DownloadAction:
       return data;
     default:
       return undefined;

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
+import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
 import { ActionName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
@@ -16,16 +16,46 @@ 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';
+import { di } from 'react-magnetic-di';
+export const AISummaryBlockErrorIndicator = ({
+  showErrorIndicator,
+  error,
+  testId
+}) => {
+  return showErrorIndicator ? /*#__PURE__*/React.createElement(Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+    reason: error
+  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+    error: error,
+    state: 'error',
+    testId: testId
+  })) : null;
+};
+export const AISummaryBlockStatusIndicator = ({
+  showStatusIndicator,
+  metadata,
+  status,
+  testId
+}) => {
+  const metadataElements = renderElementItems(metadata);
+  return showStatusIndicator ? /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: status,
+    testId: `${testId}-state-indicator`
+  }) : /*#__PURE__*/React.createElement(ElementGroup, {
+    width: SmartLinkWidth.FitToContent,
+    testId: `${testId}-metadata-group`
+  }, metadataElements);
+};
 const AISummaryBlockResolvedView = props => {
   const {
     actions = [],
-    metadata,
     onActionMenuOpenChange,
     size = SmartLinkSize.Medium,
     testId,
-    aiSummaryMinHeight
+    aiSummaryMinHeight,
+    metadata
   } = props;
-  const metadataElements = renderElementItems(metadata);
   const {
     fireEvent
   } = useAnalyticsEvents();
@@ -48,15 +78,11 @@ const AISummaryBlockResolvedView = props => {
   status === 'loading' && !!content;
   const isSummarisedOnMountRef = useRef(status === 'done');
   const isErroredOnMountRef = useRef(status === 'error');
-  const [showAISummaryErrorMessage, setShowAISummaryErrorMessage] = useState(false);
   useEffect(() => {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
     if (isErroredOnMountRef.current && status === 'loading') {
       isErroredOnMountRef.current = false;
-    } else {
-      // if a new error occurs and it was not an apparent error on mount, we can show the error message
-      setShowAISummaryErrorMessage(!isErroredOnMountRef.current && status === 'error');
     }
   }, [status]);
   const combinedActions = useMemo(() => {
@@ -99,25 +125,20 @@ const AISummaryBlockResolvedView = props => {
     alignInline: "end",
     grow: "fill",
     spread: "space-between"
-  }, /*#__PURE__*/React.createElement(Box, null, !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done') ? /*#__PURE__*/React.createElement(AIStateIndicator, {
-    state: status,
-    testId: `${testId}-state-indicator`
-  }) : /*#__PURE__*/React.createElement(ElementGroup, {
-    width: SmartLinkWidth.FitToContent,
-    testId: `${testId}-metadata-group`
-  }, metadataElements)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AISummaryBlockStatusIndicator, {
+    metadata: metadata,
+    showStatusIndicator: !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done'),
+    status: status,
+    testId: testId
+  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
     appearance: "default",
     size: size
-  }))), showAISummaryErrorMessage && /*#__PURE__*/React.createElement(Inline, {
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
-    reason: error
-  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }))), /*#__PURE__*/React.createElement(AISummaryBlockErrorIndicator, {
+    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
     error: error,
-    state: status,
     testId: testId
-  })));
+  }));
 };
 export default AISummaryBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -130,14 +130,6 @@ export const filterActionItems = (items = [], context) => {
       case ActionName.CustomAction:
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
-      case ActionName.DownloadAction:
-        // Remove once DownloadAction is refactored to context.action
-        // https://product-fabric.atlassian.net/browse/EDM-9545
-        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-      // Remove once FollowAction is refactored to context.action
-      // https://product-fabric.atlassian.net/browse/EDM-9559
-      case ActionName.FollowAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
       // Remove once ViewAction is retired
       // https://product-fabric.atlassian.net/browse/EDM-9547
       case ActionName.ViewAction:

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -5,10 +5,13 @@ import React, { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
-const getSnippetStyles = overrideCss => css`
-  color: ${"var(--ds-text, #172B4D)"};
-  ${overrideCss};
-`;
+const getSnippetStyles = overrideCss => css({
+  color: "var(--ds-text, #172B4D)",
+  WebkitUserSelect: 'text',
+  MozUserSelect: 'text',
+  MsUserSelect: 'text',
+  userSelect: 'text'
+}, overrideCss);
 const SnippetElement = ({
   content: overrideContent,
   maxLines = SNIPPET_DEFAULT_MAX_LINES,