@atlaskit/smart-card 36.12.0 → 36.13.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 36.13.0
+
+### Minor Changes
+
+- [#148306](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148306)
+  [`4bd610f4ddae6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4bd610f4ddae6) -
+  [ux] Export unresolved action behind platform-linking-flexible-card-unresolved-action fg
+
+## 36.12.1
+
+### Patch Changes
+
+- [#148201](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148201)
+  [`8e811f1840de7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e811f1840de7) -
+  Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution
+  targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change
+  was made so a future migration does not accidentally break it.
+- Updated dependencies
+
 ## 36.12.0
 
 ### Minor Changes

package/dist/cjs/constants.js

@@ -158,6 +158,7 @@ var ActionName = exports.ActionName = /*#__PURE__*/function (ActionName) {
 }({});
 var InternalActionName = exports.InternalActionName = /*#__PURE__*/function (InternalActionName) {
   InternalActionName["AISummaryAction"] = "AISummaryAction";
+  InternalActionName["UnresolvedAction"] = "UnresolvedAction";
   InternalActionName["ViewRelatedLinksAction"] = "ViewRelatedLinksAction";
   return InternalActionName;
 }({});

package/dist/cjs/index.js

@@ -339,6 +339,12 @@ Object.defineProperty(exports, "TitleElement", {
     return _external.TitleElement;
   }
 });
+Object.defineProperty(exports, "UnresolvedAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.UnresolvedAction;
+  }
+});
 Object.defineProperty(exports, "ViewCountElement", {
   enumerable: true,
   get: function get() {

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

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

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

@@ -58,6 +58,12 @@ Object.defineProperty(exports, "PreviewAction", {
     return _previewAction.default;
   }
 });
+Object.defineProperty(exports, "UnresolvedAction", {
+  enumerable: true,
+  get: function get() {
+    return _unresolvedAction.default;
+  }
+});
 Object.defineProperty(exports, "ViewRelatedLinksAction", {
   enumerable: true,
   get: function get() {
@@ -71,6 +77,7 @@ var _downloadAction = _interopRequireDefault(require("./download-action"));
 var _followAction = _interopRequireDefault(require("./follow-action"));
 var _previewAction = _interopRequireDefault(require("./preview-action"));
 var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));
+var _unresolvedAction = _interopRequireDefault(require("./unresolved-action"));
 var _aiSummaryAction = _interopRequireDefault(require("./ai-summary-action"));
 var _automationAction = _interopRequireDefault(require("./automation-action"));
 var _viewRelatedLinksAction = _interopRequireDefault(require("./view-related-links-action"));

package/dist/cjs/view/FlexibleCard/components/actions/unresolved-action/index.compiled.css

@@ -0,0 +1,3 @@
+._18zrze3t{padding-inline:var(--ds-space-0,0)}
+._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._1e0c1bgi{display:contents}

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

@@ -0,0 +1,51 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+var UnresolvedAction = function UnresolvedAction(_ref) {
+  var _context$actions;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'unresolved-action' : _ref$testId;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  var descriptor = data.descriptor,
+    onClick = data.onClick,
+    values = data.values;
+  var hasAction = onClick !== undefined;
+  var message = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    testId: "".concat(testId, "-errored-view-message"),
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+    values: values
+  })));
+  return hasAction ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: "inherit",
+      font: "inherit",
+      textAlign: "inherit"
+    },
+    xcss: styles.button
+  }, message) : message;
+};
+var _default = exports.default = UnresolvedAction;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css

@@ -1,4 +1,10 @@
 
