@atlaskit/smart-card 26.50.14 → 26.51.0

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

@@ -5,73 +5,30 @@ import { messages } from '../../../messages';
 import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
 import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
-export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
+export var extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref) {
   var _jsonLd$requestAccess;
   var jsonLd = _ref.jsonLd,
     url = _ref.url,
-    product = _ref.product;
+    product = _ref.product,
+    createAnalyticsEvent = _ref.createAnalyticsEvent;
   var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
     hostname: extractHostname(url)
   }) : undefined;
   switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
-    case 'DIRECT_ACCESS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        callToActionMessageKey: 'click_to_join',
-        descriptiveMessageKey: 'click_to_join_description',
-        action: ForbiddenAction(function () {
-          return window.open(url);
-        }, 'click_to_join', messages.click_to_join, {
-          context: product
-        })
-      });
-    case 'REQUEST_ACCESS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        callToActionMessageKey: 'request_access',
-        descriptiveMessageKey: 'request_access_description',
-        action: ForbiddenAction(function () {
-          return window.open(url);
-        }, 'request_access', messages.request_access, {
-          product: product
-        })
-      });
-    case 'PENDING_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'request_access_pending_description'
-      });
-    case 'FORBIDDEN':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'forbidden_description'
-      });
-    case 'DENIED_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'request_denied_description'
-      });
-    default:
-      return requestAccess;
-  }
-};
-export var extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref2) {
-  var _jsonLd$requestAccess2;
-  var jsonLd = _ref2.jsonLd,
-    url = _ref2.url,
-    product = _ref2.product,
-    createAnalyticsEvent = _ref2.createAnalyticsEvent;
-  var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
-    hostname: extractHostname(url)
-  }) : undefined;
-  switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
     case 'DIRECT_ACCESS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
         titleMessageKey: 'direct_access_title',
         descriptiveMessageKey: 'direct_access_description',
         callToActionMessageKey: 'direct_access',
         action: ForbiddenAction(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'crossJoin',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'crossJoin',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'direct_access', messages.direct_access, {
           product: product
@@ -83,12 +40,14 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         descriptiveMessageKey: 'request_access_description',
         callToActionMessageKey: 'request_access',
         action: ForbiddenAction(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'request_access', messages.request_access)
       });
@@ -119,12 +78,14 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         descriptiveMessageKey: 'access_exists_description',
         callToActionMessageKey: 'request_access',
         action: ForbiddenAction(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'access_exists', messages.request_access)
       });

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

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

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

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { ActionName } from '../../../constants';
+import { extractPreviewAction } from './extract-preview-action';
+var extractActions = function extractActions(response, actionOptions) {
+  var action = _defineProperty({}, ActionName.PreviewAction, extractPreviewAction(response, actionOptions));
+  return Object.values(action).some(function (value) {
+    return Boolean(value);
+  }) ? action : undefined;
+};
+export default extractActions;

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

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

package/dist/esm/state/flexible-ui-context/types.js

@@ -1 +1,6 @@
-export {};
+import { ActionName } from '../../constants';
+
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ */

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

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

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import { extractRequestAccessContext } from '../../extractors/common/context';
+import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import { CardLinkView } from '../LinkView';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
@@ -24,7 +25,7 @@ import { handleClickCommon } from './utils/handlers';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export var BlockCard = function BlockCard(_ref) {
-  var _details$meta, _forbiddenViewProps$c;
+  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   var id = _ref.id,
     url = _ref.url,
     cardState = _ref.cardState,
@@ -42,6 +43,8 @@ export var BlockCard = function BlockCard(_ref) {
     analytics = _ref.analytics,
     enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
     actionOptions = _ref.actionOptions;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
   var data = details && details.data || getEmptyJsonLd();
@@ -155,10 +158,11 @@ export var BlockCard = function BlockCard(_ref) {
       }
       var forbiddenViewProps = extractBlockProps(data, meta, extractorOpts);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      var requestAccessContext = extractRequestAccessContext({
+      var requestAccessContext = extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
         url: url,
-        product: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
+        product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+        createAnalyticsEvent: createAnalyticsEvent
       });
       return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,

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

@@ -56,8 +56,9 @@ export var ForbiddenView = function ForbiddenView(_ref) {
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
     descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext,
     _requestAccessContext2 = requestAccessContext.hostname,
-    hostname = _requestAccessContext2 === void 0 ? '' : _requestAccessContext2;
-  var items = action ? [].concat(_toConsumableArray(actions), [action]) : actions;
+    hostname = _requestAccessContext2 === void 0 ? '' : _requestAccessContext2,
+    buttonDisabled = requestAccessContext.buttonDisabled;
+  var items = action !== undefined && !(buttonDisabled !== null && buttonDisabled !== void 0 ? buttonDisabled : false) ? [].concat(_toConsumableArray(actions), [action]) : actions;
   return jsx(Frame, {
     isSelected: isSelected,
     testId: testId,

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

@@ -1,10 +1,7 @@
 import { ActionName } from '../../../../constants';
 import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
-
-// Attention: Keep the export name and action name the same.
-// This will help reducing the code for mapping action inside
-// createAction and renderActionItems
+export { default as PreviewAction } from './preview-action';
 
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
@@ -19,13 +16,6 @@ export var DeleteAction = createUIAction(ActionName.DeleteAction);
  */
 export var EditAction = createUIAction(ActionName.EditAction);
 
-/**
- * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
- * to the text 'Preview' inside the button.
- * @see Action
- */
-export var PreviewAction = createDataAction(ActionName.PreviewAction);
-
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onClick"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
+import React, { useCallback } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
+import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
+import Action from '../action';
+var PreviewAction = function PreviewAction(_ref) {
+  var _context$actions;
+  var onClickCallback = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleUiContext();
+  var analytics = useFlexibleUiAnalyticsContext();
+  var invoke = useInvokeClientAction({
+    analytics: analytics
+  });
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
+  var onClick = useCallback(function () {
+    if (data) {
+      invoke({
+        actionType: ActionName.PreviewAction,
+        actionFn: function () {
+          var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", openEmbedModalWithFlexibleUiIcon(_objectSpread({
+                    download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+                    extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey,
+                    analytics: analytics
+                  }, data)));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        // These values have already been set in analytics context.
+        // We only pass these here for ufo experience.
+        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+      });
+    }
+    if (onClickCallback) {
+      onClickCallback();
+    }
+  }, [analytics, data, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
+    icon: /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
+      label: "Open preview"
+    }),
+    onClick: onClick,
+    testId: "smart-action-preview-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
+  }, data, props)) : null;
+};
+export default PreviewAction;

