@atlaskit/smart-card 26.28.2 → 26.30.0

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

@@ -104,7 +104,8 @@ var extractRequestAccessContextImproved = function extractRequestAccessContextIm
       });
     case 'FORBIDDEN':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
-        descriptiveMessageKey: 'forbidden_description'
+        titleMessageKey: 'forbidden_title_crossjoin',
+        descriptiveMessageKey: 'forbidden_description_crossjoin'
       });
     default:
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;

package/dist/cjs/extractors/flexible/extract-preview.js

@@ -7,6 +7,9 @@ exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _constants = require("../../constants");
 var extractPreview = function extractPreview(data) {
+  if (!data) {
+    return undefined;
+  }
   var url = (0, _linkExtractors.extractImage)(data);
   return url ? {
     type: _constants.MediaType.Image,

package/dist/cjs/messages.js

@@ -480,7 +480,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   direct_access_description_crossjoin: {
     id: 'fabric.linking.direct_access_description_crossjoin',
-    defaultMessage: 'All {emailDomain} emails are approved to access {hostname} in {product}.',
+    defaultMessage: 'All accounts with your same email domain are approved to access {hostname} in {product}.',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
   direct_access_crossjoin: {
@@ -532,20 +532,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.not_found_title_crossjoin',
     defaultMessage: "We can't show you this {product} page",
     description: 'Error case for when a provided link is not found'
+  },
+  forbidden_title_crossjoin: {
+    id: 'fabric.linking.forbidden_title_crossjoin',
+    defaultMessage: "You don't have access to this content",
+    description: 'Informs the user that they do not have access to the linked content.'
+  },
+  forbidden_description_crossjoin: {
+    id: 'fabric.linking.forbidden_description_crossjoin',
+    defaultMessage: 'Contact your admin to request access.',
+    description: 'Informs the user that they must contact the site administrator for access.'
   }
-
-  // Pending designs:
-  // forbidden_access_crossjoin: {
-  //   id: 'fabric.linking.forbidden_access_crossjoin',
-  //   defaultMessage: 'Your access is forbidden',
-  //   description:
-  //     'Shown when a user does not have access to a resource behind the link.',
-  // },
-  // forbidden_description_crossjoin: {
-  //   id: 'fabric.linking.forbidden_description_crossjoin',
-  //   defaultMessage:
-  //     "You don't have access to this preview. Contact the site admin if you need access.",
-  //   description: 'Informs the user that they cannot view this content.',
-  // },
 });
 exports.messages = messages;

package/dist/cjs/state/analytics/useSmartLinkAnalytics.js

@@ -21,10 +21,10 @@ var applyCommonAttributes = function applyCommonAttributes(event, commonAttribut
   if (event && event.attributes) {
     for (var _i = 0, _Object$entries = Object.entries(commonAttributes); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
-        _key = _Object$entries$_i[0],
+        key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
-      if (event.attributes[_key] === undefined) {
-        event.attributes[_key] = value;
+      if (event.attributes[key] === undefined) {
+        event.attributes[key] = value;
       }
     }
   }
@@ -261,7 +261,6 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
         var id = _ref6.id,
           actionType = _ref6.actionType,
           display = _ref6.display,
-          invokeType = _ref6.invokeType,
           overrideExtensionKey = _ref6.extensionKey,
           definitionId = _ref6.definitionId,
           resourceType = _ref6.resourceType,
@@ -758,7 +757,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        * Removed in EDM-5153: This is an even from an experiment.
        * @deprecated
        */
-      linkUpdated: function linkUpdated(props) {},
+      linkUpdated: function linkUpdated() {},
       /**
        * This fires a tracking event before an action invoke api call is made
        */

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

@@ -11,9 +11,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
  * Provides an analytics context to supply attributes to events based on a URL
  */
 var LinkAnalyticsContext = function LinkAnalyticsContext(_ref) {
-  var _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url,
-    display = _ref.display,
+  var display = _ref.display,
     id = _ref.id,
     children = _ref.children,
     source = _ref.source;

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

@@ -23,7 +23,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.28.2"
+  packageVersion: "26.30.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

package/dist/cjs/utils/mocks.js

@@ -208,7 +208,8 @@ var fakeFactory = function fakeFactory(implementation, implementationPost, imple
     }
     (0, _createClass2.default)(CustomClient, [{
       key: "fetchData",
-      value: function () {
+      value: // @ts-ignore
+      function () {
         var _fetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url) {
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -227,7 +228,7 @@ var fakeFactory = function fakeFactory(implementation, implementationPost, imple
           return _fetchData.apply(this, arguments);
         }
         return fetchData;
-      }()
+      }() // @ts-ignore
     }, {
       key: "postData",
       value: function () {
@@ -249,7 +250,7 @@ var fakeFactory = function fakeFactory(implementation, implementationPost, imple
           return _postData.apply(this, arguments);
         }
         return postData;
-      }()
+      }() // @ts-ignore
     }, {
       key: "prefetchData",
       value: function () {

package/dist/cjs/view/BlockCard/views/ResolvedView.js

@@ -63,8 +63,7 @@ var ResolvedView = function ResolvedView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
     _ref$showActions = _ref.showActions,
-    showActions = _ref$showActions === void 0 ? true : _ref$showActions,
-    isSupportTheming = _ref.isSupportTheming;
+    showActions = _ref$showActions === void 0 ? true : _ref$showActions;
   var resolvedMetadata = details.length > 0 ? (0, _react.jsx)(_MetadataList.MetadataList, {
     testId: testId ? "".concat(testId, "-meta") : undefined,
     items: details

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -24,8 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @see FlexibleCardProps
  */
 var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
-  var id = _ref.id,
-    cardState = _ref.cardState,
+  var cardState = _ref.cardState,
     onClick = _ref.onClick,
     onError = _ref.onError,
     onResolve = _ref.onResolve,

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

@@ -60,8 +60,7 @@ var ActionGroup = function ActionGroup(_ref) {
     appearance = _ref.appearance,
     _ref$visibleButtonsNu = _ref.visibleButtonsNum,
     visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-    onDropdownOpenChange = _ref.onDropdownOpenChange,
-    testId = _ref.testId;
+    onDropdownOpenChange = _ref.onDropdownOpenChange;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var _useState = (0, _react.useState)(false),

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

@@ -26,9 +26,6 @@ var PreviewBlock = function PreviewBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
     overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (status !== _constants.SmartLinkStatus.Resolved) {
-    return null;
-  }
   return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl

package/dist/cjs/view/FlexibleCard/components/elements/icon/index.js

@@ -18,7 +18,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var getPositionStyles = function getPositionStyles(size, position) {
+var getPositionStyles = function getPositionStyles(position) {
   switch (position) {
     case _constants.SmartLinkPosition.Center:
       return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        align-self: center;\n      "])));
@@ -27,8 +27,8 @@ var getPositionStyles = function getPositionStyles(size, position) {
       return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        align-self: flex-start;\n        margin: 0;\n      "])));
   }
 };
-var getIconStyles = function getIconStyles(size, position, width) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), getPositionStyles(size, position), (0, _utils.getIconSizeStyles)(width));
+var getIconStyles = function getIconStyles(position, width) {
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), getPositionStyles(position), (0, _utils.getIconSizeStyles)(width));
 };
 var getCustomRenderStyles = function getCustomRenderStyles(value) {
   return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  line-height: ", ";\n  font-size: ", ";\n  text-align: center;\n  text-overflow: clip;\n  -webkit-box-orient: unset;\n  span {\n    margin: 0;\n    padding: 0;\n    vertical-align: baseline;\n  }\n"])), (0, _utils.getTruncateStyles)(1, value), value, value);
@@ -48,7 +48,7 @@ var renderDefaultIcon = function renderDefaultIcon(label, testId) {
     testId: "".concat(testId, "-default")
   });
 };
-var renderImageIcon = function renderImageIcon(defaultIcon, icon, url, testId) {
+var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   if (url) {
     return (0, _react2.jsx)(_imageIcon.default, {
       defaultIcon: defaultIcon,
@@ -80,10 +80,10 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, icon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
   }, [icon, label, render, testId, url]);
   var width = (0, _utils.getIconWidth)(size);
-  var styles = getIconStyles(size, position, width);
+  var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;
   return (0, _react2.jsx)("div", {
     css: [styles, renderStyles, overrideCss],

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

@@ -14,6 +14,7 @@ var _icon = require("../../extractors/flexible/icon");
 var _utils = require("../../utils");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _extractProviderIcon = _interopRequireDefault(require("../../extractors/flexible/icon/extract-provider-icon"));
+var _extractPreview = _interopRequireDefault(require("../../extractors/flexible/extract-preview"));
 var getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},
     response = _ref.response,
@@ -34,13 +35,15 @@ var getContextByStatus = function getContextByStatus(params) {
     case _constants.SmartLinkStatus.Errored:
     case _constants.SmartLinkStatus.Fallback:
     default:
+      var preview = (0, _extractPreview.default)(response === null || response === void 0 ? void 0 : response.data);
       var linkIcon = (0, _icon.extractErrorIcon)(response, status);
       var provider = (0, _extractProviderIcon.default)(response === null || response === void 0 ? void 0 : response.data);
       return {
         linkIcon: linkIcon,
         title: url,
         url: url,
-        provider: provider
+        provider: provider,
+        preview: preview
       };
   }
 };

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

@@ -219,7 +219,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
       id: id,
       source: HOVER_CARD_SOURCE
     }, (0, _react.jsx)(_HoverCardContent.default, hoverCardContentProps));
-  }, [initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
+  }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
   var trigger = (0, _react2.useCallback)(function (triggerProps) {
     return (0, _react.jsx)("span", {
       ref: parentSpan

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

@@ -26,6 +26,8 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
+var _forbidden = _interopRequireDefault(require("./views/forbidden"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -182,6 +184,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
         url: url
       });
     }
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join')) {
+      if (cardState.status === 'forbidden') {
+        return (0, _react.jsx)(_forbidden.default, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+    }
     if (cardState.status === 'resolved') {
       return (0, _react.jsx)(_resolved.default, {
         id: id,

package/dist/cjs/view/HoverCard/components/views/forbidden/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
+var _messages = require("../../../../../messages");
+var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _styled = require("./styled");
+var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
+var _constants = require("../../../../../constants");
+var _styled2 = require("../../../styled");
+var _extractAccessContext = require("../../../../../extractors/common/context/extractAccessContext");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
+  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider;
+  var flexibleCardProps = _ref.flexibleCardProps,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
+  var cardState = flexibleCardProps.cardState,
+    url = flexibleCardProps.url;
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
+  var product = (_extractProvider$text = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
+  var hostname = new URL(url).hostname;
+  var _extractRequestAccess = (0, _extractAccessContext.extractRequestAccessContextImproved)({
+      jsonLd: meta,
+      url: url,
+      product: product
+    }),
+    action = _extractRequestAccess.action,
+    descriptiveMessageKey = _extractRequestAccess.descriptiveMessageKey,
+    titleMessageKey = _extractRequestAccess.titleMessageKey;
+  var actions = (0, _react.useMemo)(function () {
+    return [{
+      name: _constants.ActionName.CustomAction,
+      content: action === null || action === void 0 ? void 0 : action.text,
+      onClick: action === null || action === void 0 ? void 0 : action.promise
+    }];
+  }, [action]);
+  if (!titleMessageKey || !descriptiveMessageKey) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
+    testId: testId
+  }), /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, {
+    ignoreContainerPadding: true,
+    overrideCss: (0, _styled2.getPreviewBlockStyles)(),
+    testId: testId
+  }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
+    overrideCss: _styled.titleBlockStyles,
+    testId: "".concat(testId, "-title")
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[titleMessageKey], {
+    values: {
+      product: product
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
+    overrideCss: _styled.mainTextStyles,
+    testId: "".concat(testId, "-content")
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+    values: {
+      product: product,
+      hostname: hostname
+    }
+  }))), action && /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
+    overrideCss: _styled.connectButtonStyles,
+    testId: "".concat(testId, "-button")
+  }, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
+    items: actions,
+    appearance: "primary"
+  })));
+};
+var _default = HoverCardForbiddenView;
+exports.default = _default;

package/dist/cjs/view/HoverCard/components/views/forbidden/styled.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.titleBlockStyles = exports.mainTextStyles = exports.connectButtonStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2, _templateObject3;
+var blockGap = '0rem';
+var titleFontWeight = '600';
+var titleBlockStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  font-weight: ", ";\n"])), titleFontWeight);
+exports.titleBlockStyles = titleBlockStyles;
+var mainTextStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  margin-top: ", ";\n  font-size: 0.75rem;\n  text-align: center;\n"])), blockGap);
+exports.mainTextStyles = mainTextStyles;
+var connectButtonStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  margin-top: ", ";\n"])), blockGap);
+exports.connectButtonStyles = connectButtonStyles;

package/dist/cjs/view/HoverCard/components/views/forbidden/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -62,9 +62,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var flexibleCardProps = _ref.flexibleCardProps,
     titleBlockProps = _ref.titleBlockProps,
     analytics = _ref.analytics,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    url = _ref.url,
     cardState = _ref.cardState,
     _ref$cardActions = _ref.cardActions,
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,

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

@@ -55,7 +55,7 @@ var popupContainerStyles = (0, _react.css)(_templateObject5 || (_templateObject5
   dark: "var(--ds-shadow-overlay, 0px 0px 0px rgba(188, 214, 240, 0.12),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5))"
 })());
 exports.popupContainerStyles = popupContainerStyles;
-var getPreviewBlockStyles = function getPreviewBlockStyles(snippetHeight) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-200, 8px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
+var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  ", "\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-200, 8px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
 };
 exports.getPreviewBlockStyles = getPreviewBlockStyles;

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

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

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

@@ -94,7 +94,8 @@ export const extractRequestAccessContextImproved = ({
     case 'FORBIDDEN':
       return {
         ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
-        descriptiveMessageKey: 'forbidden_description'
+        titleMessageKey: 'forbidden_title_crossjoin',
+        descriptiveMessageKey: 'forbidden_description_crossjoin'
       };
     default:
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;

package/dist/es2019/extractors/flexible/extract-preview.js

@@ -1,6 +1,9 @@
 import { extractImage } from '@atlaskit/link-extractors';
 import { MediaType } from '../../constants';
 const extractPreview = data => {
+  if (!data) {
+    return undefined;
+  }
   const url = extractImage(data);
   return url ? {
     type: MediaType.Image,

package/dist/es2019/messages.js

@@ -474,7 +474,7 @@ export const messages = defineMessages({
   },
   direct_access_description_crossjoin: {
     id: 'fabric.linking.direct_access_description_crossjoin',
-    defaultMessage: 'All {emailDomain} emails are approved to access {hostname} in {product}.',
+    defaultMessage: 'All accounts with your same email domain are approved to access {hostname} in {product}.',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
   direct_access_crossjoin: {
@@ -526,19 +526,15 @@ export const messages = defineMessages({
     id: 'fabric.linking.not_found_title_crossjoin',
     defaultMessage: "We can't show you this {product} page",
     description: 'Error case for when a provided link is not found'
+  },
+  forbidden_title_crossjoin: {
+    id: 'fabric.linking.forbidden_title_crossjoin',
+    defaultMessage: "You don't have access to this content",
+    description: 'Informs the user that they do not have access to the linked content.'
+  },
+  forbidden_description_crossjoin: {
+    id: 'fabric.linking.forbidden_description_crossjoin',
+    defaultMessage: 'Contact your admin to request access.',
+    description: 'Informs the user that they must contact the site administrator for access.'
   }
-
-  // Pending designs:
-  // forbidden_access_crossjoin: {
-  //   id: 'fabric.linking.forbidden_access_crossjoin',
-  //   defaultMessage: 'Your access is forbidden',
-  //   description:
-  //     'Shown when a user does not have access to a resource behind the link.',
-  // },
-  // forbidden_description_crossjoin: {
-  //   id: 'fabric.linking.forbidden_description_crossjoin',
-  //   defaultMessage:
-  //     "You don't have access to this preview. Contact the site admin if you need access.",
-  //   description: 'Informs the user that they cannot view this content.',
-  // },
 });

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -242,7 +242,6 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       id,
       actionType,
       display,
-      invokeType,
       extensionKey: overrideExtensionKey,
       definitionId,
       resourceType,
@@ -735,7 +734,7 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * Removed in EDM-5153: This is an even from an experiment.
      * @deprecated
      */
-    linkUpdated: props => {},
+    linkUpdated: () => {},
     /**
      * This fires a tracking event before an action invoke api call is made
      */

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

@@ -4,7 +4,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
  * Provides an analytics context to supply attributes to events based on a URL
  */
 export const LinkAnalyticsContext = ({
-  url = '',
   display,
   id,
   children,

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

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

package/dist/es2019/utils/mocks.js

@@ -175,12 +175,15 @@ export const mocks = {
 };
 export const fakeResponse = () => Promise.resolve(mocks.success);
 export const fakeFactory = (implementation, implementationPost, implementationPrefetch) => class CustomClient extends CardClient {
+  // @ts-ignore
   async fetchData(url) {
     return await implementation(url);
   }
+  // @ts-ignore
   async postData() {
     return await implementationPost();
   }
+  // @ts-ignore
   async prefetchData() {
     return await implementationPrefetch();
   }

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -39,8 +39,7 @@ export const ResolvedView = ({
   lozenge,
   details = [],
   testId = 'block-card-resolved-view',
-  showActions = true,
-  isSupportTheming
+  showActions = true
 }) => {
   const resolvedMetadata = details.length > 0 ? jsx(MetadataList, {
     testId: testId ? `${testId}-meta` : undefined,

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -13,7 +13,6 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
  * @see FlexibleCardProps
  */
 const FlexibleResolvedView = ({
-  id,
   cardState,
   onClick,
   onError,

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

@@ -51,8 +51,7 @@ const ActionGroup = ({
   size = SmartLinkSize.Medium,
   appearance,
   visibleButtonsNum = 2,
-  onDropdownOpenChange,
-  testId
+  onDropdownOpenChange
 }) => {
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();

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

@@ -17,9 +17,6 @@ const PreviewBlock = ({
   overrideUrl,
   ...blockProps
 }) => {
-  if (status !== SmartLinkStatus.Resolved) {
-    return null;
-  }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl