@atlaskit/smart-card 31.0.3 → 32.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 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/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.0.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.0.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/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.0.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.0.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
+    };
+  }
+};

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

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

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

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

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

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

package/dist/esm/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 var extractPreviewAction = function extractPreviewAction(response, actionOptions) {
   var _extractPreviewData;
@@ -21,7 +22,8 @@ export var extractPreviewAction = function extractPreviewAction(response, action
       title: extractTitle(data),
       linkIcon: extractLinkIcon(response),
       url: extractLink(data),
-      isSupportTheming: extractIsSupportTheming(meta)
+      isSupportTheming: extractIsSupportTheming(meta),
+      isTrusted: extractIsTrusted(meta)
     };
   }
 };

package/dist/esm/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(_ref) {
   var url = _ref.url,
@@ -18,6 +25,37 @@ export function useSmartLinkActions(_ref) {
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, id);
   var linkActions = useLinkActions(id, url, linkAnalytics);
+  var invokeClientAction = useInvokeClientAction({
+    analytics: linkAnalytics
+  });
+  if (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: getExtensionKey(linkState.details),
+        source: appearance,
+        actionOptions: actionOptions
+      };
+      var actions = [];
+      var downloadActionProps = extractDownloadActionProps(opts);
+      if (downloadActionProps) {
+        actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
+      }
+      var viewActionProps = extractViewActionProps(opts);
+      if (viewActionProps) {
+        actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
+      }
+      var 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)) {
     var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
       handleInvoke: function handleInvoke(opts) {

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

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

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

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

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

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

package/dist/types/extractors/action/extractDownloadActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import { type ExtractActionsProps } from '../common/actions/types';
+export declare const extractDownloadActionProps: ({ response, actionOptions, extensionKey, source, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types/extractors/action/extractPreviewActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import type { ExtractActionsProps } from '../common/actions/types';
+export declare const extractPreviewActionProps: ({ response, analytics, extensionKey, source, actionOptions, origin, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types/extractors/action/extractViewActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import { type ExtractActionsProps } from '../common/actions/types';
+export declare const extractViewActionProps: ({ response, actionOptions, extensionKey, source, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types/extractors/common/__mocks__/jsonld.d.ts

@@ -41,3 +41,8 @@ export declare const PREVIEW: JsonLd.Data.BaseData['preview'];
 export declare const TEST_DOCUMENT_WITH_PREVIEW: JsonLd.Data.BaseData;
 export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: JsonLd.Data.SourceCodeRepository;
 export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: JsonLd.Data.SourceCodeRepository;
+export declare const TEST_RESPONSE: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_PREVIEW_AND_DOWNLOAD: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_DOWNLOAD: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_PREVIEW: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_VIEW: JsonLd.Response;

package/dist/types/extractors/common/actions/extractActions.d.ts

@@ -3,4 +3,8 @@ import { type InvokeHandler } from '../../../model/invoke-handler';
 import { type ActionProps } from '../../../view/BlockCard/components/Action';
 import { type CardActionOptions } from '../../../view/Card/types';
 export declare const getActionsFromJsonLd: (jsonLd: JsonLd.Data.BaseData) => JsonLd.Primitives.Action[];
+/**
+ * @private
+ * @deprecated - use flexible extractors instead
+ */
 export declare function extractClientActions(jsonLd: JsonLd.Data.BaseData, handler: InvokeHandler, actionOptions?: CardActionOptions): ActionProps[];

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,6 +2,10 @@ import { type JsonLd } from 'json-ld-types';
 import { type BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { type CardPlatform } from '../../../view/Card/types';
 import { type ExtractBlockOpts } from '../../block/types';
+/**
+ * @private
+ * @deprecated - use extractPreviewActionProps instead
+ */
 export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, meta, actionOptions, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;

package/dist/types/extractors/common/actions/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { type JsonLd } from 'json-ld-types';
+import { type AnalyticsFacade } from '../../../state/analytics';
+import { type AnalyticsOrigin } from '../../../utils/types';
+import { type CardActionOptions, type CardInnerAppearance } from '../../../view/Card/types';
+export type ExtractActionsProps = {
+    response: JsonLd.Response;
+    analytics: AnalyticsFacade;
+    actionOptions?: CardActionOptions;
+    extensionKey?: string;
+    source?: CardInnerAppearance;
+    origin?: AnalyticsOrigin;
+};
+export interface ActionProps {
+    /** String identifier for the action (e.g. 'preview-content') */
+    id: string;
+    /** The text to be displayed in the action's button */
+    text: React.ReactNode;
+    /** The function to be called on clicking the action. This is a promise so the state can transition correctly after the action finishes */
+    invoke: () => Promise<any>;
+}

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -257,6 +257,7 @@ export type PreviewActionData = {
     title?: string;
     url?: string;
     isSupportTheming?: boolean;
+    isTrusted?: boolean;
 };
 export type ViewActionData = {
     viewUrl?: string;

package/dist/types/state/hooks/use-invoke-client-action/index.d.ts

@@ -1,6 +1,6 @@
-import type { InvokeClientActionProps, UseInvokeClientActionProps } from './types';
+import type { InvokeClientActionHandler, UseInvokeClientActionProps } from './types';
 /**
  * Invoke client action such as preview, download and open link
  */
-declare const useInvokeClientAction: ({ analytics }: UseInvokeClientActionProps) => ({ actionType, actionFn, extensionKey, display }: InvokeClientActionProps) => Promise<void>;
+declare const useInvokeClientAction: ({ analytics, }: UseInvokeClientActionProps) => InvokeClientActionHandler;
 export default useInvokeClientAction;

package/dist/types/state/hooks/use-invoke-client-action/types.d.ts

@@ -28,3 +28,4 @@ export type InvokeClientActionProps = {
      */
     extensionKey?: string;
 };
+export type InvokeClientActionHandler = (opts: InvokeClientActionProps) => Promise<void>;

package/dist/types/utils/actions/to-action.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
+import { type InvokeClientActionHandler, type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+export declare const toAction: (action: InvokeClientActionProps, invokeClientAction: InvokeClientActionHandler, message: MessageDescriptor, id: string) => {
+    id: string;
+    text: JSX.Element;
+    invoke: () => Promise<void>;
+};

package/dist/types-ts4.5/extractors/action/extractDownloadActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import { type ExtractActionsProps } from '../common/actions/types';
+export declare const extractDownloadActionProps: ({ response, actionOptions, extensionKey, source, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types-ts4.5/extractors/action/extractPreviewActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import type { ExtractActionsProps } from '../common/actions/types';
+export declare const extractPreviewActionProps: ({ response, analytics, extensionKey, source, actionOptions, origin, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types-ts4.5/extractors/action/extractViewActionProps.d.ts

@@ -0,0 +1,3 @@
+import { type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+import { type ExtractActionsProps } from '../common/actions/types';
+export declare const extractViewActionProps: ({ response, actionOptions, extensionKey, source, }: ExtractActionsProps) => InvokeClientActionProps | undefined;

package/dist/types-ts4.5/extractors/common/__mocks__/jsonld.d.ts

@@ -41,3 +41,8 @@ export declare const PREVIEW: JsonLd.Data.BaseData['preview'];
 export declare const TEST_DOCUMENT_WITH_PREVIEW: JsonLd.Data.BaseData;
 export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: JsonLd.Data.SourceCodeRepository;
 export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: JsonLd.Data.SourceCodeRepository;
+export declare const TEST_RESPONSE: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_PREVIEW_AND_DOWNLOAD: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_DOWNLOAD: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_PREVIEW: JsonLd.Response;
+export declare const TEST_RESPONSE_WITH_VIEW: JsonLd.Response;

package/dist/types-ts4.5/extractors/common/actions/extractActions.d.ts

@@ -3,4 +3,8 @@ import { type InvokeHandler } from '../../../model/invoke-handler';
 import { type ActionProps } from '../../../view/BlockCard/components/Action';
 import { type CardActionOptions } from '../../../view/Card/types';
 export declare const getActionsFromJsonLd: (jsonLd: JsonLd.Data.BaseData) => JsonLd.Primitives.Action[];
+/**
+ * @private
+ * @deprecated - use flexible extractors instead
+ */
 export declare function extractClientActions(jsonLd: JsonLd.Data.BaseData, handler: InvokeHandler, actionOptions?: CardActionOptions): ActionProps[];

package/dist/types-ts4.5/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,6 +2,10 @@ import { type JsonLd } from 'json-ld-types';
 import { type BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { type CardPlatform } from '../../../view/Card/types';
 import { type ExtractBlockOpts } from '../../block/types';
+/**
+ * @private
+ * @deprecated - use extractPreviewActionProps instead
+ */
 export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, meta, actionOptions, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;

package/dist/types-ts4.5/extractors/common/actions/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { type JsonLd } from 'json-ld-types';
+import { type AnalyticsFacade } from '../../../state/analytics';
+import { type AnalyticsOrigin } from '../../../utils/types';
+import { type CardActionOptions, type CardInnerAppearance } from '../../../view/Card/types';
+export type ExtractActionsProps = {
+    response: JsonLd.Response;
+    analytics: AnalyticsFacade;
+    actionOptions?: CardActionOptions;
+    extensionKey?: string;
+    source?: CardInnerAppearance;
+    origin?: AnalyticsOrigin;
+};
+export interface ActionProps {
+    /** String identifier for the action (e.g. 'preview-content') */
+    id: string;
+    /** The text to be displayed in the action's button */
+    text: React.ReactNode;
+    /** The function to be called on clicking the action. This is a promise so the state can transition correctly after the action finishes */
+    invoke: () => Promise<any>;
+}

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -257,6 +257,7 @@ export type PreviewActionData = {
     title?: string;
     url?: string;
     isSupportTheming?: boolean;
+    isTrusted?: boolean;
 };
 export type ViewActionData = {
     viewUrl?: string;

package/dist/types-ts4.5/state/hooks/use-invoke-client-action/index.d.ts

@@ -1,6 +1,6 @@
-import type { InvokeClientActionProps, UseInvokeClientActionProps } from './types';
+import type { InvokeClientActionHandler, UseInvokeClientActionProps } from './types';
 /**
  * Invoke client action such as preview, download and open link
  */
-declare const useInvokeClientAction: ({ analytics }: UseInvokeClientActionProps) => ({ actionType, actionFn, extensionKey, display }: InvokeClientActionProps) => Promise<void>;
+declare const useInvokeClientAction: ({ analytics, }: UseInvokeClientActionProps) => InvokeClientActionHandler;
 export default useInvokeClientAction;

package/dist/types-ts4.5/state/hooks/use-invoke-client-action/types.d.ts

@@ -28,3 +28,4 @@ export type InvokeClientActionProps = {
      */
     extensionKey?: string;
 };
+export type InvokeClientActionHandler = (opts: InvokeClientActionProps) => Promise<void>;

package/dist/types-ts4.5/utils/actions/to-action.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
+import { type InvokeClientActionHandler, type InvokeClientActionProps } from '../../state/hooks/use-invoke-client-action/types';
+export declare const toAction: (action: InvokeClientActionProps, invokeClientAction: InvokeClientActionHandler, message: MessageDescriptor, id: string) => {
+    id: string;
+    text: JSX.Element;
+    invoke: () => Promise<void>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "31.0.3",
+	"version": "32.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -152,7 +152,6 @@
 	},
 	"af:exports": {
 		"./ssr": "./src/ssr.tsx",
-		"./client": "./src/client/index.ts",
 		"./types": "./src/types.ts",
 		"./hooks": "./src/hooks.ts",
 		"./hover-card": "./src/hoverCard.ts",
@@ -174,6 +173,9 @@
 		},
 		"smart_links_for_plans_platform": {
 			"type": "boolean"
+		},
+		"smart-card-use-refactored-usesmartlinkactions": {
+			"type": "boolean"
 		}
 	}
 }

package/client/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@atlaskit/smart-card/client",
-  "main": "../dist/cjs/client/index.js",
-  "module": "../dist/esm/client/index.js",
-  "module:es2019": "../dist/es2019/client/index.js",
-  "sideEffects": false,
-  "types": "../dist/types/client/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.4": {
-      "*": [
-        "../dist/types-ts4.5/client/index.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/client/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _linkProvider.CardClient;
-  }
-});
-var _linkProvider = require("@atlaskit/link-provider");

package/dist/es2019/client/index.js

@@ -1,5 +0,0 @@
-/**
- *  @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15961 Internal documentation for deprecation (no external access)}
- *  Remove access from entrypoint /client and use `@atlaskit/link-provider`
- **/
-export { CardClient as default } from '@atlaskit/link-provider';

package/dist/esm/client/index.js

@@ -1,5 +0,0 @@
-/**
- *  @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15961 Internal documentation for deprecation (no external access)}
- *  Remove access from entrypoint /client and use `@atlaskit/link-provider`
- **/
-export { CardClient as default } from '@atlaskit/link-provider';

package/dist/types/client/index.d.ts

@@ -1,5 +0,0 @@
-/**
- *  @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15961 Internal documentation for deprecation (no external access)}
- *  Remove access from entrypoint /client and use `@atlaskit/link-provider`
- **/
-export { CardClient as default } from '@atlaskit/link-provider';

package/dist/types-ts4.5/client/index.d.ts

@@ -1,5 +0,0 @@
-/**
- *  @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15961 Internal documentation for deprecation (no external access)}
- *  Remove access from entrypoint /client and use `@atlaskit/link-provider`
- **/
-export { CardClient as default } from '@atlaskit/link-provider';