@atlaskit/smart-card 26.56.4 → 26.56.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.56.5
+
+### Patch Changes
+
+- [#90940](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90940) [`c74e41ce62aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c74e41ce62aa) - [ux] Updating FollowAction to support ActionBlock
+
 ## 26.56.4
 
 ### Patch Changes

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

@@ -19,6 +19,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
   var actions = (0, _extractServerAction.default)(data);
+  var type = (0, _linkExtractors.extractType)(data);
+  var isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -48,7 +50,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
       providerKey: extensionKey,
       reload: reload
     },
-    value: actionType === _linkingTypes.SmartLinkActionType.FollowEntityAction
+    value: actionType === _linkingTypes.SmartLinkActionType.FollowEntityAction,
+    isProject: isProject
   };
 };
 var _default = exports.default = extractFollowAction;

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

@@ -11,8 +11,9 @@ var _extractDownloadAction = require("./extract-download-action");
 var _extractPreviewAction = require("./extract-preview-action");
 var _extractFollowAction = _interopRequireDefault(require("./extract-follow-action"));
 var _extractCopyLinkAction = require("./extract-copy-link-action");
-var extractActions = function extractActions(response, data, actionOptions, id) {
+var extractActions = function extractActions(response, actionOptions, id) {
   var _action;
+  var data = response.data;
   var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);

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

@@ -29,7 +29,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
   return {
-    actions: (0, _actions.default)(response, data, actionOptions, id),
+    actions: (0, _actions.default)(response, actionOptions, id),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),

package/dist/cjs/messages.js

@@ -211,6 +211,26 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
+  follow_project_description: {
+    id: 'fabric.linking.follow_project_description.nonfinal',
+    defaultMessage: 'Follow to get notifications on this project',
+    description: 'Description on what Follow does'
+  },
+  follow_project: {
+    id: 'fabric.linking.follow_project.nonfinal',
+    defaultMessage: 'Follow project',
+    description: 'Click to follow a project.'
+  },
+  follow_goal_description: {
+    id: 'fabric.linking.follow_goal_description.nonfinal',
+    defaultMessage: 'Follow this goal to get notifications on updates',
+    description: 'Description on what Follow does'
+  },
+  follow_goal: {
+    id: 'fabric.linking.follow_goal.nonfinal',
+    defaultMessage: 'Follow goal',
+    description: 'Click to follow a project.'
+  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -471,6 +491,26 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Unfollow',
     description: 'Click to unfollow a project.'
   },
+  unfollow_project_description: {
+    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving project notifications',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_project: {
+    id: 'fabric.linking.unfollow_project.nonfinal',
+    defaultMessage: 'Unfollow project',
+    description: 'Click to unfollow a project.'
+  },
+  unfollow_goal_description: {
+    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving notifications for this goal',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_goal: {
+    id: 'fabric.linking.unfollow_goal.nonfinal',
+    defaultMessage: 'Unfollow goal',
+    description: 'Click to unfollow a project.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

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

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

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoalIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _react = _interopRequireDefault(require("react"));
+var GoalGlyph = function GoalGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
+    fill: "#0C66E4"
+  }));
+};
+var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: GoalGlyph
+  }, props));
+};

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _inviteTeam = _interopRequireDefault(require("@atlaskit/icon/glyph/invite-team"));
@@ -15,7 +16,39 @@ var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _serverAction = _interopRequireDefault(require("../action/server-action"));
 var _unfollowIcon = _interopRequireDefault(require("./unfollow-icon"));