-._2rko1l7b{border-radius:3px}
-._y44v1kew{animation:var(--_d0o24t)}._16qs10kv{box-shadow:var(--_zsb6fb)}
-._1e0c116y{display:inline-flex}
+._2rko1l7b{border-radius:3px}._16qs10kv{box-shadow:var(--_zsb6fb)}
+._1e0c116y{display:inline-flex}
+._1o511hrf{animation-fill-mode:both}
+._1pgl1trn{animation-timing-function:cubic-bezier(.5,0,0,1)}
+._5sagymdr{animation-duration:2s}
+._j7hq8j16{animation-name:k1kh5krz}
+._ju251doz{animation-delay:.25s}
+._tip8cs5v{animation-iteration-count:2}
+@keyframes k1kh5krz{to{box-shadow:0 0 0 7px transparent}}

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -60,10 +60,9 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
     if (!discovered) {
       return /*#__PURE__*/React.createElement("span", {
         "data-testid": "".concat(testId, "-discovery"),
-        className: (0, _runtime.ax)(["_2rko1l7b _y44v1kew _1e0c116y _16qs10kv"]),
+        className: (0, _runtime.ax)(["_2rko1l7b _1e0c116y _16qs10kv _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"]),
         style: {
-          "--_zsb6fb": (0, _runtime.ix)("0 0 0 0 ".concat("var(--ds-border-discovery, #8270DB)")),
-          "--_d0o24t": (0, _runtime.ix)("".concat(pulseKeyframes, " 2s cubic-bezier(0.5, 0, 0, 1) 0.25s both 2"))
+          "--_zsb6fb": (0, _runtime.ix)("0 0 0 0 ".concat("var(--ds-border-discovery, #8270DB)"))
         }
       }, children);
     }

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

@@ -9,12 +9,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _actions = require("../../../actions");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -23,7 +26,9 @@ var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon",
  * @see TitleBlock
  */
 var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
+  var _context$actions;
   var actionGroup = _ref.actionGroup,
+    hideRetry = _ref.hideRetry,
     retry = _ref.retry,
     position = _ref.position,
     testId = _ref.testId,
@@ -36,12 +41,20 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     onClick = _ref2.onClick,
     values = _ref2.values;
   var hasAction = onClick !== undefined;
+  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() : {};
+  var showRetry = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction]) : false;
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), title, showRetry && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    align: _constants.SmartLinkAlignment.Right
+  }, /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, {
+    testId: testId
+  })), !(0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') && descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {

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

@@ -14,6 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _elements = require("../../elements");
@@ -76,8 +77,10 @@ var TitleBlock = function TitleBlock(_ref) {
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (hideRetry && props.retry) {
-    delete props.retry;
+  if (!(0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action')) {
+    if (hideRetry && props.retry) {
+      delete props.retry;
+    }
   }
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -117,7 +120,10 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
+    hideIcon: hideIcon
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? {
+    hideRetry: hideRetry
+  } : undefined, {
     icon: icon,
     size: props.size,
     theme: theme

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

@@ -9,8 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getFlexibleUiBlock = exports.getChildrenOptions = exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -23,12 +23,10 @@ var _blocks = require("../blocks");
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
 var _excluded = ["containerSize"];
-/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
-/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 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" != _typeof(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 && {}.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; }
 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; }
+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; } /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */ /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 var getChildrenOptions = exports.getChildrenOptions = function getChildrenOptions(children, context) {
   var options = {};
   if ((0, _utils.isFlexUiPreviewPresent)(context)) {
@@ -63,14 +61,15 @@ var renderChildren = function renderChildren(children, containerSize, containerT
         } else {
           var _blockSize = child.props.size;
           var _size = _blockSize || containerSize;
-          return /*#__PURE__*/_react.default.cloneElement(child, {
+          return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
             // @ts-expect-error
             onClick: onClick,
-            retry: retry,
             size: _size,
             status: status,
             theme: containerTheme
-          });
+          }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? undefined : {
+            retry: retry
+          }));
         }
       }
       var blockSize = child.props.size;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = exports.CustomAction = exports.CreatedOnElement = exports.CreatedByElement = exports.CopyLinkAction = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
+exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.UnresolvedAction = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = exports.CustomAction = exports.CreatedOnElement = exports.CreatedByElement = exports.CopyLinkAction = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _actions = require("./components/actions");
@@ -157,4 +157,7 @@ var FollowAction = exports.FollowAction = function FollowAction(props) {
 };
 var PreviewAction = exports.PreviewAction = function PreviewAction(props) {
   return /*#__PURE__*/_react.default.createElement(_actions.PreviewAction, toActionProps(props));
+};
+var UnresolvedAction = exports.UnresolvedAction = function UnresolvedAction() {
+  return /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, null);
 };

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _flexibleUiContext = require("../../state/flexible-ui-context");
@@ -55,6 +56,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       fireEvent: fireEvent,
       response: details,
       id: id,
