@atlaskit/smart-card 26.23.1 → 26.24.0

package/dist/esm/view/FlexibleCard/components/actions/follow-action/unfollow-icon/index.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+var UnfollowGlyph = function UnfollowGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-testid": props['data-testid'],
+    "aria-label": props['aria-label'],
+    className: props.className,
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 4.66667H11.3333C10.9652 4.66667 10.6667 4.96514 10.6667 5.33333C10.6667 5.70152 10.9652 6 11.3333 6H14C14.3682 6 14.6667 5.70152 14.6667 5.33333C14.6667 4.96514 14.3682 4.66667 14 4.66667Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.33334 9.33333C3.33334 8.59667 3.93468 8 4.67268 8H9.99401C10.734 8 11.3333 8.596 11.3333 9.33733V12.2973C11.3333 14.5673 3.33334 14.5673 3.33334 12.2973V9.33333Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.33334 7.33333C8.8061 7.33333 10 6.13943 10 4.66667C10 3.19391 8.8061 2 7.33334 2C5.86058 2 4.66668 3.19391 4.66668 4.66667C4.66668 6.13943 5.86058 7.33333 7.33334 7.33333Z",
+    fill: "currentColor"
+  }));
+};
+var UnfollowIcon = function UnfollowIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: UnfollowGlyph
+  }, props));
+};
+export default UnfollowIcon;

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

@@ -1,8 +1,11 @@
 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
+
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.

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

@@ -11,13 +11,14 @@ import { css, jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Tooltip from '@atlaskit/tooltip';
 import DropdownMenu from '@atlaskit/dropdown-menu';
-import { ActionName, SmartLinkSize } from '../../../../../constants';
+import { SmartLinkSize } from '../../../../../constants';
 import Button from '@atlaskit/button/standard-button';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { sizeToButtonSpacing } from '../../utils';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
+import { filterActionItems } from '../utils';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus-visible {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      outline-offset: -2px;\n    }\n  }\n"])));
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -36,24 +37,6 @@ var renderActionItems = function renderActionItems() {
     });
   });
 };
-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) {
-    switch (item.name) {
-      // Action that require data from the data context to render.
-      case ActionName.DownloadAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-      case ActionName.PreviewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
-      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]);
-    }
-  });
-};
 
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { css } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
 import Block from '../block';
 import ElementGroup from '../element-group';
 import { Provider } from '../../elements';
 import ActionGroup from '../action-group';