+var _utils = require("../../utils");
 var _excluded = ["value"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var importIconMapper = {
+  goal: function goal() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "glyphGoal" */'./goal-icon'));
+    }).then(function (_ref) {
+      var GoalIcon = _ref.GoalIcon;
+      return {
+        default: GoalIcon
+      };
+    });
+  },
+  projects: function projects() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "glyphProjects" */'./projects-icon'));
+    }).then(function (_ref2) {
+      var ProjectsIcon = _ref2.ProjectsIcon;
+      return {
+        default: ProjectsIcon
+      };
+    });
+  }
+};
+var getIcon = function getIcon(stackIconType) {
+  var importFn = importIconMapper[stackIconType];
+  if (!importFn) {
+    return null;
+  }
+  return (0, _utils.importIcon)(importFn);
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -25,17 +58,34 @@ var FollowAction = function FollowAction(props) {
   var _context$actions$Acti = context === null || context === void 0 || (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[_constants.ActionName.FollowAction],
     value = _context$actions$Acti.value,
     data = (0, _objectWithoutProperties2.default)(_context$actions$Acti, _excluded);
+  var isStackItem = props.as === 'stack-item';
+  var isProject = data.isProject;
   var message = value ? _messages.messages.follow : _messages.messages.unfollow;
+  var projectMessage = value ? _messages.messages.follow_project : _messages.messages.unfollow_project;
+  var goalMessage = value ? _messages.messages.follow_goal : _messages.messages.unfollow_goal;
+  var stackMessage = isProject ? projectMessage : goalMessage;
+  var label = isStackItem ? stackMessage : message;
+  var projectTooltipMessage = value ? _messages.messages.follow_project_description : _messages.messages.unfollow_project_description;
+  var goalTooltipMessage = value ? _messages.messages.follow_goal_description : _messages.messages.unfollow_goal_description;
+  var stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  var tooltipMessage = isStackItem ? stackTooltipMessage : message;
   var icon = value ? /*#__PURE__*/_react.default.createElement(_inviteTeam.default, {
     label: "Follow"
   }) : /*#__PURE__*/_react.default.createElement(_unfollowIcon.default, {
     label: "Unfollow"
   });
+  var stackIconType = isProject ? 'projects' : 'goal';
+  var ImportedIcon = getIcon(stackIconType);
+  var stackIcon = /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
+  });
+  var followIcon = isStackItem ? stackIcon : icon;
   return /*#__PURE__*/_react.default.createElement(_serverAction.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
-    icon: icon,
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label),
+    icon: followIcon,
     testId: "smart-action-follow-action",
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage)
   }, data, props));
 };
 var _default = exports.default = FollowAction;

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProjectsIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _react = _interopRequireDefault(require("react"));
+var ProjectsGlyph = function ProjectsGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
+    fill: "#0C66E4"
+  }));
+};
+var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: ProjectsGlyph
+  }, props));
+};

package/dist/cjs/view/FlexibleCard/components/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getPrimitivesPaddingSpaceBySize = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
+exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.importIcon = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getPrimitivesPaddingSpaceBySize = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../constants");
 var _icon = _interopRequireDefault(require("./elements/icon"));
 var _utils = require("../../EmbedModal/utils");
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _excluded = ["linkIcon"];
 var _sizeToButtonSpacing, _templateObject;
 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; }
@@ -63,6 +64,18 @@ var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
       return '.75rem';
   }
 };
+var importIcon = exports.importIcon = function importIcon(importFn) {
+  return (0, _reactLoadable.default)({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
 var getLinkLineHeight = exports.getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.4",
+  packageVersion: "26.56.5",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -1,4 +1,4 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractType } from '@atlaskit/link-extractors';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getExtensionKey } from '../../../state/helpers';
 import extractServerAction from '../extract-server-action';
@@ -12,6 +12,8 @@ const extractFollowAction = (response, actionOptions, id) => {
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
   const actions = extractServerAction(data);
+  const type = extractType(data);
+  const isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -41,7 +43,8 @@ const extractFollowAction = (response, actionOptions, id) => {
       providerKey: extensionKey,
       reload
     },
-    value: actionType === SmartLinkActionType.FollowEntityAction
+    value: actionType === SmartLinkActionType.FollowEntityAction,
+    isProject
   };
 };
 export default extractFollowAction;

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

@@ -3,7 +3,8 @@ import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
 import extractFollowAction from './extract-follow-action';
 import { extractCopyLinkAction } from './extract-copy-link-action';