package/dist/esm/view/FlexibleCard/components/actions/preview-action/types.js

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

package/dist/esm/view/FlexibleCard/components/actions/types.js

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

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

@@ -12,8 +12,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import EditIcon from '@atlaskit/icon/glyph/edit';
-import PreviewAction from './action/preview-action';
-import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import DownloadAction from './action/download-action';
@@ -41,16 +39,6 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     }),
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
   }
-}), _defineProperty(_actionMappings, ActionName.PreviewAction, {
-  component: PreviewAction,
-  props: {
-    testId: 'smart-action-preview-action',
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
-    icon: /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
-      label: "Open preview"
-    }),
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
-  }
 }), _defineProperty(_actionMappings, ActionName.ViewAction, {
   component: ViewAction,
   props: {
@@ -83,7 +71,6 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   }
   var data = context[contextKey];
   switch (actionName) {
-    case ActionName.PreviewAction:
     case ActionName.ViewAction:
     case ActionName.DownloadAction:
       return data;

package/dist/esm/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -8,7 +8,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { jsx } from '@emotion/react';
 import React, { useCallback } from 'react';
 import * as Actions from '../../../actions';
-import { isJSXElementNull } from '../../utils';
 var ActionGroupItem = function ActionGroupItem(_ref) {
   var item = _ref.item,
     size = _ref.size,
@@ -40,7 +39,14 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-  var action = jsx(Action, _extends({
+  return jsx(Action
+  // Remove url once ViewAction is retired.
+  // This seems to be a typescript workaround
+  // because ViewAction marks it as required,
+  // which does not reflect actual implementation as the url
+  // came from data context and not all actions require url.
+  // https://product-fabric.atlassian.net/browse/EDM-9547
+  , _extends({
     url: "",
     asDropDownItem: asDropDownItems,
     size: size,
@@ -48,9 +54,5 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
     onClick: handleOnClick,
     isDisabled: isDisabled
   }, actionProps));
-  if (!isJSXElementNull(action)) {
-    return action;
-  }
-  return null;
 };
 export default ActionGroupItem;

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

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
-var _ElementDisplaySchema, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _ElementDisplaySchema, _templateObject;
 import React from 'react';
 import { css } from '@emotion/react';
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
@@ -19,10 +19,16 @@ export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {
     case SmartLinkDirection.Vertical:
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-direction: column;\n        align-items: flex-start;\n      "])));
+      return css({
+        flexDirection: 'column',
+        alignItems: 'flex-start'
+      });
     case SmartLinkDirection.Horizontal:
     default:
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        flex-direction: row;\n        align-items: center;\n      "])));
+      return css({
+        flexDirection: 'row',
+        alignItems: 'center'
+      });
   }
 };
 export var getGapSize = function getGapSize(size) {
@@ -39,9 +45,26 @@ export var getGapSize = function getGapSize(size) {
   }
 };
 export var getBaseStyles = function getBaseStyles(direction, size) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  gap: ", "rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  ", ";\n  &:empty {\n    display: none;\n  }\n  & > * {\n    min-width: 0;\n  }\n  & > [data-fit-to-content] {\n    min-width: fit-content;\n  }\n"])), getGapSize(size), getDirectionStyles(direction));
+  return css({
+    alignItems: 'center',
+    display: 'flex',
+    gap: "".concat(getGapSize(size), "rem"),
+    lineHeight: '1rem',
+    minWidth: 0,
+    overflow: 'hidden'
+  }, getDirectionStyles(direction), {
+    '&:empty': {
+      display: 'none'
+    },
+    '& > *': {
+      minWidth: 0
+    },
+    '& > [data-fit-to-content]': {
+      minWidth: 'fit-content'
+    }
+  });
 };
-export var highlightRemoveStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 };
@@ -60,26 +83,37 @@ export var getActionGroupStyles = function getActionGroupStyles(size) {
     // The biggest height of the action button exceeds the max line-height
     // of the elements causing the action on the block with x-large size to
     // get cut at the bottom.
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
+    return css({
+      maxHeight: '2rem'
+    });
   }
 };
 export var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
   return items.filter(function (item) {
+    var _context$actions;
     switch (item.name) {
-      // Action that require data from the data context to render.
+      case ActionName.DeleteAction:
+      case ActionName.EditAction:
+      case ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(ActionName[item.name]);
       case ActionName.DownloadAction:
+        // Remove once DownloadAction is refactored to context.action
+        // https://product-fabric.atlassian.net/browse/EDM-9545
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
+      // Remove once FollowAction is refactored to context.action
+      // https://product-fabric.atlassian.net/browse/EDM-9559
       case ActionName.FollowAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
-      case ActionName.PreviewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
+      // Remove once ViewAction is retired
+      // https://product-fabric.atlassian.net/browse/EDM-9547
       case ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
       default:
-        // Named and custom actions that user defines.
-        return Boolean(ActionName[item.name]);
+        // Action that require data from the data context to render.
+        return Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[item.name]);
     }
   });
 };

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

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["content", "maxLines", "overrideCss"];
-var _templateObject;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import React, { useContext } from 'react';
@@ -10,7 +8,13 @@ import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 var getSnippetStyles = function getSnippetStyles(overrideCss) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), "var(--ds-text, #172B4D)", overrideCss);
+  return css({
+    color: "var(--ds-text, #172B4D)",
+    WebkitUserSelect: 'text',
+    MozUserSelect: 'text',
+    MsUserSelect: 'text',
+    userSelect: 'text'
+  }, overrideCss);
 };
 var SnippetElement = function SnippetElement() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

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