+      onAuthorize: onAuthorize,
       origin: origin,
       renderers: renderers,
       resolve: resolve,
@@ -62,8 +64,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
       status: status,
       url: url
     });
-  }, [aiSummaryConfig, appearance, details, fireEvent, id, origin, renderers, actionOptions, resolve, status, url]);
-  var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
+  }, [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  var retry = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? undefined : (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
   (0, _react.useEffect)(function () {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRetryOptions = exports.getContextByStatus = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
@@ -39,6 +40,7 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
     case _constants.SmartLinkStatus.Errored:
     case _constants.SmartLinkStatus.Fallback:
     default:
+      var actions = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined;
       if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
         if ((0, _linkExtractors.isEntityPresent)(response)) {
           return {
@@ -46,7 +48,8 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
             title: url,
             linkIcon: (0, _icon.extractErrorIcon)(response, status),
             preview: (0, _extractPreview.extractSmartLinkPreviewImage)(response),
-            provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response)
+            provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response),
+            actions: actions
           };
         }
       }
@@ -55,7 +58,8 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
         title: url,
         linkIcon: (0, _icon.extractErrorIcon)(response, status),
         preview: (0, _extractPreview.default)(response === null || response === void 0 ? void 0 : response.data),
-        provider: (0, _extractProviderIcon.default)(response === null || response === void 0 ? void 0 : response.data)
+        provider: (0, _extractProviderIcon.default)(response === null || response === void 0 ? void 0 : response.data),
+        actions: actions
       };
   }
 };

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

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

package/dist/es2019/constants.js

@@ -160,6 +160,7 @@ export let ActionName = /*#__PURE__*/function (ActionName) {
 }({});
 export let InternalActionName = /*#__PURE__*/function (InternalActionName) {
   InternalActionName["AISummaryAction"] = "AISummaryAction";
+  InternalActionName["UnresolvedAction"] = "UnresolvedAction";
   InternalActionName["ViewRelatedLinksAction"] = "ViewRelatedLinksAction";
   return InternalActionName;
 }({});

package/dist/es2019/index.js

@@ -15,6 +15,6 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

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

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

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

@@ -5,6 +5,7 @@ export { default as DownloadAction } from './download-action';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as CopyLinkAction } from './copy-link-action';
+export { default as UnresolvedAction } from './unresolved-action';
 export { default as AISummaryAction } from './ai-summary-action';
 export { default as AutomationAction } from './automation-action';
 export { default as ViewRelatedLinksAction } from './view-related-links-action';

package/dist/es2019/view/FlexibleCard/components/actions/unresolved-action/index.compiled.css

@@ -0,0 +1,3 @@
+._18zrze3t{padding-inline:var(--ds-space-0,0)}
+._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._1e0c1bgi{display:contents}

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

@@ -0,0 +1,46 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { InternalActionName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+const styles = {
+  button: "_1e0c1bgi",
+  message: "_1rjcze3t _18zrze3t"
+};
+const UnresolvedAction = ({
+  testId = 'unresolved-action'
+}) => {
+  var _context$actions;
+  const context = useFlexibleUiContext();
+  const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  const {
+    descriptor,
+    onClick,
+    values
+  } = data;
+  const hasAction = onClick !== undefined;
+  const message = /*#__PURE__*/React.createElement(Box, {
+    testId: `${testId}-errored-view-message`,
+    tabIndex: hasAction ? 0 : undefined,
+    xcss: styles.message
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
+    values: values
+  })));
+  return hasAction ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: data.onClick,
+    style: {
+      color: `inherit`,
+      font: `inherit`,
+      textAlign: `inherit`
+    },
+    xcss: styles.button
+  }, message) : message;
+};
+export default UnresolvedAction;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css

@@ -1,5 +1,10 @@
 