-const extractActions = (response, data, actionOptions, id) => {
+const extractActions = (response, actionOptions, id) => {
+  const data = response.data;
   const action = {
     [ActionName.CopyLinkAction]: extractCopyLinkAction(data, actionOptions),
     [ActionName.DownloadAction]: extractDownloadAction(data, actionOptions),

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

@@ -22,7 +22,7 @@ const extractFlexibleUiContext = ({
   const data = response.data;
   const url = extractLink(data);
   return {
-    actions: extractActions(response, data, actionOptions, id),
+    actions: extractActions(response, actionOptions, id),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/es2019/messages.js

@@ -205,6 +205,26 @@ export const messages = defineMessages({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
+  follow_project_description: {
+    id: 'fabric.linking.follow_project_description.nonfinal',
+    defaultMessage: 'Follow to get notifications on this project',
+    description: 'Description on what Follow does'
+  },
+  follow_project: {
+    id: 'fabric.linking.follow_project.nonfinal',
+    defaultMessage: 'Follow project',
+    description: 'Click to follow a project.'
+  },
+  follow_goal_description: {
+    id: 'fabric.linking.follow_goal_description.nonfinal',
+    defaultMessage: 'Follow this goal to get notifications on updates',
+    description: 'Description on what Follow does'
+  },
+  follow_goal: {
+    id: 'fabric.linking.follow_goal.nonfinal',
+    defaultMessage: 'Follow goal',
+    description: 'Click to follow a project.'
+  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -465,6 +485,26 @@ export const messages = defineMessages({
     defaultMessage: 'Unfollow',
     description: 'Click to unfollow a project.'
   },
+  unfollow_project_description: {
+    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving project notifications',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_project: {
+    id: 'fabric.linking.unfollow_project.nonfinal',
+    defaultMessage: 'Unfollow project',
+    description: 'Click to unfollow a project.'
+  },
+  unfollow_goal_description: {
+    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving notifications for this goal',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_goal: {
+    id: 'fabric.linking.unfollow_goal.nonfinal',
+    defaultMessage: 'Unfollow goal',
+    description: 'Click to unfollow a project.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.4"
+  packageVersion: "26.56.5"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+const GoalGlyph = props => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
+  fill: "#0C66E4"
+}));
+export const GoalIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: GoalGlyph
+}, props));

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/index.js

@@ -7,6 +7,26 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
+import { importIcon } from '../../utils';
+const importIconMapper = {
+  goal: () => import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(({
+    GoalIcon
+  }) => ({
+    default: GoalIcon
+  })),
+  projects: () => import( /* webpackChunkName: "glyphProjects" */'./projects-icon').then(({
+    ProjectsIcon
+  }) => ({
+    default: ProjectsIcon
+  }))
+};
+const getIcon = stackIconType => {
+  const importFn = importIconMapper[stackIconType];
+  if (!importFn) {
+    return null;
+  }
+  return importIcon(importFn);
+};
 const FollowAction = props => {
   var _context$actions, _context$actions2;
   const context = useFlexibleUiContext();
@@ -17,17 +37,34 @@ const FollowAction = props => {
     value,
     ...data
   } = context === null || context === void 0 ? void 0 : (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction];
+  const isStackItem = props.as === 'stack-item';
+  const isProject = data.isProject;
   const message = value ? messages.follow : messages.unfollow;
+  const projectMessage = value ? messages.follow_project : messages.unfollow_project;
+  const goalMessage = value ? messages.follow_goal : messages.unfollow_goal;
+  const stackMessage = isProject ? projectMessage : goalMessage;
+  const label = isStackItem ? stackMessage : message;
+  const projectTooltipMessage = value ? messages.follow_project_description : messages.unfollow_project_description;
+  const goalTooltipMessage = value ? messages.follow_goal_description : messages.unfollow_goal_description;
+  const stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  const tooltipMessage = isStackItem ? stackTooltipMessage : message;
   const icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"
   }) : /*#__PURE__*/React.createElement(UnfollowIcon, {
     label: "Unfollow"
   });
+  const stackIconType = isProject ? 'projects' : 'goal';
+  const ImportedIcon = getIcon(stackIconType);
+  const stackIcon = /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: `smart-action-follow-action-${stackIconType}-icon`
+  });
+  const followIcon = isStackItem ? stackIcon : icon;
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, message),
-    icon: icon,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, label),
+    icon: followIcon,
     testId: "smart-action-follow-action",
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, message)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
   }, data, props));
 };
 export default FollowAction;

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+const ProjectsGlyph = props => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
+  fill: "#0C66E4"
+}));
+export const ProjectsIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: ProjectsGlyph
+}, props));

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';
 import Icon from './elements/icon';
 import { openEmbedModal } from '../../EmbedModal/utils';
+import Loadable from 'react-loadable';
 export const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
   [SmartLinkSize.Medium]: 'compact',
@@ -67,6 +68,12 @@ export const getIconWidth = size => {
       return '.75rem';
   }
 };