@@ -1,6 +1,6 @@
 import { SmartLinkStatus } from '../../constants';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import { extractRequestAccessContext } from '../../extractors/common/context';
+import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import { messages } from '../../messages';
 import extractFlexibleUiContext from '../../extractors/flexible';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
@@ -59,7 +59,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   }
 };
 export var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
-  var _response$meta, _access$action;
+  var _response$meta, _access$action, _access$buttonDisable;
   var data = response && response.data || getEmptyJsonLd();
   var provider = extractProvider(data);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
@@ -69,15 +69,15 @@ export var getRetryOptions = function getRetryOptions(url, status, response, onA
   switch (status) {
     case SmartLinkStatus.Forbidden:
       var meta = (_response$meta = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta !== void 0 ? _response$meta : getForbiddenJsonLd().meta;
-      var access = extractRequestAccessContext({
+      var access = extractRequestAccessContextImproved({
         jsonLd: meta,
         url: url,
-        product: context
+        product: context !== null && context !== void 0 ? context : ''
       });
       var messageKey = getForbiddenMessageKey(meta);
       var descriptor = messages[messageKey];
       var retry = onAuthorize || (access === null || access === void 0 || (_access$action = access.action) === null || _access$action === void 0 ? void 0 : _access$action.promise);
-      var onClick = retry ? handleOnClick(retry) : undefined;
+      var onClick = retry && !((_access$buttonDisable = access === null || access === void 0 ? void 0 : access.buttonDisabled) !== null && _access$buttonDisable !== void 0 ? _access$buttonDisable : false) ? handleOnClick(retry) : undefined;
       return {
         descriptor: descriptor,
         onClick: onClick,

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

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

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

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

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -1,14 +1,9 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-export declare const extractRequestAccessContext: ({ jsonLd, url, product, }: {
-    jsonLd: JsonLd.Meta.BaseMeta;
-    url: string;
-    product?: string | undefined;
-}) => RequestAccessContextProps;
 export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     product: string;
-    createAnalyticsEvent: CreateUIAnalyticsEvent;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
 }) => RequestAccessContextProps;

package/dist/types/extractors/common/context/index.d.ts

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

package/dist/types/extractors/flexible/actions/index.d.ts

@@ -0,0 +1,5 @@
+import type { JsonLd } from 'json-ld-types';
+import type { FlexibleUiActions } from '../../../state/flexible-ui-context/types';
+import type { CardActionOptions } from '../../../view/Card/types';
+declare const extractActions: (response: JsonLd.Response, actionOptions?: CardActionOptions) => FlexibleUiActions | undefined;
+export default extractActions;