@atlaskit/smart-card 26.44.2 → 26.45.0

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

@@ -2,8 +2,13 @@ import { extractDownloadUrl } from '../../common/detail';
 import { extractPreview as extractPreviewData, extractLink, extractProvider, extractTitle } from '@atlaskit/link-extractors';
 import { extractLinkIcon } from '../icon';
 import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';
-export var extractPreviewAction = function extractPreviewAction(response) {
+import { CardAction } from '../../../view/Card/types';
+import { canShowAction } from '../../../utils/actions/can-show-action';
+export var extractPreviewAction = function extractPreviewAction(response, actionOptions) {
   var _extractPreviewData;
+  if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
+    return;
+  }
   var data = response.data;
   var meta = response.meta;
   var src = (_extractPreviewData = extractPreviewData(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;

package/dist/esm/extractors/flexible/actions/extract-view-action.js

@@ -1,6 +1,11 @@
 import { extractLink } from '@atlaskit/link-extractors';
 import { getActionsFromJsonLd } from '../../common/actions/extractActions';
-export var extractViewAction = function extractViewAction(data) {
+import { CardAction } from '../../../view/Card/types';
+import { canShowAction } from '../../../utils/actions/can-show-action';
+export var extractViewAction = function extractViewAction(data, actionOptions) {
+  if (!canShowAction(CardAction.ViewAction, actionOptions)) {
+    return;
+  }
   var viewActionExists = getActionsFromJsonLd(data).find(function (action) {
     return action['@type'] === 'ViewAction';
   });

package/dist/esm/extractors/flexible/extract-state.js

@@ -2,10 +2,13 @@ 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 { extractLozenge } from '../common/lozenge';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getExtensionKey } from '../../state/helpers';
 import extractServerAction from './extract-server-action';
 import { extractLink } from '@atlaskit/link-extractors';
 import { extractPreviewAction } from './actions/extract-preview-action';
+import { CardAction } from '../../view/Card/types';
+import { canShowAction } from '../../utils/actions/can-show-action';
 var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers, actionType, details) {
   if (!actionType) {
     return;
@@ -47,7 +50,7 @@ var extractAction = function extractAction(response, id) {
     update: update
   } : undefined;
 };
-var extractState = function extractState(response, showServerActions, id) {
+var extractState = function extractState(response, actionOptions, id) {
   if (!response || !response.data) {
     return;
   }
@@ -55,7 +58,7 @@ var extractState = function extractState(response, showServerActions, id) {
   if (!lozenge) {
     return;
   }
-  if (!showServerActions) {
+  if (!canShowAction(CardAction.ChangeStatusAction, actionOptions) || getBooleanFF('platform.linking-platform.smart-card.disable-jira-status-action')) {
     return lozenge;
   }
   var action = extractAction(response, id);

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

@@ -17,7 +17,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     id = _ref.id,
     renderers = _ref.renderers,
-    showServerActions = _ref.showServerActions,
+    actionOptions = _ref.actionOptions,
     response = _ref.response;
   if (!response) {
     return undefined;
@@ -40,10 +40,10 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
-    followAction: getBooleanFF('platform.linking-platform.smart-card.follow-button') ? extractFollowAction(response, showServerActions, id) : undefined,
-    previewAction: extractPreviewAction(response),
-    viewAction: extractViewAction(data),
-    downloadAction: extractDownloadAction(data),
+    followAction: getBooleanFF('platform.linking-platform.smart-card.follow-button') ? extractFollowAction(response, actionOptions, id) : undefined,
+    previewAction: extractPreviewAction(response, actionOptions),
+    viewAction: extractViewAction(data, actionOptions),
+    downloadAction: extractDownloadAction(data, actionOptions),
     latestCommit: extractLatestCommit(data),
     linkIcon: extractLinkIcon(response, renderers),
     location: extractLocation(data),
@@ -58,7 +58,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, showServerActions, id),
+    state: extractState(response, actionOptions, id),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export { SmartCardProvider as Provider, SmartCardContext, useSmartLinkAnalytics
 export { APIError } from '@atlaskit/linking-common';
 export { CardClient as Client } from '@atlaskit/link-provider';
 export { Card } from './view/Card';
+export { CardAction } from './view/Card/types';
 export { SmartCardContext as Context } from '@atlaskit/link-provider';
 export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
 export { embedHeaderHeight } from './view/EmbedCard/components/styled';

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

@@ -1,5 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useMemo, useState } from 'react';
+import { useMemo } from 'react';
 import uuid from 'uuid';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
@@ -12,21 +11,15 @@ export function useSmartLinkActions(_ref) {
     analyticsHandler = _ref.analyticsHandler,
     _ref$platform = _ref.platform,
     platform = _ref$platform === void 0 ? 'web' : _ref$platform,
-    origin = _ref.origin;
+    origin = _ref.origin,
+    actionOptions = _ref.actionOptions;
   var id = useMemo(function () {
     return uuid();
   }, []);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    actions = _useState2[0],
-    setActions = _useState2[1];
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
   var linkActions = useLinkActions(id, url, linkAnalytics);
-  useEffect(function () {
-    if (!linkState.details) {
-      return;
-    }
+  if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
@@ -34,19 +27,19 @@ export function useSmartLinkActions(_ref) {
       analytics: linkAnalytics,
       origin: origin,
       extensionKey: getExtensionKey(linkState.details),
-      source: appearance
+      source: appearance,
+      actionOptions: actionOptions
     }, undefined, platform);
-    if (!cardProperties.actions || cardProperties.actions.length === 0) {
-      return;
+    if (cardProperties.actions && cardProperties.actions.length > 0) {
+      var cardActions = cardProperties.actions.map(function (action) {
+        return {
+          id: action.id,
+          text: action.text,
+          invoke: action.promise
+        };
+      });
+      return cardActions;
     }
-    var cardActions = cardProperties.actions.map(function (action) {
-      return {
-        id: action.id,
-        text: action.text,
-        invoke: action.promise
-      };
-    });
-    setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
-  return actions;
+  }
+  return [];
 }

package/dist/esm/utils/actions/can-show-action.js

@@ -0,0 +1,10 @@
+export var canShowAction = function canShowAction(action, actionOptions) {
+  var _actionOptions$exclud;
+  if (typeof actionOptions === 'undefined') {
+    return true;
+  }
+  if (actionOptions.hide || (_actionOptions$exclud = actionOptions.exclude) !== null && _actionOptions$exclud !== void 0 && _actionOptions$exclud.includes(action)) {
+    return false;
+  }
+  return true;
+};

package/dist/esm/utils/actions/combine-action-options.js

@@ -0,0 +1,28 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { CardAction } from '../../view/Card/types';
+export var combineActionOptions = function combineActionOptions(actionOptions, showServerActions, showActions) {
+  if (typeof actionOptions !== 'undefined') {
+    return actionOptions;
+  }
+  if (showServerActions === false && showActions === false) {
+    return {
+      hide: true
+    };
+  } else if (showServerActions && showActions) {
+    return {
+      hide: false
+    };
+  } else {
+    var exclude = [];
+    if (showServerActions === false) {
+      exclude = [].concat(_toConsumableArray(exclude), [CardAction.FollowAction, CardAction.ChangeStatusAction]);
+    }
+    if (showActions === false) {
+      exclude = [].concat(_toConsumableArray(exclude), [CardAction.DownloadAction, CardAction.PreviewAction, CardAction.ViewAction]);
+    }
+    return {
+      hide: false,
+      exclude: exclude
+    };
+  }
+};

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

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

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

@@ -38,11 +38,10 @@ export var BlockCard = function BlockCard(_ref) {
     onResolve = _ref.onResolve,
     onError = _ref.onError,
     testId = _ref.testId,
-    showActions = _ref.showActions,
     platform = _ref.platform,
     analytics = _ref.analytics,
     enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
-    showServerActions = _ref.showServerActions;
+    actionOptions = _ref.actionOptions;
   var status = cardState.status,
     details = cardState.details;
   var data = details && details.data || getEmptyJsonLd();
@@ -52,7 +51,8 @@ export var BlockCard = function BlockCard(_ref) {
     analytics: analytics,
     origin: 'smartLinkCard',
     handleInvoke: handleInvoke,
-    extensionKey: extensionKey
+    extensionKey: extensionKey,
+    actionOptions: actionOptions
   };
   if (enableFlexibleBlockCard) {
     var flexibleBlockCardProps = {
@@ -66,7 +66,7 @@ export var BlockCard = function BlockCard(_ref) {
       onError: onError,
       onResolve: onResolve,
       renderers: renderers,
-      showServerActions: showServerActions,
+      actionOptions: actionOptions,
       analytics: analytics
     };
     switch (status) {
@@ -129,7 +129,6 @@ export var BlockCard = function BlockCard(_ref) {
       return jsx(BlockCardResolvedView, _extends({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
-        showActions: showActions,
         onClick: handleFrameClick
       }));
     case 'unauthorized':
@@ -143,8 +142,8 @@ export var BlockCard = function BlockCard(_ref) {
       return jsx(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
-        showActions: showActions,
         actions: handleAuthorize ? [AuthorizeAction(handleAuthorize)] : [],
+        actionOptions: actionOptions,
         onClick: handleFrameClick
       }));
     case 'forbidden':
@@ -163,8 +162,8 @@ export var BlockCard = function BlockCard(_ref) {
       });
       return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,
-        showActions: showActions,
         actions: handleAuthorize ? [ForbiddenAction(handleAuthorize)] : [],
+        actionOptions: actionOptions,
         onClick: handleFrameClick,
         requestAccessContext: requestAccessContext
       }));

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

@@ -29,14 +29,13 @@ export var ForbiddenView = function ForbiddenView(_ref) {
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-forbidden-view' : _ref$testId,
-    _ref$showActions = _ref.showActions,
-    showActions = _ref$showActions === void 0 ? true : _ref$showActions,
     _ref$link = _ref.link,
     link = _ref$link === void 0 ? '' : _ref$link,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     _ref$requestAccessCon = _ref.requestAccessContext,
-    requestAccessContext = _ref$requestAccessCon === void 0 ? {} : _ref$requestAccessCon;
+    requestAccessContext = _ref$requestAccessCon === void 0 ? {} : _ref$requestAccessCon,
+    actionOptions = _ref.actionOptions;
   var handleClick = function handleClick(event) {
     return handleClickCommon(event, onClick);
   };
@@ -73,7 +72,7 @@ export var ForbiddenView = function ForbiddenView(_ref) {
   }))), jsx(ContentFooter, null, jsx(Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && jsx(ActionList, {
+  }), !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide) && jsx(ActionList, {
     items: items
   }))));
 };

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -51,9 +51,7 @@ export var ResolvedView = function ResolvedView(_ref) {
     _ref$details = _ref.details,
     details = _ref$details === void 0 ? [] : _ref$details,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
-    _ref$showActions = _ref.showActions,
-    showActions = _ref$showActions === void 0 ? true : _ref$showActions;
+    testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId;
   var resolvedMetadata = details.length > 0 ? jsx(MetadataList, {
     testId: testId ? "".concat(testId, "-meta") : undefined,
     items: details
@@ -65,7 +63,7 @@ export var ResolvedView = function ResolvedView(_ref) {
   var handleClick = function handleClick(event) {
     return handleClickCommon(event, onClick);
   };
-  var hasActions = showActions && actions.length > 0;
+  var hasActions = actions.length > 0;
   return jsx(Frame, {
     isSelected: isSelected,
     testId: testId,

package/dist/esm/view/BlockCard/views/UnauthorizedView.js

@@ -27,8 +27,7 @@ export var UnauthorizedView = function UnauthorizedView(_ref) {
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-unauthorized-view' : _ref$testId,
-    _ref$showActions = _ref.showActions,
-    showActions = _ref$showActions === void 0 ? true : _ref$showActions,
+    actionOptions = _ref.actionOptions,
     _ref$link = _ref.link,
     link = _ref$link === void 0 ? '' : _ref$link,
     _ref$onClick = _ref.onClick,
@@ -58,7 +57,7 @@ export var UnauthorizedView = function UnauthorizedView(_ref) {
   })), jsx(ContentFooter, null, jsx(Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && jsx(ActionList, {
+  }), !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide) && jsx(ActionList, {
     items: actions
   }))));
 };

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -17,7 +17,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick = _ref.onClick,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
-    showServerActions = _ref.showServerActions,
+    actionOptions = _ref.actionOptions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     url = _ref.url,
@@ -55,7 +55,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
-    showServerActions: showServerActions,
+    actionOptions: actionOptions,
     testId: testId,
     ui: FlexibleCardUiOptions,
     url: url

package/dist/esm/view/Card/types.js

@@ -1 +1,8 @@
-export {};
+export var CardAction = /*#__PURE__*/function (CardAction) {
+  CardAction["DownloadAction"] = "DownloadAction";
+  CardAction["PreviewAction"] = "PreviewAction";
+  CardAction["ViewAction"] = "ViewAction";
+  CardAction["ChangeStatusAction"] = "ChangeStatusAction";
+  CardAction["FollowAction"] = "FollowAction";
+  return CardAction;
+}({});

package/dist/esm/view/CardWithData/component.js

@@ -28,8 +28,7 @@ export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
         appearance = _this$props.appearance,
         onClick = _this$props.onClick,
         onResolve = _this$props.onResolve,
-        testId = _this$props.testId,
-        showActions = _this$props.showActions;
+        testId = _this$props.testId;
       if (appearance === 'inline') {
         var props = extractInlineProps(details || getEmptyJsonLd());
         if (onResolve) {
@@ -51,8 +50,7 @@ export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
         }
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, _props, {
           isSelected: isSelected,
-          onClick: onClick,
-          showActions: showActions
+          onClick: onClick
         }));
       }
     }

package/dist/esm/view/CardWithData/loader.js

@@ -32,7 +32,6 @@ export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
         onClick = _this$props.onClick,
         onResolve = _this$props.onResolve,
         testId = _this$props.testId,
-        showActions = _this$props.showActions,
         inlinePreloaderStyle = _this$props.inlinePreloaderStyle;
       if (!data) {
         throw new Error('@atlaskit/smart-cards: you are trying to render a card with data, but does not provide any');
@@ -46,8 +45,7 @@ export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
           isSelected: isSelected,
           onClick: onClick,
           onResolve: onResolve,
-          testId: testId,
-          showActions: showActions
+          testId: testId
         });
       }
       return /*#__PURE__*/React.createElement("div", {

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { usePrefetch } from '../../../state';
@@ -16,8 +15,7 @@ export function LazyIntersectionObserverCard(props) {
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
-  var showActions = props.showActions,
-    appearance = props.appearance,
+  var appearance = props.appearance,
     url = props.url,
     id = props.id;
   var prefetch = usePrefetch(url);
@@ -47,9 +45,7 @@ export function LazyIntersectionObserverCard(props) {
       return intersectionObserver.disconnect();
     };
   }, [onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-    showActions: showActions
-  })) : /*#__PURE__*/React.createElement(ComponentObserver, {
+  var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
     ref: onRef
   }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
   return /*#__PURE__*/React.createElement(Component, {

package/dist/esm/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useState } from 'react';
 import LazilyRender from 'react-lazily-render';
 import { CardWithUrlContent } from '../component';
@@ -7,7 +6,6 @@ import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 export function LazyLazilyRenderCard(props) {
   var appearance = props.appearance,
     container = props.container,
-    showActions = props.showActions,
     id = props.id;
   var offset = Math.ceil(window.innerHeight / 4);
   useState(function () {
@@ -20,8 +18,6 @@ export function LazyLazilyRenderCard(props) {
     className: "loader-wrapper",
     placeholder: /*#__PURE__*/React.createElement(LoadingCardLink, props),
     scrollContainer: container,
-    content: /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-      showActions: showActions
-    }))
+    content: /*#__PURE__*/React.createElement(CardWithUrlContent, props)
   });
 }

package/dist/esm/view/CardWithUrl/component.js

@@ -12,6 +12,7 @@ import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
 import { CardDisplay } from '../../constants';
 import { fireLinkClickedEvent } from '../../utils/analytics/click';
+import { combineActionOptions } from '../../utils/actions/combine-action-options';
 import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
 function Component(_ref) {
   var id = _ref.id,
@@ -29,6 +30,7 @@ function Component(_ref) {
     testId = _ref.testId,
     showActions = _ref.showActions,
     showServerActionsProp = _ref.showServerActions,
+    actionOptionsProp = _ref.actionOptions,
     inheritDimensions = _ref.inheritDimensions,
     embedIframeRef = _ref.embedIframeRef,
     embedIframeUrlType = _ref.embedIframeUrlType,
@@ -61,7 +63,8 @@ function Component(_ref) {
     return isFlexibleUiCard(children);
   }, [children]);
   var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
-  var showServerActions = showServerActionsProp && platform !== 'mobile';
+  var hideServerActions = showServerActionsProp === false || platform === 'mobile';
+  var actionOptions = combineActionOptions(actionOptionsProp, !hideServerActions, showActions);
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -183,7 +186,7 @@ function Component(_ref) {
       ui: ui,
       showHoverPreview: showHoverPreview,
       showAuthTooltip: showAuthTooltip,
-      showServerActions: showServerActions,
+      actionOptions: actionOptions,
       url: url,
       testId: testId,
       onResolve: onResolve,
@@ -198,7 +201,7 @@ function Component(_ref) {
   }
   switch (appearance) {
     case 'inline':
-      var inlineProps = {
+      return /*#__PURE__*/React.createElement(InlineCard, {
         analytics: analytics,
         id: id,
         url: url,
@@ -214,9 +217,8 @@ function Component(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
         showAuthTooltip: showAuthTooltip,
-        showServerActions: showServerActions
-      };
-      return /*#__PURE__*/React.createElement(InlineCard, inlineProps);
+        actionOptions: actionOptions
+      });
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,
@@ -233,8 +235,7 @@ function Component(_ref) {
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        showActions: showActions,
-        showServerActions: showServerActions,
+        actionOptions: actionOptions,
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });
@@ -257,7 +258,7 @@ function Component(_ref) {
         onError: onError,
         testId: testId,
         inheritDimensions: inheritDimensions,
-        showActions: showActions,
+        actionOptions: actionOptions,
         ref: embedIframeRef,
         onIframeDwell: onIframeDwell,
         onIframeFocus: onIframeFocus

package/dist/esm/view/CardWithUrl/loader.js

@@ -38,6 +38,7 @@ export function CardWithURLRenderer(props) {
     testId = props.testId,
     showActions = props.showActions,
     showServerActions = props.showServerActions,
+    actionOptions = props.actionOptions,
     inheritDimensions = props.inheritDimensions,
     platform = props.platform,
     embedIframeRef = props.embedIframeRef,
@@ -107,6 +108,7 @@ export function CardWithURLRenderer(props) {
     testId: testId,
     showActions: showActions,
     showServerActions: showServerActions,
+    actionOptions: actionOptions,
     inheritDimensions: inheritDimensions,
     platform: platform,
     embedIframeRef: embedIframeRef,

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

@@ -25,7 +25,6 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     handleFrameClick = _ref.handleFrameClick,
     analytics = _ref.analytics,
     handleInvoke = _ref.handleInvoke,
-    showActions = _ref.showActions,
     isSelected = _ref.isSelected,
     isFrameVisible = _ref.isFrameVisible,
     frameStyle = _ref.frameStyle,
@@ -36,7 +35,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     inheritDimensions = _ref.inheritDimensions,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
-    iframeUrlType = _ref.iframeUrlType;
+    iframeUrlType = _ref.iframeUrlType,
+    actionOptions = _ref.actionOptions;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var data = details && details.data || getEmptyJsonLd();
@@ -86,12 +86,12 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           analytics: analytics,
           origin: 'smartLinkEmbed',
           handleInvoke: handleInvoke,
-          extensionKey: extensionKey
+          extensionKey: extensionKey,
+          actionOptions: actionOptions
         });
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedBlockViewProps, {
           isSelected: isSelected,
           testId: testId,
-          showActions: showActions,
           onClick: handleFrameClick
         }));
       }

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -8,7 +8,7 @@ var HoverCardControl = function HoverCardControl(_ref) {
     hideHoverCardPreviewButton = _ref.hideHoverCardPreviewButton,
     isHoverPreview = _ref.isHoverPreview,
     isAuthTooltip = _ref.isAuthTooltip,
-    showServerActions = _ref.showServerActions,
+    actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     url = _ref.url,
     _ref$delay = _ref.delay,
@@ -58,7 +58,7 @@ var HoverCardControl = function HoverCardControl(_ref) {
     canOpen: canOpen,
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
-    showServerActions: showServerActions,
+    actionOptions: actionOptions,
     url: url
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -145,8 +145,7 @@ var Container = function Container(_ref3) {
     showAuthTooltip = _ref3$showAuthTooltip === void 0 ? false : _ref3$showAuthTooltip,
     _ref3$showHoverPrevie = _ref3.showHoverPreview,
     showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
-    _ref3$showServerActio = _ref3.showServerActions,
-    showServerActions = _ref3$showServerActio === void 0 ? false : _ref3$showServerActio,
+    actionOptions = _ref3.actionOptions,
     _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size,
     status = _ref3.status,
@@ -170,7 +169,7 @@ var Container = function Container(_ref3) {
       hideHoverCardPreviewButton: hideHoverCardPreviewButton,
       isHoverPreview: canShowHoverPreview,
       isAuthTooltip: canShowAuthTooltip,
-      showServerActions: showServerActions,
+      actionOptions: actionOptions,
       testId: testId,
       url: context.url
     }, container);