+export const importIcon = importFn => {
+  return Loadable({
+    loader: () => importFn().then(module => module.default),
+    loading: () => null
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
 export const getLinkLineHeight = size => {
   switch (size) {
     case SmartLinkSize.XLarge:

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

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

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

@@ -1,4 +1,4 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractType } from '@atlaskit/link-extractors';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getExtensionKey } from '../../../state/helpers';
 import extractServerAction from '../extract-server-action';
@@ -12,6 +12,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
   var extensionKey = getExtensionKey(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
   var actions = extractServerAction(data);
+  var type = extractType(data);
+  var isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -41,7 +43,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
       providerKey: extensionKey,
       reload: reload
     },
-    value: actionType === SmartLinkActionType.FollowEntityAction
+    value: actionType === SmartLinkActionType.FollowEntityAction,
+    isProject: isProject
   };
 };
 export default extractFollowAction;

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

@@ -4,8 +4,9 @@ import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
 import extractFollowAction from './extract-follow-action';
 import { extractCopyLinkAction } from './extract-copy-link-action';
-var extractActions = function extractActions(response, data, actionOptions, id) {
+var extractActions = function extractActions(response, actionOptions, id) {
   var _action;
+  var data = response.data;
   var action = (_action = {}, _defineProperty(_action, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_action, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_action, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_action, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);

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

@@ -22,7 +22,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = extractLink(data);
   return {
-    actions: extractActions(response, data, actionOptions, id),
+    actions: extractActions(response, actionOptions, id),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/esm/messages.js

@@ -205,6 +205,26 @@ export var messages = defineMessages({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
+  follow_project_description: {
+    id: 'fabric.linking.follow_project_description.nonfinal',
+    defaultMessage: 'Follow to get notifications on this project',
+    description: 'Description on what Follow does'
+  },
+  follow_project: {
+    id: 'fabric.linking.follow_project.nonfinal',
+    defaultMessage: 'Follow project',
+    description: 'Click to follow a project.'
+  },
+  follow_goal_description: {
+    id: 'fabric.linking.follow_goal_description.nonfinal',
+    defaultMessage: 'Follow this goal to get notifications on updates',
+    description: 'Description on what Follow does'
+  },
+  follow_goal: {
+    id: 'fabric.linking.follow_goal.nonfinal',
+    defaultMessage: 'Follow goal',
+    description: 'Click to follow a project.'
+  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -465,6 +485,26 @@ export var messages = defineMessages({
     defaultMessage: 'Unfollow',
     description: 'Click to unfollow a project.'
   },
+  unfollow_project_description: {
+    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving project notifications',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_project: {
+    id: 'fabric.linking.unfollow_project.nonfinal',
+    defaultMessage: 'Unfollow project',
+    description: 'Click to unfollow a project.'
+  },
+  unfollow_goal_description: {
+    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving notifications for this goal',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_goal: {
+    id: 'fabric.linking.unfollow_goal.nonfinal',
+    defaultMessage: 'Unfollow goal',
+    description: 'Click to unfollow a project.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

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

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

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+var GoalGlyph = function GoalGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
+    fill: "#0C66E4"
+  }));
+};
+export var GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: GoalGlyph
+  }, props));
+};

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

@@ -9,6 +9,32 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
+import { importIcon } from '../../utils';
+var importIconMapper = {
+  goal: function goal() {
+    return import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(function (_ref) {
+      var GoalIcon = _ref.GoalIcon;
+      return {
+        default: GoalIcon
+      };
+    });
+  },
+  projects: function projects() {
+    return import( /* webpackChunkName: "glyphProjects" */'./projects-icon').then(function (_ref2) {
+      var ProjectsIcon = _ref2.ProjectsIcon;
+      return {
+        default: ProjectsIcon
+      };
+    });
+  }
+};
+var getIcon = function getIcon(stackIconType) {
+  var importFn = importIconMapper[stackIconType];
+  if (!importFn) {
+    return null;
+  }
+  return importIcon(importFn);
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = useFlexibleUiContext();
@@ -18,17 +44,34 @@ var FollowAction = function FollowAction(props) {
   var _context$actions$Acti = context === null || context === void 0 || (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction],
     value = _context$actions$Acti.value,
     data = _objectWithoutProperties(_context$actions$Acti, _excluded);
+  var isStackItem = props.as === 'stack-item';
+  var isProject = data.isProject;
   var message = value ? messages.follow : messages.unfollow;
+  var projectMessage = value ? messages.follow_project : messages.unfollow_project;
+  var goalMessage = value ? messages.follow_goal : messages.unfollow_goal;
+  var stackMessage = isProject ? projectMessage : goalMessage;
+  var label = isStackItem ? stackMessage : message;
+  var projectTooltipMessage = value ? messages.follow_project_description : messages.unfollow_project_description;
+  var goalTooltipMessage = value ? messages.follow_goal_description : messages.unfollow_goal_description;
+  var stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  var tooltipMessage = isStackItem ? stackTooltipMessage : message;
   var icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"
   }) : /*#__PURE__*/React.createElement(UnfollowIcon, {
     label: "Unfollow"
   });
+  var stackIconType = isProject ? 'projects' : 'goal';
+  var ImportedIcon = getIcon(stackIconType);
+  var stackIcon = /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
+  });
+  var followIcon = isStackItem ? stackIcon : icon;
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, message),
-    icon: icon,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, label),
+    icon: followIcon,
     testId: "smart-action-follow-action",
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, message)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
   }, data, props));
 };
 export default FollowAction;

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

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+var ProjectsGlyph = function ProjectsGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
+    fill: "#0C66E4"
+  }));
+};
+export var ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: ProjectsGlyph
+  }, props));
+};

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