-._2rko1l7b{border-radius:3px}
-._y44v1k6k{animation:k1kh5krz 2s cubic-bezier(.5,0,0,1) .25s 2 both}._16qslqk2{box-shadow:0 0 0 0 var(--ds-border-discovery,#8270db)}
+._2rko1l7b{border-radius:3px}._16qslqk2{box-shadow:0 0 0 0 var(--ds-border-discovery,#8270db)}
 ._1e0c116y{display:inline-flex}
+._1o511hrf{animation-fill-mode:both}
+._1pgl1trn{animation-timing-function:cubic-bezier(.5,0,0,1)}
+._5sagymdr{animation-duration:2s}
+._j7hq8j16{animation-name:k1kh5krz}
+._ju251doz{animation-delay:.25s}
+._tip8cs5v{animation-iteration-count:2}
 @keyframes k1kh5krz{to{box-shadow:0 0 0 7px transparent}}

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -50,7 +50,7 @@ const FeatureDiscovery = ({
     if (!discovered) {
       return /*#__PURE__*/React.createElement("span", {
         "data-testid": `${testId}-discovery`,
-        className: ax(["_2rko1l7b _y44v1k6k _1e0c116y _16qslqk2"])
+        className: ax(["_2rko1l7b _1e0c116y _16qslqk2 _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"])
       }, children);
     }
   }, [children, discovered, testId]);

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,8 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { SmartLinkAlignment, SmartLinkDirection } from '../../../../../../constants';
+import { InternalActionName, SmartLinkAlignment, SmartLinkDirection } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { UnresolvedAction } from '../../../actions';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
@@ -15,6 +18,7 @@ import ElementGroup from '../../element-group';
  */
 const TitleBlockErroredView = ({
   actionGroup,
+  hideRetry,
   retry,
   position,
   testId,
@@ -23,18 +27,27 @@ const TitleBlockErroredView = ({
   hideIcon,
   ...blockProps
 }) => {
+  var _context$actions;
   const {
     descriptor,
     onClick,
     values
   } = retry || {};
   const hasAction = onClick !== undefined;
+  const context = fg('platform-linking-flexible-card-unresolved-action') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() : {};
+  const showRetry = fg('platform-linking-flexible-card-unresolved-action') ? !hideRetry && Boolean(context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction]) : false;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, descriptor && /*#__PURE__*/React.createElement(ElementGroup, {
+  }), title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
+    align: SmartLinkAlignment.Right
+  }, /*#__PURE__*/React.createElement(UnresolvedAction, {
+    testId: testId
+  })), !fg('platform-linking-flexible-card-unresolved-action') && descriptor && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,
     align: SmartLinkAlignment.Right
   }, /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { Title } from '../../elements';
@@ -60,8 +61,10 @@ const TitleBlock = ({
   className,
   ...props
 }) => {
-  if (hideRetry && props.retry) {
-    delete props.retry;
+  if (!fg('platform-linking-flexible-card-unresolved-action')) {
+    if (hideRetry && props.retry) {
+      delete props.retry;
+    }
   }
   const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
   const onDropdownOpenChange = useCallback(isOpen => {
@@ -98,7 +101,10 @@ const TitleBlock = ({
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
+    hideIcon: hideIcon
+  }, fg('platform-linking-flexible-card-unresolved-action') ? {
+    hideRetry
+  } : undefined, {
     icon: icon,
     size: props.size,
     theme: theme

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

@@ -55,10 +55,12 @@ const renderChildren = (children, containerSize, containerTheme, status, retry,
           return /*#__PURE__*/React.cloneElement(child, {
             // @ts-expect-error
             onClick,
-            retry,
             size,
             status,
-            theme: containerTheme
+            theme: containerTheme,
+            ...(fg('platform-linking-flexible-card-unresolved-action') ? undefined : {
+              retry
+            })
           });
         }
       }

package/dist/es2019/view/FlexibleCard/external.js

@@ -8,7 +8,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent } from './components/actions';
+import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
 // ---- EXPORTED METADATA COMPONENT ---- //
 export const AssignedToElement = () => /*#__PURE__*/React.createElement(AssignedTo, null);
@@ -71,4 +71,5 @@ export const CustomAction = props => /*#__PURE__*/React.createElement(CustomActi
 }));
 export const DownloadAction = props => /*#__PURE__*/React.createElement(DownloadActionComponent, toActionProps(props));
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));
-export const PreviewAction = props => /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
+export const PreviewAction = props => /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
+export const UnresolvedAction = () => /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);