+import { filterActionItems } from '../utils';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 var getActionGroupStyles = function getActionGroupStyles(size) {
   if (size === SmartLinkSize.XLarge) {
     // The biggest height of the action button exceeds the max line-height
@@ -32,6 +34,11 @@ var FooterBlock = function FooterBlock(props) {
     _props$testId = props.testId,
     testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
     onActionMenuOpenChange = props.onActionMenuOpenChange;
+  var context = useFlexibleUiContext();
+  var hasActions = useMemo(function () {
+    var _filterActionItems;
+    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
+  }, [actions, context]);
   var onDropdownOpenChange = useCallback(function (isOpen) {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -46,7 +53,7 @@ var FooterBlock = function FooterBlock(props) {
     testId: "".concat(testId, "-resolved-view")
   }), /*#__PURE__*/React.createElement(Provider, {
     testId: "".concat(testId, "-provider")
-  }), actions && actions.length > 0 ? /*#__PURE__*/React.createElement(ElementGroup, {
+  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
     testId: "smart-element-group-actions",
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,

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

@@ -7,7 +7,7 @@ var _excluded = ["name"];
 var _ElementDisplaySchema, _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import React from 'react';
 import { css } from '@emotion/react';
-import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
+import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
 import * as Elements from '../elements';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
@@ -55,6 +55,26 @@ export var isJSXElementNull = function isJSXElementNull(children) {
 var isElementOrElementGroup = function isElementOrElementGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
 };
+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) {
+    switch (item.name) {
+      // Action that require data from the data context to render.
+      case ActionName.DownloadAction:
+        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
+      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);
+      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]);
+    }
+  });
+};
 export var renderChildren = function renderChildren(children, size) {
   return React.Children.map(children, function (child) {
     if (isElementOrElementGroup(child) || isActionGroup(child)) {

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -31,23 +30,16 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
-  var useLozengeAction = useFeatureFlag('useLozengeAction');
-  var featureFlags = useMemo(function () {
-    return {
-      useLozengeAction: useLozengeAction
-    };
-  }, [useLozengeAction]);
   var context = useMemo(function () {
     return getContextByStatus({
       response: details,
-      featureFlags: featureFlags,
       id: id,
       renderers: renderers,
       showServerActions: showServerActions,
       status: status,
       url: url
     });
-  }, [details, featureFlags, id, renderers, showServerActions, status, url]);
+  }, [details, id, renderers, showServerActions, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -19,7 +19,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {
@@ -68,7 +67,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     showServerActions = _ref.showServerActions;
-  var useLozengeAction = useFeatureFlag('useLozengeAction');
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = useSmartLinkAnalytics(url, undefined, id);
@@ -143,7 +141,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+    showServerActions: showServerActions ? {
       showStateActionFeatureDiscovery: true
     } : false,
     ui: flexibleUiOptions,

package/dist/esm/view/HoverCard/styled.js

@@ -33,7 +33,7 @@ export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTe
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
 };
-export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n"])), "var(--ds-border-radius-300, 12px)", themed({
+export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n"])), "var(--ds-border-radius-200, 8px)", themed({
   light: "var(--ds-surface-raised, white)",
   dark: "var(--ds-surface-raised, #262B31)"
 })(), themed({
@@ -41,5 +41,5 @@ export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _t
   dark: "var(--ds-shadow-overlay, 0px 0px 0px rgba(188, 214, 240, 0.12),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5))"
 })());
 export var getPreviewBlockStyles = function getPreviewBlockStyles(snippetHeight) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-300, 12px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-300, 12px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-200, 8px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
 };

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.23.1",
+  packageVersion: "26.24.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RedesignedInlineCard/Frame/styled.js

@@ -41,7 +41,7 @@ var isSelected = function isSelected(_ref2) {
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 3px)", ";\n  color: ").concat(themed({
+  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n  color: ").concat(themed({
     light: "var(--ds-link, ".concat(B400, ")"),
     dark: "var(--ds-link, #4794FF)"
   })(props), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : themed({

package/dist/esm/view/RedesignedInlineCard/styled.js

@@ -7,7 +7,7 @@ var LINK_COLOR_DARK = '#4794FF';
 
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 2px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
+export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 4px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
 export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-left: ", ";\n"])), themed({
   light: "var(--ds-text-subtlest, ".concat(N200, ")"),
   dark: "var(--ds-text-subtlest, ".concat(LINK_COLOR_DARK, ")")

package/dist/types/__fixtures__/atlas-project.d.ts

@@ -0,0 +1,68 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        product: string;
+        visibility: string;
+        access: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        '@type': string[];
+        url: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        name: string;
+        summary: string;
+        'atlassian:state': {
+            '@type': string;
+            name: string;
+            appearance: string;
+        };
+        attributedTo: {
+            name: string;
+            icon: string;
+        }[];
+        'atlassian:updatedBy': {
+            name: string;
+            icon: string;
+        }[];
+        preview: {
+            '@type': string;
+            href: string;
+        };
+        'schema:commentCount': number;
+        'atlassian:subscriberCount': number;
+        endTime: string;
+        updated: string;
+        'atlassian:serverAction': {
+            '@type': string;
+            name: string;
+            dataUpdateAction: {
+                '@type': string;
+                name: string;
+            };
+            resourceIdentifiers: {
+                ari: string;
+            };
+            refField: string;
+        }[];
+    };
+};
+export default _default;

