@atlaskit/smart-card 32.7.3 → 32.7.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 32.7.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 32.7.4
+
+### Patch Changes
+
+- [#177281](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177281)
+  [`b091c748c9873`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b091c748c9873) -
+  Rename block card component/files after legacy block card cleanup
+
 ## 32.7.3
 
 ### Patch Changes

package/dist/cjs/extractors/common/context/extractAccessContext.js

@@ -8,7 +8,7 @@ exports.extractRequestAccessContextImproved = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("../../../messages");
 var _analytics = require("../../../utils/analytics");
-var _ForbiddenAction = require("../../../view/BlockCard/actions/ForbiddenAction");
+var _ForbiddenAction = require("../../../view/common/access/ForbiddenAction");
 var _extractHostname = _interopRequireDefault(require("../hostname/extractHostname"));
 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; }

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

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

package/dist/cjs/view/BlockCard/actions/{flexible/AuthorizeAction.js → AuthorizeAction.js}

@@ -8,8 +8,8 @@ exports.AuthorizeAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _constants = require("../../../../constants");
-var _messages = require("../../../../messages");
+var _constants = require("../../../constants");
+var _messages = require("../../../messages");
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *

package/dist/cjs/view/BlockCard/actions/ForbiddenAction.js

@@ -8,21 +8,24 @@ exports.ForbiddenAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../constants");
 var _messages = require("../../../messages");
-var ForbiddenAction = exports.ForbiddenAction = function ForbiddenAction(handler) {
-  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
-  var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _messages.messages.try_another_account;
-  var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+/**
+ * Returns a CustomActionItem with a "Try Another Account" default message
+ *
+ * @see CustomActionItem
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
+ */
+var ForbiddenAction = exports.ForbiddenAction = function ForbiddenAction(onClick, content, context, isDisabled) {
   return {
-    id: id,
-    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
-      values: values
+    name: _constants.ActionName.CustomAction,
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[content], {
+      values: context
     })),
-    promise: function promise() {
-      return new Promise(function (resolve) {
-        return resolve(handler());
-      });
-    },
-    buttonAppearance: 'default'
+    onClick: onClick,
+    testId: 'smart-action-connect-other-account',
+    isDisabled: isDisabled
   };
 };

package/dist/cjs/view/BlockCard/actions/{flexible/RetryAction.js → RetryAction.js}

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.RetryAction = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _constants = require("../../../../constants");
-var _messages = require("../../../../messages");
+var _constants = require("../../../constants");
+var _messages = require("../../../messages");
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *

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

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.BlockCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../common/utils");
 var _LinkView = require("../LinkView");
-var _handlers = require("./utils/handlers");
-var _FlexibleErroredView = _interopRequireDefault(require("./views/flexible/FlexibleErroredView"));
-var _FlexibleForbiddenView = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenView"));
-var _FlexibleNotFoundView = _interopRequireDefault(require("./views/flexible/FlexibleNotFoundView"));
-var _FlexibleResolvedView = _interopRequireDefault(require("./views/flexible/FlexibleResolvedView"));
-var _FlexibleUnauthorisedView = _interopRequireDefault(require("./views/flexible/FlexibleUnauthorisedView"));
+var _ErroredView = _interopRequireDefault(require("./views/ErroredView"));
+var _ForbiddenView = _interopRequireDefault(require("./views/ForbiddenView"));
+var _NotFoundView = _interopRequireDefault(require("./views/NotFoundView"));
+var _ResolvedView = _interopRequireDefault(require("./views/ResolvedView"));
+var _UnauthorisedView = _interopRequireDefault(require("./views/UnauthorisedView"));
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -29,13 +29,13 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     analytics = _ref.analytics,
     actionOptions = _ref.actionOptions;
   var status = cardState.status;
-  var flexibleBlockCardProps = {
+  var blockCardProps = {
     id: id,
     cardState: cardState,
     url: url,
     testId: testId,
     onClick: function onClick(event) {
-      return (0, _handlers.handleClickCommon)(event, handleFrameClick);
+      return (0, _utils.handleClickCommon)(event, handleFrameClick);
     },
     onError: onError,
     onResolve: onResolve,
@@ -46,21 +46,21 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, (0, _extends2.default)({}, blockCardProps, {
         testId: 'smart-block-resolving-view'
       }));
     case 'resolved':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, flexibleBlockCardProps);
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, blockCardProps);
     case 'unauthorized':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.default, (0, _extends2.default)({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'forbidden':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(_ForbiddenView.default, (0, _extends2.default)({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'not_found':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(_NotFoundView.default, (0, _extends2.default)({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'fallback':
@@ -80,7 +80,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(_ErroredView.default, (0, _extends2.default)({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
   }

package/dist/cjs/view/BlockCard/views/{flexible/FlexibleErroredView.js → ErroredView.js}

@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../../messages");
-var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
-var _RetryAction = require("../../actions/flexible/RetryAction");
+var _messages = require("../../../messages");
+var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
+var _RetryAction = require("../actions/RetryAction");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleErroredView = function FlexibleErroredView(_ref) {
+var ErroredView = function ErroredView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-errored-view' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -47,4 +47,4 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     }
   }));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleErroredView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ErroredView);

package/dist/cjs/view/BlockCard/views/{flexible/FlexibleForbiddenView.js → ForbiddenView.js}

@@ -15,13 +15,13 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _colors = require("@atlaskit/theme/colors");
-var _extractAccessContext = require("../../../../extractors/common/context/extractAccessContext");
-var _extractHostname = _interopRequireDefault(require("../../../../extractors/common/hostname/extractHostname"));
-var _messages = require("../../../../messages");
-var _intlUtils = require("../../../../utils/intl-utils");
-var _jsonld = require("../../../../utils/jsonld");
-var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
-var _ForbiddenAction = require("../../actions/flexible/ForbiddenAction");
+var _extractAccessContext = require("../../../extractors/common/context/extractAccessContext");
+var _extractHostname = _interopRequireDefault(require("../../../extractors/common/hostname/extractHostname"));
+var _messages = require("../../../messages");
+var _intlUtils = require("../../../utils/intl-utils");
+var _jsonld = require("../../../utils/jsonld");
+var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
+var _ForbiddenAction = require("../actions/ForbiddenAction");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+var ForbiddenView = function ForbiddenView(_ref) {
   var _details$meta;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
@@ -98,4 +98,4 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     }
   }));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleForbiddenView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ForbiddenView);

package/dist/cjs/view/BlockCard/views/{flexible/FlexibleNotFoundView.js → NotFoundView.js}

@@ -13,8 +13,8 @@ var _reactIntlNext = require("react-intl-next");
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../../messages");
-var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
+var _messages = require("../../../messages");
+var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
+var NotFoundView = function NotFoundView(_ref) {
   var _cardState$details2;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId,
@@ -62,4 +62,4 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     maxLines: 3
   }));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleNotFoundView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(NotFoundView);

package/dist/cjs/view/BlockCard/views/{flexible/FlexibleResolvedView.js → ResolvedView.js}

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../../constants");
-var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
-var _blocks = require("../../../FlexibleCard/components/blocks");
+var _constants = require("../../../constants");
+var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
+var _blocks = require("../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
 var _utils = require("./utils");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
+var ResolvedView = function ResolvedView(_ref) {
   var cardState = _ref.cardState,
     onClick = _ref.onClick,
     onError = _ref.onError,
@@ -89,4 +89,4 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     actions: footerActions
   })));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleResolvedView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ResolvedView);

package/dist/cjs/view/BlockCard/views/{flexible/FlexibleUnauthorisedView.js → UnauthorisedView.js}

@@ -11,11 +11,11 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
-var _messages = require("../../../../messages");
-var _helpers = require("../../../../state/helpers");
-var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
-var _AuthorizeAction = require("../../actions/flexible/AuthorizeAction");
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var _messages = require("../../../messages");
+var _helpers = require("../../../state/helpers");
+var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/UnauthorisedViewContent"));
+var _AuthorizeAction = require("../actions/AuthorizeAction");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -37,7 +37,7 @@ var contentStyles = (0, _react2.css)({
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
+var UnauthorisedView = function UnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
@@ -79,4 +79,4 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     "data-testid": "".concat(testId, "-content")
   }, content));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleUnauthorisedView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(UnauthorisedView);

package/dist/cjs/view/BlockCard/views/{flexible/unresolved-view → unresolved-view}/index.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
+var _blocks = require("../../../FlexibleCard/components/blocks");
 var _utils = require("../utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/view/BlockCard/views/{flexible/utils → utils}/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titleBlockOptions = exports.getSimulatedBetterMetadata = exports.PreviewBlockOptions = exports.FooterBlockOptions = exports.FlexibleCardUiOptions = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../../../../../constants");
-var _utils = require("../../../../../extractors/flexible/utils");
-var _helpers = require("../../../../../state/helpers");
+var _constants = require("../../../../constants");
+var _utils = require("../../../../extractors/flexible/utils");
+var _helpers = require("../../../../state/helpers");
 var _styled = require("../styled");
 var baseTopMetadata = [{
   name: _constants.ElementName.ModifiedOn

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -8,7 +8,7 @@ exports.ExpandedFrame = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-var _handlers = require("../../BlockCard/utils/handlers");
+var _utils = require("../../common/utils");
 var _styled = require("./styled");
 var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
@@ -34,7 +34,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
   var handleClick = function handleClick(event) {
-    return (0, _handlers.handleClickCommon)(event, onClick);
+    return (0, _utils.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var renderHeader = function renderHeader() {

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

@@ -13,12 +13,12 @@ var _embed = require("../../extractors/embed");
 var _inline = require("../../extractors/inline");
 var _helpers = require("../../state/helpers");
 var _jsonld = require("../../utils/jsonld");
-var _FlexibleResolvedView = _interopRequireDefault(require("../BlockCard/views/flexible/FlexibleResolvedView"));
-var _ResolvedView = require("../InlineCard/ResolvedView");
+var _ResolvedView = _interopRequireDefault(require("../BlockCard/views/ResolvedView"));
+var _ResolvedView2 = require("../InlineCard/ResolvedView");
 var _ErroredView = require("./views/ErroredView");
 var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
-var _ResolvedView2 = require("./views/ResolvedView");
+var _ResolvedView3 = require("./views/ResolvedView");
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
@@ -51,7 +51,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -73,7 +73,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         });
       }
       if (resolvedViewProps.preview) {
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView2.EmbedCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
           isSelected: isSelected,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,
@@ -86,13 +86,13 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       } else {
         if (platform === 'mobile') {
           var resolvedInlineViewProps = (0, _inline.extractInlineProps)(data);
-          return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
+          return /*#__PURE__*/_react.default.createElement(_ResolvedView2.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
             isSelected: isSelected,
             testId: testId,
             onClick: handleFrameClick
           }));
         }
-        return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
           url: url,
           cardState: cardState,
           onClick: handleFrameClick,
@@ -135,7 +135,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       var forbiddenViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       if (forbiddenViewProps.preview) {
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView2.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
           title: forbiddenViewProps.link,
           frameStyle: frameStyle,
           isSelected: isSelected,

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -12,8 +12,8 @@ var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
-var _Frame = require("../../BlockCard/components/Frame");
 var _utils = require("../../common/utils");
+var _ErrorFrame = require("../components/ErrorFrame");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -47,7 +47,7 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return (0, _react.jsx)(_Frame.Frame, {
+  return (0, _react.jsx)(_ErrorFrame.Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,

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: "32.7.3",
+  packageVersion: "32.7.5",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/access/ForbiddenAction.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ForbiddenAction = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../messages");
+var ForbiddenAction = exports.ForbiddenAction = function ForbiddenAction(handler) {
+  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
+  var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _messages.messages.try_another_account;
+  var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return {
+    id: id,
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
+      values: values
+    })),
+    promise: function promise() {
+      return new Promise(function (resolve) {
+        return resolve(handler());
+      });
+    },
+    buttonAppearance: 'default'
+  };
+};

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mq = exports.gs = exports.br = void 0;
+exports.mq = exports.handleClickCommon = exports.gs = exports.br = void 0;
 var _facepaint = _interopRequireDefault(require("facepaint"));
 // this function is used for spacing, fontsize and line height,
 // once design tokens have been established for the all of these categories
@@ -16,4 +16,11 @@ var br = exports.br = function br() {
   var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return "".concat(3 * times, "px");
 };
-var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
+var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
+var handleClickCommon = exports.handleClickCommon = function handleClickCommon(event, onClick) {
+  if (onClick) {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick(event);
+  }
+};

package/dist/es2019/extractors/common/context/extractAccessContext.js

@@ -1,6 +1,6 @@
 import { messages } from '../../../messages';
 import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
-import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
+import { ForbiddenAction } from '../../../view/common/access/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
 export const extractRequestAccessContextImproved = ({
   jsonLd,

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

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

package/dist/es2019/view/BlockCard/actions/{flexible/AuthorizeAction.js → AuthorizeAction.js}

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName } from '../../../../constants';
-import { messages } from '../../../../messages';
+import { ActionName } from '../../../constants';
+import { messages } from '../../../messages';
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *

package/dist/es2019/view/BlockCard/actions/ForbiddenAction.js

@@ -1,12 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../constants';
 import { messages } from '../../../messages';
-export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, values = {}) => ({
-  id,
-  text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
-    values: values
+/**
+ * Returns a CustomActionItem with a "Try Another Account" default message
+ *
+ * @see CustomActionItem
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
+ */
+export const ForbiddenAction = (onClick, content, context, isDisabled) => ({
+  name: ActionName.CustomAction,
+  content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {
+    values: context
   })),
-  promise: () => new Promise(resolve => resolve(handler())),
-  buttonAppearance: 'default'
+  onClick,
+  testId: 'smart-action-connect-other-account',
+  isDisabled
 });

package/dist/es2019/view/BlockCard/actions/{flexible/RetryAction.js → RetryAction.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName } from '../../../../constants';
-import { messages } from '../../../../messages';
+import { ActionName } from '../../../constants';
+import { messages } from '../../../messages';
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *