@atlaskit/smart-card 36.12.1 → 36.13.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 36.13.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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.1"
+  packageVersion: "36.13.1"
 };
 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/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.1",
+  packageVersion: "36.13.1",
   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.1"
+  packageVersion: "36.13.1"
 };
 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/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);

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -48,14 +49,15 @@ const FlexibleCard = ({
     fireEvent,
     response: details,
     id,
+    onAuthorize,
     origin,
     renderers,
     resolve,
     actionOptions,
     status,
     url
-  }), [aiSummaryConfig, appearance, details, fireEvent, id, origin, renderers, actionOptions, resolve, status, url]);
-  const retry = getRetryOptions(url, status, details, onAuthorize);
+  }), [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  const retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
   const {
     title
   } = context || {};

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

@@ -1,6 +1,6 @@
 import { extractProvider, extractSmartLinkProvider, isEntityPresent } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartLinkStatus } from '../../constants';
+import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import extractFlexibleUiContext from '../../extractors/flexible';
 import extractPreview, { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
@@ -30,6 +30,9 @@ export const getContextByStatus = params => {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
+      const actions = fg('platform-linking-flexible-card-unresolved-action') ? {
+        [InternalActionName.UnresolvedAction]: getRetryOptions(url, status, response, params.onAuthorize)
+      } : undefined;
       if (fg('smart_links_noun_support')) {
         if (isEntityPresent(response)) {
           return {
@@ -37,7 +40,8 @@ export const getContextByStatus = params => {
             title: url,
             linkIcon: extractErrorIcon(response, status),
             preview: extractSmartLinkPreviewImage(response),
-            provider: extractSmartLinkProviderIcon(response)
+            provider: extractSmartLinkProviderIcon(response),
+            actions
           };
         }
       }
@@ -46,7 +50,8 @@ export const getContextByStatus = params => {
         title: url,
         linkIcon: extractErrorIcon(response, status),
         preview: extractPreview(response === null || response === void 0 ? void 0 : response.data),
-        provider: extractProviderIcon(response === null || response === void 0 ? void 0 : response.data)
+        provider: extractProviderIcon(response === null || response === void 0 ? void 0 : response.data),
+        actions
       };
   }
 };

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.12.1",
+  packageVersion: "36.13.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/constants.js

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

package/dist/esm/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/esm/utils/analytics/analytics.js

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

package/dist/esm/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/esm/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/esm/view/FlexibleCard/components/actions/unresolved-action/index.js

@@ -0,0 +1,44 @@
+/* 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';
+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 = useFlexibleUiContext();
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction];
+  if (!data) {
+    return null;
+  }
+  var descriptor = data.descriptor,
+    onClick = data.onClick,
+    values = data.values;
+  var hasAction = onClick !== undefined;
+  var message = /*#__PURE__*/React.createElement(Box, {
+    testId: "".concat(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/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,10 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
 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';
@@ -16,7 +19,9 @@ import ElementGroup from '../../element-group';
  * @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,
@@ -29,12 +34,20 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     onClick = _ref2.onClick,
     values = _ref2.values;
   var hasAction = onClick !== undefined;
+  var context = fg('platform-linking-flexible-card-unresolved-action') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() : {};
+  var showRetry = 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[InternalActionName.UnresolvedAction]) : false;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(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/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -7,6 +7,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';
@@ -66,8 +67,10 @@ var TitleBlock = function TitleBlock(_ref) {
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (hideRetry && props.retry) {
-    delete props.retry;
+  if (!fg('platform-linking-flexible-card-unresolved-action')) {
+    if (hideRetry && props.retry) {
+      delete props.retry;
+    }
   }
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -107,7 +110,10 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
+    hideIcon: hideIcon
+  }, fg('platform-linking-flexible-card-unresolved-action') ? {
+    hideRetry: hideRetry
+  } : undefined, {
     icon: icon,
     size: props.size,
     theme: theme

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

@@ -1,6 +1,6 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["containerSize"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -54,14 +54,15 @@ var renderChildren = function renderChildren(children, containerSize, containerT
         } else {
           var _blockSize = child.props.size;
           var _size = _blockSize || containerSize;
-          return /*#__PURE__*/React.cloneElement(child, {
+          return /*#__PURE__*/React.cloneElement(child, _objectSpread({
             // @ts-expect-error
             onClick: onClick,
-            retry: retry,
             size: _size,
             status: status,
             theme: containerTheme
-          });
+          }, fg('platform-linking-flexible-card-unresolved-action') ? undefined : {
+            retry: retry
+          }));
         }
       }
       var blockSize = child.props.size;

package/dist/esm/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 var AssignedToElement = function AssignedToElement() {
@@ -149,4 +149,7 @@ export var FollowAction = function FollowAction(props) {
 };
 export var PreviewAction = function PreviewAction(props) {
   return /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
+};
+export var UnresolvedAction = function UnresolvedAction() {
+  return /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
 };

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -46,6 +47,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       fireEvent: fireEvent,
       response: details,
       id: id,
+      onAuthorize: onAuthorize,
       origin: origin,
       renderers: renderers,
       resolve: resolve,
@@ -53,8 +55,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
       status: status,
       url: url
     });
-  }, [aiSummaryConfig, appearance, details, fireEvent, id, origin, renderers, actionOptions, resolve, status, url]);
-  var retry = getRetryOptions(url, status, details, onAuthorize);
+  }, [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  var retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
   useEffect(function () {

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

@@ -1,6 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { extractProvider, extractSmartLinkProvider, isEntityPresent } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartLinkStatus } from '../../constants';
+import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import extractFlexibleUiContext from '../../extractors/flexible';
 import extractPreview, { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
@@ -29,6 +30,7 @@ export var getContextByStatus = function getContextByStatus(params) {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
+      var actions = fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined;
       if (fg('smart_links_noun_support')) {
         if (isEntityPresent(response)) {
           return {
@@ -36,7 +38,8 @@ export var getContextByStatus = function getContextByStatus(params) {
             title: url,
             linkIcon: extractErrorIcon(response, status),
             preview: extractSmartLinkPreviewImage(response),
-            provider: extractSmartLinkProviderIcon(response)
+            provider: extractSmartLinkProviderIcon(response),
+            actions: actions
           };
         }
       }
@@ -45,7 +48,8 @@ export var getContextByStatus = function getContextByStatus(params) {
         title: url,
         linkIcon: extractErrorIcon(response, status),
         preview: extractPreview(response === null || response === void 0 ? void 0 : response.data),
-        provider: extractProviderIcon(response === null || response === void 0 ? void 0 : response.data)
+        provider: extractProviderIcon(response === null || response === void 0 ? void 0 : response.data),
+        actions: actions
       };
   }
 };

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.12.1",
+  packageVersion: "36.13.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/constants.d.ts

@@ -139,6 +139,7 @@ export declare enum ActionName {
 }
 export declare enum InternalActionName {
     AISummaryAction = "AISummaryAction",
+    UnresolvedAction = "UnresolvedAction",
     ViewRelatedLinksAction = "ViewRelatedLinksAction"
 }
 export type FlexibleUiActionName = keyof typeof ActionName | keyof typeof InternalActionName;

package/dist/types/index.d.ts

@@ -11,7 +11,7 @@ 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';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

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

@@ -1,6 +1,7 @@
 import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type ActionName, type IconType, type InternalActionName, type MediaType } from '../../constants';
 import { type LinkLozenge } from '../../extractors/common/lozenge/types';
+import { type RetryOptions } from '../../view/FlexibleCard/types';
 import { type InvokeClientActionProps } from '../hooks/use-invoke-client-action/types';
 import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 /**
@@ -257,6 +258,7 @@ export type FlexibleUiActions = {
     [ActionName.CopyLinkAction]?: CopyLinkActionData;
     [InternalActionName.AISummaryAction]?: AISummaryActionData;
     [ActionName.AutomationAction]?: AutomationActionData;
+    [InternalActionName.UnresolvedAction]?: UnresolvedActionData;
     [InternalActionName.ViewRelatedLinksAction]?: ViewRelatedLinksActionData;
 };
 export type PreviewActionData = {
@@ -281,6 +283,7 @@ export type AutomationActionData = {
     analyticsSource: string;
     objectName?: string;
 };
+export type UnresolvedActionData = RetryOptions;
 export type ViewRelatedLinksActionData = {
     ari: string;
 };

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

@@ -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/types/view/FlexibleCard/components/actions/unresolved-action/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const UnresolvedAction: ({ testId }: {
+    testId?: string | undefined;
+}) => React.JSX.Element | null;
+export default UnresolvedAction;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

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

@@ -67,4 +67,5 @@ export type FollowActionProps = BaseActionProps;
 export declare const FollowAction: (props: FollowActionProps) => React.JSX.Element;
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
+export declare const UnresolvedAction: () => React.JSX.Element;
 export {};

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

@@ -148,7 +148,7 @@ export type RetryOptions = {
      */
     values?: Record<string, string>;
 };
-export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'renderers' | 'url'> & {
+export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'renderers' | 'url'> & {
     fireEvent?: FireEventFunction;
     status?: SmartLinkStatus;
     response?: SmartLinkResponse;

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

@@ -139,6 +139,7 @@ export declare enum ActionName {
 }
 export declare enum InternalActionName {
     AISummaryAction = "AISummaryAction",
+    UnresolvedAction = "UnresolvedAction",
     ViewRelatedLinksAction = "ViewRelatedLinksAction"
 }
 export type FlexibleUiActionName = keyof typeof ActionName | keyof typeof InternalActionName;

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

@@ -11,7 +11,7 @@ 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';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

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

@@ -1,6 +1,7 @@
 import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type ActionName, type IconType, type InternalActionName, type MediaType } from '../../constants';
 import { type LinkLozenge } from '../../extractors/common/lozenge/types';
+import { type RetryOptions } from '../../view/FlexibleCard/types';
 import { type InvokeClientActionProps } from '../hooks/use-invoke-client-action/types';
 import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 /**
@@ -257,6 +258,7 @@ export type FlexibleUiActions = {
     [ActionName.CopyLinkAction]?: CopyLinkActionData;
     [InternalActionName.AISummaryAction]?: AISummaryActionData;
     [ActionName.AutomationAction]?: AutomationActionData;
+    [InternalActionName.UnresolvedAction]?: UnresolvedActionData;
     [InternalActionName.ViewRelatedLinksAction]?: ViewRelatedLinksActionData;
 };
 export type PreviewActionData = {
@@ -281,6 +283,7 @@ export type AutomationActionData = {
     analyticsSource: string;
     objectName?: string;
 };
+export type UnresolvedActionData = RetryOptions;
 export type ViewRelatedLinksActionData = {
     ari: string;
 };

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

@@ -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/types-ts4.5/view/FlexibleCard/components/actions/unresolved-action/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const UnresolvedAction: ({ testId }: {
+    testId?: string | undefined;
+}) => React.JSX.Element | null;
+export default UnresolvedAction;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

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

@@ -67,4 +67,5 @@ export type FollowActionProps = BaseActionProps;
 export declare const FollowAction: (props: FollowActionProps) => React.JSX.Element;
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
+export declare const UnresolvedAction: () => React.JSX.Element;
 export {};

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

@@ -148,7 +148,7 @@ export type RetryOptions = {
      */
     values?: Record<string, string>;
 };
-export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'renderers' | 'url'> & {
+export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'renderers' | 'url'> & {
     fireEvent?: FireEventFunction;
     status?: SmartLinkStatus;
     response?: SmartLinkResponse;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.12.1",
+	"version": "36.13.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,14 +53,14 @@
 		"@atlaskit/link-extractors": "^2.3.0",
 		"@atlaskit/linking-common": "^8.0.0",
 		"@atlaskit/linking-types": "^9.10.0",
-		"@atlaskit/logo": "^16.0.0",
+		"@atlaskit/logo": "^17.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/menu": "^5.0.0",
 		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.1.0",
-		"@atlaskit/primitives": "^14.4.0",
+		"@atlaskit/primitives": "^14.6.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/spinner": "^18.0.0",
@@ -224,6 +224,9 @@
 		"platform-linking-flexible-card-openness": {
 			"type": "boolean"
 		},
+		"platform-linking-flexible-card-unresolved-action": {
+			"type": "boolean"
+		},
 		"smart_links_noun_support": {
 			"type": "boolean"
 		},