@@ -12,6 +12,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';
 import Icon from './elements/icon';
 import { openEmbedModal } from '../../EmbedModal/utils';
+import Loadable from 'react-loadable';
 export var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Small, 'none'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Medium, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Large, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 export var getFormattedMessage = function getFormattedMessage(message) {
   if (message) {
@@ -56,6 +57,18 @@ export var getIconWidth = function getIconWidth(size) {
       return '.75rem';
   }
 };
+export var importIcon = function importIcon(importFn) {
+  return Loadable({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
 export var getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case SmartLinkSize.XLarge:

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

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

@@ -1,5 +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, data: JsonLd.Data.BaseData, actionOptions?: CardActionOptions, id?: string) => FlexibleUiActions | undefined;
+declare const extractActions: (response: JsonLd.Response, actionOptions?: CardActionOptions, id?: string) => FlexibleUiActions | undefined;
 export default extractActions;

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_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | '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' | 'learn_more_about_connecting_account' | '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_description' | '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 | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | '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' | 'learn_more_about_connecting_account' | '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_description' | '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' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -271,4 +271,5 @@ export type FlexibleAnalyticsContextType = AnalyticsFacade & {
 export type ServerActionProp<TValue> = {
     action: InvokeRequestWithCardDetails;
     value?: TValue;
+    isProject?: boolean;
 };

package/dist/types/view/FlexibleCard/components/actions/follow-action/__fixtures__/follow-goal-context.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleUiDataContext } from '../../../../../../state/flexible-ui-context/types';
+declare const context: FlexibleUiDataContext;
+export default context;

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

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

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

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

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

@@ -12,6 +12,7 @@ export declare const getFormattedMessage: (message?: MessageProps) => JSX.Elemen
 export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
+export declare const importIcon: (importFn: () => Promise<any>) => any;
 export declare const getLinkLineHeight: (size: SmartLinkSize) => string;
 export declare const getLinkSizeStyles: (size: SmartLinkSize) => SerializedStyles;
 export declare const getMaxLineHeight: (size: SmartLinkSize) => 1.5 | 1.75;

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

@@ -1,5 +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, data: JsonLd.Data.BaseData, actionOptions?: CardActionOptions, id?: string) => FlexibleUiActions | undefined;
+declare const extractActions: (response: JsonLd.Response, actionOptions?: CardActionOptions, id?: string) => FlexibleUiActions | undefined;
 export default extractActions;

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_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | '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' | 'learn_more_about_connecting_account' | '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_description' | '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 | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | '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' | 'learn_more_about_connecting_account' | '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_description' | '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' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -271,4 +271,5 @@ export type FlexibleAnalyticsContextType = AnalyticsFacade & {
 export type ServerActionProp<TValue> = {
     action: InvokeRequestWithCardDetails;
     value?: TValue;
+    isProject?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/follow-action/__fixtures__/follow-goal-context.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleUiDataContext } from '../../../../../../state/flexible-ui-context/types';
+declare const context: FlexibleUiDataContext;
+export default context;

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

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

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

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

package/dist/types-ts4.5/view/FlexibleCard/components/utils.d.ts

@@ -12,6 +12,7 @@ export declare const getFormattedMessage: (message?: MessageProps) => JSX.Elemen
 export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
+export declare const importIcon: (importFn: () => Promise<any>) => any;
 export declare const getLinkLineHeight: (size: SmartLinkSize) => string;
 export declare const getLinkSizeStyles: (size: SmartLinkSize) => SerializedStyles;
 export declare const getMaxLineHeight: (size: SmartLinkSize) => 1.5 | 1.75;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.56.4",
+  "version": "26.56.5",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"