package/dist/types/constants.d.ts

@@ -125,6 +125,7 @@ export declare enum ElementName {
 export declare enum ActionName {
     DeleteAction = "DeleteAction",
     EditAction = "EditAction",
+    FollowAction = "FollowAction",
     PreviewAction = "PreviewAction",
     ViewAction = "ViewAction",
     DownloadAction = "DownloadAction",

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

@@ -29,6 +29,9 @@ export declare const TEST_UNDEFINED_LINK: JsonLd.Data.UndefinedLinkDocument;
 export declare const TEST_ASSIGN_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_NO_ID_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_VIEW_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
+export declare const TEST_FOLLOW_ACTION: JsonLd.Primitives.UpdateAction;
+export declare const TEST_UNFOLLOW_ACTION: JsonLd.Primitives.UpdateAction;
+export declare const TEST_STATUS_UPDATE_ACTION: JsonLd.Primitives.UpdateAction;
 export declare const TEST_DOCUMENT_WITH_ACTIONS: JsonLd.Data.BaseData;
 export declare const TEST_DOCUMENT_WITH_DOWNLOAD_ACTION: JsonLd.Data.BaseData;
 export declare const TEST_DOCUMENT_WITH_VIEW_ACTION: JsonLd.Data.BaseData;

package/dist/types/extractors/flexible/actions/extract-follow-action.d.ts

@@ -0,0 +1,5 @@
+import type { JsonLd } from 'json-ld-types';
+import { ServerActionProp } from '../../../state/flexible-ui-context/types';
+import { ServerActionOptions } from '../../../view/FlexibleCard/types';
+declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
+export default extractFollowAction;

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

@@ -1,4 +1,4 @@
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ featureFlags, id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -1,6 +1,7 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
 import { LinkPerson } from '@atlaskit/link-extractors';
 import { IconType, MediaType } from '../../constants';
+import { InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -45,6 +46,12 @@ export type FlexibleUiDataContext = {
      * @see DueOn
      */
     dueOn?: string;
+    /**
+     * Contains data needed to perform follow action.
+     * @type PreviewActionData
+     * @see FollowAction
+     */
+    followAction?: ServerActionProp<boolean>;
     /**
      * Contains the number of views of the linked resource.
      * @type number
@@ -254,3 +261,7 @@ export type ViewActionData = {
 export type DownloadActionData = {
     downloadUrl?: string;
 };
+export type ServerActionProp<TValue> = {
+    action: InvokeRequestWithCardDetails;
+    value?: TValue;
+};

package/dist/types/view/FlexibleCard/components/actions/follow-action/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ActionProps } from '../action/types';
+declare const FollowAction: React.FC<ActionProps>;
+export default FollowAction;

package/dist/types/view/FlexibleCard/components/actions/follow-action/unfollow-icon/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type IconProps } from '@atlaskit/icon';
+declare const UnfollowIcon: (props: IconProps) => JSX.Element;
+export default UnfollowIcon;

package/dist/types/view/FlexibleCard/components/actions/index.d.ts

@@ -3,6 +3,7 @@ import { ActionProps } from './action/types';
 import { PreviewActionProps } from './action/preview-action/types';
 import { ViewActionProps } from './action/view-action/types';
 import { DownloadActionProps } from './action/download-action/types';
+export { default as FollowAction } from './follow-action';
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -145,7 +145,7 @@ export type BaseDataActionItem = {
  * renders a preview modal when clicked.
  */
 export type NamedDataActionItem = BaseDataActionItem & {
-    name: ActionName.PreviewAction | ActionName.DownloadAction | ActionName.ViewAction;
+    name: ActionName.FollowAction | ActionName.PreviewAction | ActionName.DownloadAction | ActionName.ViewAction;
 };
 /**
  * This represents an action that does not fetch data where Icon and Content are provided implicitly.

package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
 import { SerializedStyles } from '@emotion/react';
-import { ElementItem } from './types';
+import { ActionItem, ElementItem } from './types';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
+import type { FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
 export type ElementDisplaySchemaType = 'inline' | 'block';
 export declare const ElementDisplaySchema: Record<ElementName, ElementDisplaySchemaType[]>;
 export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
 export declare const isJSXElementNull: (children: JSX.Element) => boolean;
+export declare const filterActionItems: (items?: ActionItem[], context?: FlexibleUiDataContext) => ActionItem[];
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;

package/dist/types/view/FlexibleCard/types.d.ts

@@ -139,8 +139,7 @@ export type FlexibleUiOptions = {
 export type ServerActionOptions = {
     /**
      * DO NOT USE: This prop is part of an experiment. It will be removed once
-     * the experiment is completed. To be cleaned up on
-     * https://product-fabric.atlassian.net/browse/EDM-5795
+     * the experiment is completed.
      * @see https://team.atlassian.com/project/ATLAS-13099/about
      * @internal
      * @deprecated

package/dist/types-ts4.5/__fixtures__/atlas-project.d.ts

@@ -0,0 +1,68 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        product: string;
+        visibility: string;
+        access: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        '@type': string[];
+        url: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        name: string;
+        summary: string;
+        'atlassian:state': {
+            '@type': string;
+            name: string;
+            appearance: string;
+        };
+        attributedTo: {
+            name: string;
+            icon: string;
+        }[];
+        'atlassian:updatedBy': {
+            name: string;
+            icon: string;
+        }[];
+        preview: {
+            '@type': string;
+            href: string;
+        };
+        'schema:commentCount': number;
+        'atlassian:subscriberCount': number;
+        endTime: string;
+        updated: string;
+        'atlassian:serverAction': {
+            '@type': string;
+            name: string;
+            dataUpdateAction: {
+                '@type': string;
+                name: string;
+            };
+            resourceIdentifiers: {
+                ari: string;
+            };
+            refField: string;
+        }[];
+    };
+};
+export default _default;

package/dist/types-ts4.5/constants.d.ts

@@ -125,6 +125,7 @@ export declare enum ElementName {
 export declare enum ActionName {
     DeleteAction = "DeleteAction",
     EditAction = "EditAction",
+    FollowAction = "FollowAction",
     PreviewAction = "PreviewAction",
     ViewAction = "ViewAction",
     DownloadAction = "DownloadAction",

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

@@ -29,6 +29,9 @@ export declare const TEST_UNDEFINED_LINK: JsonLd.Data.UndefinedLinkDocument;
 export declare const TEST_ASSIGN_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_NO_ID_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_VIEW_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
+export declare const TEST_FOLLOW_ACTION: JsonLd.Primitives.UpdateAction;
+export declare const TEST_UNFOLLOW_ACTION: JsonLd.Primitives.UpdateAction;
+export declare const TEST_STATUS_UPDATE_ACTION: JsonLd.Primitives.UpdateAction;
 export declare const TEST_DOCUMENT_WITH_ACTIONS: JsonLd.Data.BaseData;
 export declare const TEST_DOCUMENT_WITH_DOWNLOAD_ACTION: JsonLd.Data.BaseData;
 export declare const TEST_DOCUMENT_WITH_VIEW_ACTION: JsonLd.Data.BaseData;

package/dist/types-ts4.5/extractors/flexible/actions/extract-follow-action.d.ts

@@ -0,0 +1,5 @@
+import type { JsonLd } from 'json-ld-types';
+import { ServerActionProp } from '../../../state/flexible-ui-context/types';
+import { ServerActionOptions } from '../../../view/FlexibleCard/types';
+declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
+export default extractFollowAction;

package/dist/types-ts4.5/extractors/flexible/index.d.ts

@@ -1,4 +1,4 @@
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ featureFlags, id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, showServerActions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };