@atlaskit/smart-card 26.23.2 → 26.25.0

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

@@ -5,11 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
 var _utils = require("../../../../../../utils");
+var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke-client-action"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ViewAction = function ViewAction(props) {
@@ -19,10 +24,37 @@ var ViewAction = function ViewAction(props) {
     _onClick = props.onClick,
     viewUrl = props.viewUrl,
     url = props.url;
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        (0, _utils.openUrl)(viewUrl);
+        invoke({
+          actionType: _constants.ActionName.ViewAction,
+          actionFn: function () {
+            var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    return _context.abrupt("return", (0, _utils.openUrl)(viewUrl));
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function actionFn() {
+              return _actionFn.apply(this, arguments);
+            }
+            return actionFn;
+          }(),
+          // These values have already been set in analytics context.
+          // We only pass these here for ufo experience.
+          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+        });
         if (_onClick) {
           _onClick();
         }

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+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 _excluded = ["value"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FollowAction = function FollowAction(props) {
+  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  if (!context || !context.followAction) {
+    return null;
+  }
+  var _context$followAction = context.followAction,
+    value = _context$followAction.value,
+    data = (0, _objectWithoutProperties2.default)(_context$followAction, _excluded);
+  var message = value ? _messages.messages.follow : _messages.messages.unfollow;
+  var icon = value ? /*#__PURE__*/_react.default.createElement(_inviteTeam.default, {
+    label: "Follow"
+  }) : /*#__PURE__*/_react.default.createElement(_unfollowIcon.default, {
+    label: "Unfollow"
+  });
+  return /*#__PURE__*/_react.default.createElement(_serverAction.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+    icon: icon,
+    testId: "smart-action-follow-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)
+  }, data, props));
+};
+var _default = FollowAction;
+exports.default = _default;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _react = _interopRequireDefault(require("react"));
+var UnfollowGlyph = function UnfollowGlyph(props) {
+  return /*#__PURE__*/_react.default.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.default.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.default.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.default.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.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: UnfollowGlyph
+  }, props));
+};
+var _default = UnfollowIcon;
+exports.default = _default;

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

@@ -1,11 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewAction = exports.PreviewAction = exports.EditAction = exports.DownloadAction = exports.DeleteAction = exports.CustomAction = void 0;
+exports.EditAction = exports.DownloadAction = exports.DeleteAction = exports.CustomAction = void 0;
+Object.defineProperty(exports, "FollowAction", {
+  enumerable: true,
+  get: function get() {
+    return _followAction.default;
+  }
+});
+exports.ViewAction = exports.PreviewAction = void 0;
 var _constants = require("../../../../constants");
 var _utils = require("./utils");
+var _followAction = _interopRequireDefault(require("./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

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

@@ -22,6 +22,7 @@ var _utils = require("../../utils");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
+var _utils2 = require("../utils");
 var _excluded = ["triggerRef"];
 var _templateObject;
 /** @jsx jsx */
@@ -43,24 +44,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 _constants.ActionName.DownloadAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-      case _constants.ActionName.PreviewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
-      case _constants.ActionName.ViewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
-      default:
-        // Named and custom actions that user defines.
-        return Boolean(_constants.ActionName[item.name]);
-    }
-  });
-};
 
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
@@ -86,7 +69,7 @@ var ActionGroup = function ActionGroup(_ref) {
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var renderableActionItems = (0, _react.useMemo)(function () {
-    return filterActionItems(items, context);
+    return (0, _utils2.filterActionItems)(items, context);
   }, [context, items]);
   var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
   var onOpenChange = (0, _react.useCallback)(function (attrs) {

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

@@ -15,6 +15,8 @@ var _block = _interopRequireDefault(require("../block"));
 var _elementGroup = _interopRequireDefault(require("../element-group"));
 var _elements = require("../../elements");
 var _actionGroup = _interopRequireDefault(require("../action-group"));
+var _utils = require("../utils");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _templateObject;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,6 +44,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 = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var hasActions = (0, _react.useMemo)(function () {
+    var _filterActionItems;
+    return ((_filterActionItems = (0, _utils.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
+  }, [actions, context]);
   var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -56,7 +63,7 @@ var FooterBlock = function FooterBlock(props) {
     testId: "".concat(testId, "-resolved-view")
   }), /*#__PURE__*/_react.default.createElement(_elements.Provider, {
     testId: "".concat(testId, "-provider")
-  }), actions && actions.length > 0 ? /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), actions && hasActions ? /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     testId: "smart-element-group-actions",
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderElementItems = exports.renderChildren = exports.isJSXElementNull = exports.highlightRemoveStyles = exports.getGapSize = exports.getBaseStyles = exports.ElementDisplaySchema = void 0;
+exports.renderElementItems = exports.renderChildren = exports.isJSXElementNull = exports.highlightRemoveStyles = exports.getGapSize = exports.getBaseStyles = exports.filterActionItems = exports.ElementDisplaySchema = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -69,6 +69,27 @@ exports.isJSXElementNull = isJSXElementNull;
 var isElementOrElementGroup = function isElementOrElementGroup(node) {
   return /*#__PURE__*/_react.default.isValidElement(node) && ((0, _flexible.isFlexibleUiElement)(node) || node.type === _elementGroup.default);
 };
+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 _constants.ActionName.DownloadAction:
+        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
+      case _constants.ActionName.FollowAction:
+        return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
+      case _constants.ActionName.PreviewAction:
+        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
+      case _constants.ActionName.ViewAction:
+        return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
+      default:
+        // Named and custom actions that user defines.
+        return Boolean(_constants.ActionName[item.name]);
+    }
+  });
+};
+exports.filterActionItems = filterActionItems;
 var renderChildren = function renderChildren(children, size) {
   return _react.default.Children.map(children, function (child) {
     if (isElementOrElementGroup(child) || isActionGroup(child)) {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.hasWhiteSpace = exports.getTruncateStyles = 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"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -14,7 +15,10 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../constants");
 var _icon = _interopRequireDefault(require("./elements/icon"));
 var _utils = require("../../EmbedModal/utils");
+var _excluded = ["linkIcon"];
 var _sizeToButtonSpacing, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Small, 'none'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Medium, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Large, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 exports.sizeToButtonSpacing = sizeToButtonSpacing;
 var getFormattedMessage = function getFormattedMessage(message) {
@@ -116,35 +120,20 @@ var hasWhiteSpace = function hasWhiteSpace(str) {
 };
 exports.hasWhiteSpace = hasWhiteSpace;
 var openEmbedModalWithFlexibleUiIcon = function openEmbedModalWithFlexibleUiIcon(_ref) {
-  var analytics = _ref.analytics,
-    downloadUrl = _ref.downloadUrl,
-    linkIcon = _ref.linkIcon,
-    onClose = _ref.onClose,
-    providerName = _ref.providerName,
-    src = _ref.src,
-    title = _ref.title,
-    url = _ref.url,
-    isSupportTheming = _ref.isSupportTheming;
+  var linkIcon = _ref.linkIcon,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var icon = {
     icon: /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, linkIcon, {
       size: _constants.SmartLinkSize.Large
     })),
     isFlexibleUi: true
   };
-  return (0, _utils.openEmbedModal)({
-    analytics: analytics,
-    download: downloadUrl,
+  return (0, _utils.openEmbedModal)(_objectSpread(_objectSpread({}, props), {}, {
     icon: icon,
     // Flex should not send origin as block card. It should be able to support
     // its internal parent components like hover card, block card and
     // itself as a standalone. To be investigated and fix in EDM-7520.
-    origin: 'smartLinkCard',
-    providerName: providerName,
-    onClose: onClose,
-    src: src,
-    title: title,
-    url: url,
-    isSupportTheming: isSupportTheming
-  });
+    origin: 'smartLinkCard'
+  }));
 };
 exports.openEmbedModalWithFlexibleUiIcon = openEmbedModalWithFlexibleUiIcon;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../constants");
 var _container = _interopRequireDefault(require("./components/container"));
@@ -14,6 +15,8 @@ var _flexibleUiContext = require("../../state/flexible-ui-context");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
  * This is the container in which all Flexible UI Blocks and Elements exist.
@@ -21,7 +24,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @see Container
  */
 var FlexibleCard = function FlexibleCard(_ref) {
+  var _details$meta2;
   var analytics = _ref.analytics,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'flexible' : _ref$appearance,
     cardState = _ref.cardState,
     children = _ref.children,
     id = _ref.id,
@@ -52,6 +58,13 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
+  var analyticsContext = (0, _react.useMemo)(function () {
+    var _details$meta;
+    return analytics ? _objectSpread(_objectSpread({}, analytics), {}, {
+      display: appearance,
+      extensionKey: details === null || details === void 0 ? void 0 : (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
+    }) : undefined;
+  }, [analytics, appearance, details === null || details === void 0 ? void 0 : (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key]);
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:
@@ -77,7 +90,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     }
   }, [onError, onResolve, status, title, url]);
   return /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiAnalyticsContext.Provider, {
-    value: analytics
+    value: analyticsContext
   }, /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiOptionContext.Provider, {
     value: ui
   }, /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiContext.Provider, {

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

@@ -150,6 +150,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     subtitle: subtitle
   };
   var flexibleCardProps = {
+    appearance: _constants.CardDisplay.HoverCardPreview,
     cardState: cardState,
     onClick: onClick,
     onResolve: onResolve,

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

@@ -47,7 +47,7 @@ var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
 };
 exports.getTransitionStyles = getTransitionStyles;
-var popupContainerStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n"])), "var(--ds-border-radius-300, 12px)", (0, _components.themed)({
+var popupContainerStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n"])), "var(--ds-border-radius-200, 8px)", (0, _components.themed)({
   light: "var(--ds-surface-raised, white)",
   dark: "var(--ds-surface-raised, #262B31)"
 })(), (0, _components.themed)({
@@ -56,6 +56,6 @@ var popupContainerStyles = (0, _react.css)(_templateObject5 || (_templateObject5
 })());
 exports.popupContainerStyles = popupContainerStyles;
 var getPreviewBlockStyles = function getPreviewBlockStyles(snippetHeight) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, (0, _platformFeatureFlags.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 (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, (0, _platformFeatureFlags.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        }") : "");
 };
 exports.getPreviewBlockStyles = getPreviewBlockStyles;

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

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

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

@@ -48,7 +48,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((0, _components.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((0, _components.themed)({
     light: "var(--ds-link, ".concat(_colors.B400, ")"),
     dark: "var(--ds-link, #4794FF)"
   })(props), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : (0, _components.themed)({

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

@@ -14,7 +14,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
-var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)");
+var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)");
 exports.IconStyledButton = IconStyledButton;
 var NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-left: ", ";\n"])), (0, _components.themed)({
   light: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),

package/dist/es2019/constants.js

@@ -143,6 +143,7 @@ export let ElementName = /*#__PURE__*/function (ElementName) {
 export let ActionName = /*#__PURE__*/function (ActionName) {
   ActionName["DeleteAction"] = "DeleteAction";
   ActionName["EditAction"] = "EditAction";
+  ActionName["FollowAction"] = "FollowAction";
   ActionName["PreviewAction"] = "PreviewAction";
   ActionName["ViewAction"] = "ViewAction";
   ActionName["DownloadAction"] = "DownloadAction";

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

@@ -5,7 +5,7 @@ import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount
 import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/link-extractors';
 import { extractByline } from '../common/byline/extractByline';
 import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
-import { extractActions } from '../common/actions/extractActions';
+import { extractClientActions } from '../common/actions/extractActions';
 import { extractPreviewAction } from '../common/actions/extractPreviewAction';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 const extractBlockIcon = jsonLd => {
@@ -26,7 +26,7 @@ export const extractBlockActions = (props, jsonLd, opts, platform, meta) => {
     const {
       handleInvoke
     } = opts;
-    const actions = extractActions(jsonLd, handleInvoke);
+    const actions = extractClientActions(jsonLd, handleInvoke);
     const previewAction = extractPreviewAction({
       ...opts,
       viewProps: props,

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

@@ -30,25 +30,6 @@ const getClientActionProps = (jsonLd, action, handler) => {
     promise: () => handler(clientActionInvokeOpts)
   };
 };
-const getServerActionProps = (jsonLd, action, handler) => {
-  const id = action['@id'] || action['@type'];
-  const data = {
-    type: 'server',
-    key: action.identifier,
-    action: {
-      type: action['@type'],
-      payload: {
-        id,
-        context: jsonLd.context
-      }
-    }
-  };
-  return {
-    id,
-    text: action.name,
-    promise: () => handler(data)
-  };
-};
 export const getActionsFromJsonLd = jsonLd => {
   let actions = jsonLd && jsonLd['schema:potentialAction'];
   if (!actions) {
@@ -59,11 +40,9 @@ export const getActionsFromJsonLd = jsonLd => {
   }
   return actions;
 };
-export function extractActions(jsonLd, handler) {
+export function extractClientActions(jsonLd, handler) {
   const actions = getActionsFromJsonLd(jsonLd);
   const clientActions = actions.filter(isClientAction);
-  const serverActions = actions.filter(action => !isClientAction(action));
   const clientActionImpls = clientActions.map(action => getClientActionProps(jsonLd, action, handler));
-  const serverActionImpls = serverActions.map(action => getServerActionProps(jsonLd, action, handler));
-  return [...clientActionImpls, ...serverActionImpls];
+  return clientActionImpls;
 }

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

@@ -0,0 +1,45 @@
+import { extractLink } from '@atlaskit/link-extractors';
+import { SmartLinkActionType } from '@atlaskit/linking-types';
+import { getExtensionKey } from '../../../state/helpers';
+import extractServerAction from '../extract-server-action';
+const extractFollowAction = (response, showServerActions, id) => {
+  var _action$dataUpdateAct;
+  if (!showServerActions) {
+    return;
+  }
+  const extensionKey = getExtensionKey(response);
+  const data = response === null || response === void 0 ? void 0 : response.data;
+  const actions = extractServerAction(data);
+  if (!extensionKey || actions.length === 0) {
+    return;
+  }
+  const action = actions.find(item => {
+    if ((item === null || item === void 0 ? void 0 : item.name) === 'UpdateAction') {
+      var _dataUpdateAction;
+      const actionName = item === null || item === void 0 ? void 0 : (_dataUpdateAction = item.dataUpdateAction) === null || _dataUpdateAction === void 0 ? void 0 : _dataUpdateAction.name;
+      return actionName === SmartLinkActionType.FollowEntityAction || actionName === SmartLinkActionType.UnfollowEntityAction;
+    }
+    return false;
+  });
+  if (!action || !action.resourceIdentifiers) {
+    return;
+  }
+  const url = extractLink(data);
+  const reload = url ? {
+    id,
+    url
+  } : undefined;
+  const actionType = (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name;
+  return {
+    action: {
+      action: {
+        actionType,
+        resourceIdentifiers: action.resourceIdentifiers
+      },
+      providerKey: extensionKey,
+      reload
+    },
+    value: actionType === SmartLinkActionType.FollowEntityAction
+  };
+};
+export default extractFollowAction;

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

@@ -1,4 +1,6 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { extractSummary } from '../common/primitives';
+import extractFollowAction from './actions/extract-follow-action';
 import { extractLinkIcon } from './icon';
 import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
@@ -38,6 +40,7 @@ const extractFlexibleUiContext = ({
     assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
+    followAction: getBooleanFF('platform.linking-platform.smart-card.follow-button') ? extractFollowAction(response, showServerActions, id) : undefined,
     previewAction: extractPreviewAction(response),
     viewAction: extractViewAction(data),
     downloadAction: extractDownloadAction(data),

package/dist/es2019/messages.js

@@ -140,6 +140,11 @@ export const messages = defineMessages({
     defaultMessage: 'Edit',
     description: 'Allow a user to edit a link'
   },
+  follow: {
+    id: 'fabric.linking.follow',
+    defaultMessage: 'Follow',
+    description: 'Click to follow a project.'
+  },
   forbidden_description: {
     id: 'fabric.linking.forbidden_description',
     defaultMessage: 'You don’t have access to this preview. Contact the site admin if you need access.',
@@ -425,6 +430,11 @@ export const messages = defineMessages({
     defaultMessage: 'Unassigned',
     description: 'Shown as a tooltip text for a default unassigned fallback avatar'
   },
+  unfollow: {
+    id: 'fabric.linking.unfollow',
+    defaultMessage: 'Unfollow',
+    description: 'Click to unfollow a project.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',