@atlaskit/smart-card 31.0.3 → 32.1.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/smart-card
 
+## 32.1.0
+
+### Minor Changes
+
+- [#170211](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170211)
+  [`c2506e15d813c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c2506e15d813c) -
+  Smart card to always show lozenge if `atlassian:state` exists, regardless of json ld type
+
+### Patch Changes
+
+- Updated dependencies
+
+## 32.0.0
+
+### Major Changes
+
+- [#169454](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169454)
+  [`c4bdbc7fc7e2e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c4bdbc7fc7e2e) -
+  EDM-10924 Remove deprecated client entrypoint from smart-card
+
+### Minor Changes
+
+- [#169491](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169491)
+  [`b0b713c370025`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b0b713c370025) -
+  Refactor useSmartLinkActions hook to remove dependency on extractBlockProps
+
 ## 31.0.3
 
 ### Patch Changes

package/dist/cjs/extractors/action/extractDownloadActionProps.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractDownloadActionProps = void 0;
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+var _extractDownloadAction = require("../flexible/actions/extract-download-action");
+var extractDownloadActionProps = exports.extractDownloadActionProps = function extractDownloadActionProps(_ref) {
+  var response = _ref.response,
+    actionOptions = _ref.actionOptions,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source;
+  var data = (0, _extractDownloadAction.extractDownloadAction)(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: _constants.ActionName.DownloadAction,
+      actionFn: function actionFn() {
+        return (0, _utils.downloadUrl)(data.downloadUrl);
+      },
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};

package/dist/cjs/extractors/action/extractPreviewActionProps.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractPreviewActionProps = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constants = require("../../constants");
+var _utils = require("../../view/EmbedModal/utils");
+var _extractPreviewAction = require("../flexible/actions/extract-preview-action");
+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) { (0, _defineProperty2.default)(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; }
+var extractPreviewActionProps = exports.extractPreviewActionProps = function extractPreviewActionProps(_ref) {
+  var response = _ref.response,
+    analytics = _ref.analytics,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source,
+    actionOptions = _ref.actionOptions,
+    origin = _ref.origin;
+  var data = (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions);
+  if (data !== null && data !== void 0 && data.src) {
+    return {
+      actionType: _constants.ActionName.PreviewAction,
+      actionFn: function actionFn() {
+        return (0, _utils.openEmbedModal)(_objectSpread({
+          download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+          showModal: true,
+          onClose: function onClose() {},
+          analytics: analytics,
+          extensionKey: extensionKey,
+          origin: origin
+        }, data));
+      },
+      // These values have already been set in analytics context.
+      // We only pass these here for ufo experience.
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};

package/dist/cjs/extractors/action/extractViewActionProps.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractViewActionProps = void 0;
+var _utils = require("../../utils");
+var _extractViewAction = require("../flexible/actions/extract-view-action");
+var extractViewActionProps = exports.extractViewActionProps = function extractViewActionProps(_ref) {
+  var response = _ref.response,
+    actionOptions = _ref.actionOptions,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source;
+  var data = (0, _extractViewAction.extractViewAction)(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: 'ViewAction',
+      actionFn: function actionFn() {
+        return (0, _utils.openUrl)(data.viewUrl);
+      },
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};

package/dist/cjs/extractors/common/actions/extractActions.js

@@ -65,6 +65,11 @@ var getActionsFromJsonLd = exports.getActionsFromJsonLd = function getActionsFro
   }
   return actions;
 };
+
+/**
+ * @private
+ * @deprecated - use flexible extractors instead
+ */
 function extractClientActions(jsonLd, handler, actionOptions) {
   var actions = getActionsFromJsonLd(jsonLd);
   var clientActions = actions.filter(function (action) {

package/dist/cjs/extractors/common/actions/extractPreviewAction.js

@@ -54,6 +54,11 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
     }
   };
 };
+
+/**
+ * @private
+ * @deprecated - use extractPreviewActionProps instead
+ */
 var extractPreviewAction = exports.extractPreviewAction = function extractPreviewAction(_ref) {
   var _ref$extensionKey = _ref.extensionKey,
     extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,

package/dist/cjs/extractors/common/actions/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/extractors/common/lozenge/extractLozenge.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractLozenge = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _extractState = require("./extractState");
 var _extractTag = require("./extractTag");
 var _extractTaskStatus = require("./extractTaskStatus");
@@ -13,14 +14,32 @@ var DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:Dig
 var extractLozenge = exports.extractLozenge = function extractLozenge(jsonLd) {
   var type = (0, _linkExtractors.extractType)(jsonLd);
   if (type) {
+    if ((0, _platformFeatureFlags.fg)('linking_platform_show_lozenge_atlassian_state')) {
+      if (type.includes('atlassian:Task')) {
+        var jsonLdTask = jsonLd;
+        var lozengeFromTag = (0, _extractTag.extractTag)(jsonLdTask);
+        var lozengeFromStatus = (0, _extractTaskStatus.extractTaskStatus)(jsonLdTask);
+        var lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
+        return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
+      }
+      if (type.includes('atlassian:UndefinedLink')) {
+        return {
+          text: 'UNDEFINED',
+          appearance: 'inprogress'
+        };
+      }
+
+      // casting it because `extractState` can safely handle missing properties
+      return (0, _extractState.extractState)(jsonLd);
+    }
     if (type.includes('atlassian:SourceCodePullRequest')) {
       return (0, _extractState.extractState)(jsonLd);
     } else if (type.includes('atlassian:Task')) {
-      var jsonLdTask = jsonLd;
-      var lozengeFromTag = (0, _extractTag.extractTag)(jsonLdTask);
-      var lozengeFromStatus = (0, _extractTaskStatus.extractTaskStatus)(jsonLdTask);
-      var lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
-      return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
+      var _jsonLdTask = jsonLd;
+      var _lozengeFromTag = (0, _extractTag.extractTag)(_jsonLdTask);
+      var _lozengeFromStatus = (0, _extractTaskStatus.extractTaskStatus)(_jsonLdTask);
+      var _lozengeFromTaskType = extractLozengeFromTaskType(_jsonLdTask);
+      return _lozengeFromTag || _lozengeFromStatus || _lozengeFromTaskType;
     } else if (type.some(function (types) {
       return DOC_TYPES.includes(types);
     })) {

package/dist/cjs/extractors/flexible/actions/extract-preview-action.js

@@ -9,6 +9,7 @@ var _canShowAction = require("../../../utils/actions/can-show-action");
 var _types = require("../../../view/Card/types");
 var _detail = require("../../common/detail");
 var _extractIsSupportTheming = require("../../common/meta/extractIsSupportTheming");
+var _extractIsTrusted = require("../../common/meta/extractIsTrusted");
 var _icon = require("../icon");
 var extractPreviewAction = exports.extractPreviewAction = function extractPreviewAction(response, actionOptions) {
   var _extractPreviewData;
@@ -27,7 +28,8 @@ var extractPreviewAction = exports.extractPreviewAction = function extractPrevie
       title: (0, _linkExtractors.extractTitle)(data),
       linkIcon: (0, _icon.extractLinkIcon)(response),
       url: (0, _linkExtractors.extractLink)(data),
-      isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)
+      isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta),
+      isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta)
     };
   }
 };

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -7,10 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSmartLinkActions = useSmartLinkActions;
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _extractDownloadActionProps = require("../../extractors/action/extractDownloadActionProps");
+var _extractPreviewActionProps = require("../../extractors/action/extractPreviewActionProps");
+var _extractViewActionProps = require("../../extractors/action/extractViewActionProps");
 var _block = require("../../extractors/block");
+var _messages = require("../../messages");
+var _toAction = require("../../utils/actions/to-action");
 var _actions = require("../actions");
 var _analytics = require("../analytics");
 var _helpers = require("../helpers");
+var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 var _store = require("../store");
 function useSmartLinkActions(_ref) {
   var url = _ref.url,
@@ -25,6 +32,37 @@ function useSmartLinkActions(_ref) {
   var linkState = (0, _store.useSmartCardState)(url);
   var linkAnalytics = (0, _analytics.useSmartLinkAnalytics)(url, id);
   var linkActions = (0, _actions.useSmartCardActions)(id, url, linkAnalytics);
+  var invokeClientAction = (0, _useInvokeClientAction.default)({
+    analytics: linkAnalytics
+  });
+  if ((0, _platformFeatureFlags.fg)('smart-card-use-refactored-usesmartlinkactions')) {
+    if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
+      var opts = {
+        response: linkState.details,
+        handleInvoke: invokeClientAction,
+        analytics: linkAnalytics,
+        origin: origin,
+        extensionKey: (0, _helpers.getExtensionKey)(linkState.details),
+        source: appearance,
+        actionOptions: actionOptions
+      };
+      var actions = [];
+      var downloadActionProps = (0, _extractDownloadActionProps.extractDownloadActionProps)(opts);
+      if (downloadActionProps) {
+        actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
+      }
+      var viewActionProps = (0, _extractViewActionProps.extractViewActionProps)(opts);
+      if (viewActionProps) {
+        actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
+      }
+      var previewActionProps = (0, _extractPreviewActionProps.extractPreviewActionProps)(opts);
+      if (previewActionProps) {
+        actions.push((0, _toAction.toAction)(previewActionProps, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
+      }
+      return actions;
+    }
+    return [];
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     var cardProperties = (0, _block.extractBlockProps)(linkState.details.data, linkState.details.meta, {
       handleInvoke: function handleInvoke(opts) {

package/dist/cjs/utils/actions/to-action.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toAction = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var toAction = exports.toAction = function toAction(action, invokeClientAction, message, id) {
+  return {
+    id: id,
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+    invoke: function invoke() {
+      return invokeClientAction(action);
+    }
+  };
+};

package/dist/cjs/utils/analytics/analytics.js

@@ -17,7 +17,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "31.0.3"
+  packageVersion: "32.1.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

package/dist/es2019/extractors/action/extractDownloadActionProps.js

@@ -0,0 +1,19 @@
+import { ActionName } from '../../constants';
+import { downloadUrl } from '../../utils';
+import { extractDownloadAction as extractDownloadActionData } from '../flexible/actions/extract-download-action';
+export const extractDownloadActionProps = ({
+  response,
+  actionOptions,
+  extensionKey = 'empty-object-provider',
+  source = 'block'
+}) => {
+  const data = extractDownloadActionData(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: ActionName.DownloadAction,
+      actionFn: () => downloadUrl(data.downloadUrl),
+      display: source,
+      extensionKey
+    };
+  }
+};

package/dist/es2019/extractors/action/extractPreviewActionProps.js

@@ -0,0 +1,31 @@
+import { ActionName } from '../../constants';
+import { openEmbedModal } from '../../view/EmbedModal/utils';
+import { extractPreviewAction as extractPreviewActionData } from '../flexible/actions/extract-preview-action';
+export const extractPreviewActionProps = ({
+  response,
+  analytics,
+  extensionKey = 'empty-object-provider',
+  source = 'block',
+  actionOptions,
+  origin
+}) => {
+  const data = extractPreviewActionData(response, actionOptions);
+  if (data !== null && data !== void 0 && data.src) {
+    return {
+      actionType: ActionName.PreviewAction,
+      actionFn: () => openEmbedModal({
+        download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+        showModal: true,
+        onClose: () => {},
+        analytics,
+        extensionKey,
+        origin,
+        ...data
+      }),
+      // These values have already been set in analytics context.
+      // We only pass these here for ufo experience.
+      display: source,
+      extensionKey
+    };
+  }
+};

package/dist/es2019/extractors/action/extractViewActionProps.js

@@ -0,0 +1,18 @@
+import { openUrl } from '../../utils';
+import { extractViewAction as extractViewActionData } from '../flexible/actions/extract-view-action';
+export const extractViewActionProps = ({
+  response,
+  actionOptions,
+  extensionKey = 'empty-object-provider',
+  source = 'block'
+}) => {
+  const data = extractViewActionData(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: 'ViewAction',
+      actionFn: () => openUrl(data.viewUrl),
+      display: source,
+      extensionKey
+    };
+  }
+};

package/dist/es2019/extractors/common/actions/extractActions.js

@@ -51,6 +51,11 @@ export const getActionsFromJsonLd = jsonLd => {
   }
   return actions;
 };
+
+/**
+ * @private
+ * @deprecated - use flexible extractors instead
+ */
 export function extractClientActions(jsonLd, handler, actionOptions) {
   const actions = getActionsFromJsonLd(jsonLd);
   const clientActions = actions.filter(action => isClientAction(action) && isActionEnabled(action, actionOptions));

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -38,6 +38,11 @@ const getInvokeOpts = (key, action, source) => ({
     promise: () => Promise.resolve()
   }
 });
+
+/**
+ * @private
+ * @deprecated - use extractPreviewActionProps instead
+ */
 export const extractPreviewAction = ({
   extensionKey = 'empty-object-provider',
   viewProps,

package/dist/es2019/extractors/common/actions/types.js

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

package/dist/es2019/extractors/common/lozenge/extractLozenge.js

@@ -1,4 +1,5 @@
 import { extractType } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { extractState } from './extractState';
 import { extractTag } from './extractTag';
 import { extractTaskStatus } from './extractTaskStatus';
@@ -7,6 +8,24 @@ const DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:D
 export const extractLozenge = jsonLd => {
   const type = extractType(jsonLd);
   if (type) {
+    if (fg('linking_platform_show_lozenge_atlassian_state')) {
+      if (type.includes('atlassian:Task')) {
+        const jsonLdTask = jsonLd;
+        const lozengeFromTag = extractTag(jsonLdTask);
+        const lozengeFromStatus = extractTaskStatus(jsonLdTask);
+        const lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
+        return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
+      }
+      if (type.includes('atlassian:UndefinedLink')) {
+        return {
+          text: 'UNDEFINED',
+          appearance: 'inprogress'
+        };
+      }
+
+      // casting it because `extractState` can safely handle missing properties
+      return extractState(jsonLd);
+    }
     if (type.includes('atlassian:SourceCodePullRequest')) {
       return extractState(jsonLd);
     } else if (type.includes('atlassian:Task')) {

package/dist/es2019/extractors/flexible/actions/extract-preview-action.js

@@ -3,6 +3,7 @@ import { canShowAction } from '../../../utils/actions/can-show-action';
 import { CardAction } from '../../../view/Card/types';
 import { extractDownloadUrl } from '../../common/detail';
 import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';
+import { extractIsTrusted } from '../../common/meta/extractIsTrusted';
 import { extractLinkIcon } from '../icon';
 export const extractPreviewAction = (response, actionOptions) => {
   var _extractPreviewData;
@@ -21,7 +22,8 @@ export const extractPreviewAction = (response, actionOptions) => {
       title: extractTitle(data),
       linkIcon: extractLinkIcon(response),
       url: extractLink(data),
-      isSupportTheming: extractIsSupportTheming(meta)
+      isSupportTheming: extractIsSupportTheming(meta),
+      isTrusted: extractIsTrusted(meta)
     };
   }
 };

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,9 +1,16 @@
 import { useMemo } from 'react';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { extractDownloadActionProps } from '../../extractors/action/extractDownloadActionProps';
+import { extractPreviewActionProps } from '../../extractors/action/extractPreviewActionProps';
+import { extractViewActionProps } from '../../extractors/action/extractViewActionProps';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
+import { messages } from '../../messages';
+import { toAction } from '../../utils/actions/to-action';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
 import { getExtensionKey } from '../helpers';
+import useInvokeClientAction from '../hooks/use-invoke-client-action';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
@@ -16,6 +23,37 @@ export function useSmartLinkActions({
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, id);
   const linkActions = useLinkActions(id, url, linkAnalytics);
+  const invokeClientAction = useInvokeClientAction({
+    analytics: linkAnalytics
+  });
+  if (fg('smart-card-use-refactored-usesmartlinkactions')) {
+    if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
+      const opts = {
+        response: linkState.details,
+        handleInvoke: invokeClientAction,
+        analytics: linkAnalytics,
+        origin,
+        extensionKey: getExtensionKey(linkState.details),
+        source: appearance,
+        actionOptions
+      };
+      const actions = [];
+      const downloadActionProps = extractDownloadActionProps(opts);
+      if (downloadActionProps) {
+        actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
+      }
+      const viewActionProps = extractViewActionProps(opts);
+      if (viewActionProps) {
+        actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
+      }
+      const previewActionProps = extractPreviewActionProps(opts);
+      if (previewActionProps) {
+        actions.push(toAction(previewActionProps, invokeClientAction, messages.preview_improved, 'preview-content'));
+      }
+      return actions;
+    }
+    return [];
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
       handleInvoke: opts => linkActions.invoke(opts, appearance),

package/dist/es2019/utils/actions/to-action.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+export const toAction = (action, invokeClientAction, message, id) => {
+  return {
+    id,
+    text: /*#__PURE__*/React.createElement(FormattedMessage, message),
+    invoke: () => invokeClientAction(action)
+  };
+};

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

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

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

package/dist/esm/extractors/action/extractDownloadActionProps.js

@@ -0,0 +1,22 @@
+import { ActionName } from '../../constants';
+import { downloadUrl } from '../../utils';
+import { extractDownloadAction as extractDownloadActionData } from '../flexible/actions/extract-download-action';
+export var extractDownloadActionProps = function extractDownloadActionProps(_ref) {
+  var response = _ref.response,
+    actionOptions = _ref.actionOptions,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source;
+  var data = extractDownloadActionData(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: ActionName.DownloadAction,
+      actionFn: function actionFn() {
+        return downloadUrl(data.downloadUrl);
+      },
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};

package/dist/esm/extractors/action/extractPreviewActionProps.js

@@ -0,0 +1,36 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { ActionName } from '../../constants';
+import { openEmbedModal } from '../../view/EmbedModal/utils';
+import { extractPreviewAction as extractPreviewActionData } from '../flexible/actions/extract-preview-action';
+export var extractPreviewActionProps = function extractPreviewActionProps(_ref) {
+  var response = _ref.response,
+    analytics = _ref.analytics,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source,
+    actionOptions = _ref.actionOptions,
+    origin = _ref.origin;
+  var data = extractPreviewActionData(response, actionOptions);
+  if (data !== null && data !== void 0 && data.src) {
+    return {
+      actionType: ActionName.PreviewAction,
+      actionFn: function actionFn() {
+        return openEmbedModal(_objectSpread({
+          download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+          showModal: true,
+          onClose: function onClose() {},
+          analytics: analytics,
+          extensionKey: extensionKey,
+          origin: origin
+        }, data));
+      },
+      // These values have already been set in analytics context.
+      // We only pass these here for ufo experience.
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};

package/dist/esm/extractors/action/extractViewActionProps.js

@@ -0,0 +1,21 @@
+import { openUrl } from '../../utils';
+import { extractViewAction as extractViewActionData } from '../flexible/actions/extract-view-action';
+export var extractViewActionProps = function extractViewActionProps(_ref) {
+  var response = _ref.response,
+    actionOptions = _ref.actionOptions,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'block' : _ref$source;
+  var data = extractViewActionData(response.data, actionOptions);
+  if (data) {
+    return {
+      actionType: 'ViewAction',
+      actionFn: function actionFn() {
+        return openUrl(data.viewUrl);
+      },
+      display: source,
+      extensionKey: extensionKey
+    };
+  }
+};