@atlaskit/smart-card 26.28.1 → 26.29.0

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractRequestAccessContext = void 0;
+exports.extractRequestAccessContextImproved = exports.extractRequestAccessContext = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("../../../messages");
 var _ForbiddenAction = require("../../../view/BlockCard/actions/ForbiddenAction");
@@ -22,7 +22,9 @@ var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
         descriptiveMessageKey: 'click_to_join_description',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
           return window.open(url);
-        }, 'click_to_join', _messages.messages.click_to_join, context)
+        }, 'click_to_join', _messages.messages.click_to_join, {
+          context: context
+        })
       });
     case 'REQUEST_ACCESS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
@@ -30,7 +32,9 @@ var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
         descriptiveMessageKey: 'request_access_description',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
           return window.open(url);
-        }, 'request_access', _messages.messages.request_access, context)
+        }, 'request_access', _messages.messages.request_access, {
+          context: context
+        })
       });
     case 'PENDING_REQUEST_EXISTS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
@@ -48,4 +52,63 @@ var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
   }
 };
-exports.extractRequestAccessContext = extractRequestAccessContext;
+exports.extractRequestAccessContext = extractRequestAccessContext;
+var extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref2) {
+  var _jsonLd$requestAccess2;
+  var jsonLd = _ref2.jsonLd,
+    url = _ref2.url,
+    product = _ref2.product;
+  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
+    case 'DIRECT_ACCESS':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'direct_access_title_crossjoin',
+        descriptiveMessageKey: 'direct_access_description_crossjoin',
+        callToActionMessageKey: 'direct_access_crossjoin',
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
+          return window.open(url);
+        }, 'direct_access', _messages.messages.direct_access_crossjoin, {
+          product: product
+        })
+      });
+    case 'REQUEST_ACCESS':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'request_access_description_crossjoin',
+        callToActionMessageKey: 'request_access_crossjoin',
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
+          return window.open(url);
+        }, 'request_access', _messages.messages.request_access_crossjoin)
+      });
+    case 'PENDING_REQUEST_EXISTS':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'request_access_pending_title_crossjoin',
+        descriptiveMessageKey: 'request_access_pending_description_crossjoin',
+        callToActionMessageKey: 'request_access_pending_crossjoin',
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
+          return window.open(url);
+        }, 'request_access_pending', _messages.messages.request_access_pending_crossjoin)
+      });
+    case 'DENIED_REQUEST_EXISTS':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'request_denied_description_crossjoin'
+      });
+    case 'ACCESS_EXISTS':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'access_exists_description_crossjoin',
+        callToActionMessageKey: 'request_access_crossjoin',
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
+          return window.open(url);
+        }, 'access_exists', _messages.messages.request_access_crossjoin)
+      });
+    case 'FORBIDDEN':
+      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+        titleMessageKey: 'forbidden_title_crossjoin',
+        descriptiveMessageKey: 'forbidden_description_crossjoin'
+      });
+    default:
+      return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
+  }
+};
+exports.extractRequestAccessContextImproved = extractRequestAccessContextImproved;

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

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
+// | 'forbidden_access_crossjoin'
+// | 'forbidden_description_crossjoin';
+
 var messages = (0, _reactIntlNext.defineMessages)({
   actions: {
     id: 'fabric.linking.actions',
@@ -460,6 +463,85 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.srclinkunknown',
     defaultMessage: 'View Original',
     description: "We have a link in our preview modals to the original document. This is for when we don't know the provider name"
+  },
+  /**
+   * Temp messages to put behind a feature flag for the cross join stream, replace the messages with the message of the same
+   * title (without _crossjoin) during cleanup in EDM-7977 [https://product-fabric.atlassian.net/browse/EDM-7977].
+   */
+  default_no_access_title_crossjoin: {
+    id: 'fabric.linking.no_access_title_crossjoin',
+    defaultMessage: "You don't have access to this content",
+    description: 'Informs the user that they dont have access to certain content'
+  },
+  direct_access_title_crossjoin: {
+    id: 'fabric.linking.direct_access_title_crossjoin',
+    defaultMessage: 'Join your team in {product}',
+    description: 'Informs the user that they have access to this product, and can sign up or join right away.'
+  },
+  direct_access_description_crossjoin: {
+    id: 'fabric.linking.direct_access_description_crossjoin',
+    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: {
+    id: 'fabric.linking.direct_access_crossjoin',
+    defaultMessage: 'Go to {product}',
+    description: 'Allows the user join the product or service immediately'
+  },
+  request_access_description_crossjoin: {
+    id: 'fabric.linking.request_access_description_crossjoin',
+    defaultMessage: 'Contact your admin to request access.',
+    description: 'Informs the user to request access to a product by talking to the website administrator'
+  },
+  request_access_crossjoin: {
+    id: 'fabric.linking.request_access_crossjoin',
+    defaultMessage: 'Request access',
+    description: 'Allows the user to request access to a product or service'
+  },
+  request_access_pending_title_crossjoin: {
+    id: 'fabric.linking.request_access_pending_title_crossjoin',
+    defaultMessage: 'Access to {product} pending',
+    description: 'Informs the user that their request to view this content is pending'
+  },
+  request_access_pending_description_crossjoin: {
+    id: 'fabric.linking.request_access_pending_description_crossjoin',
+    defaultMessage: 'Your request to access {hostname} is awaiting admin approval.',
+    description: 'Informs the user that their request to view this content is pending website administrator approval'
+  },
+  request_access_pending_crossjoin: {
+    id: 'fabric.linking.request_access_pending_crossjoin',
+    defaultMessage: 'Pending approval',
+    description: 'Informs the user that their request to view this content is pending'
+  },
+  request_denied_description_crossjoin: {
+    id: 'fabric.linking.request_denied_description_crossjoin',
+    defaultMessage: "Your admin didn't approve your request to view {product} pages from {hostname}.",
+    description: 'Informs the user that their request to view this content was denied'
+  },
+  access_exists_description_crossjoin: {
+    id: 'fabric.linking.access_exists_description',
+    defaultMessage: 'Contact your admin and request access to view this content from {hostname}.',
+    description: 'Informs the user to contact the website administrator to request access to a product'
+  },
+  not_found_description_crossjoin: {
+    id: 'fabric.linking.not_found_description_crossjoin',
+    defaultMessage: "The page doesn't exist or it may have changed after this link was added.",
+    description: 'Error case for when a provided item is not found within the list of items'
+  },
+  not_found_title_crossjoin: {
+    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.'
   }
 });
 exports.messages = messages;

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.1"
+  packageVersion: "26.29.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

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

@@ -12,13 +12,11 @@ var _messages = require("../../../messages");
 var 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 context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  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: {
-        context: context
-      }
+      values: values
     })),
     promise: function promise() {
       return new Promise(function (resolve) {

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/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/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.1",
+  packageVersion: "26.29.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -12,14 +12,18 @@ export const extractRequestAccessContext = ({
         ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         callToActionMessageKey: 'click_to_join',
         descriptiveMessageKey: 'click_to_join_description',
-        action: ForbiddenAction(() => window.open(url), 'click_to_join', messages.click_to_join, context)
+        action: ForbiddenAction(() => window.open(url), 'click_to_join', messages.click_to_join, {
+          context
+        })
       };
     case 'REQUEST_ACCESS':
       return {
         ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         callToActionMessageKey: 'request_access',
         descriptiveMessageKey: 'request_access_description',
-        action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access, context)
+        action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access, {
+          context
+        })
       };
     case 'PENDING_REQUEST_EXISTS':
       return {
@@ -39,4 +43,61 @@ export const extractRequestAccessContext = ({
     default:
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
   }
+};
+export const extractRequestAccessContextImproved = ({
+  jsonLd,
+  url,
+  product
+}) => {
+  var _jsonLd$requestAccess2;
+  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
+    case 'DIRECT_ACCESS':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        titleMessageKey: 'direct_access_title_crossjoin',
+        descriptiveMessageKey: 'direct_access_description_crossjoin',
+        callToActionMessageKey: 'direct_access_crossjoin',
+        action: ForbiddenAction(() => window.open(url), 'direct_access', messages.direct_access_crossjoin, {
+          product
+        })
+      };
+    case 'REQUEST_ACCESS':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'request_access_description_crossjoin',
+        callToActionMessageKey: 'request_access_crossjoin',
+        action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access_crossjoin)
+      };
+    case 'PENDING_REQUEST_EXISTS':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        titleMessageKey: 'request_access_pending_title_crossjoin',
+        descriptiveMessageKey: 'request_access_pending_description_crossjoin',
+        callToActionMessageKey: 'request_access_pending_crossjoin',
+        action: ForbiddenAction(() => window.open(url), 'request_access_pending', messages.request_access_pending_crossjoin)
+      };
+    case 'DENIED_REQUEST_EXISTS':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'request_denied_description_crossjoin'
+      };
+    case 'ACCESS_EXISTS':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        titleMessageKey: 'default_no_access_title_crossjoin',
+        descriptiveMessageKey: 'access_exists_description_crossjoin',
+        callToActionMessageKey: 'request_access_crossjoin',
+        action: ForbiddenAction(() => window.open(url), 'access_exists', messages.request_access_crossjoin)
+      };
+    case 'FORBIDDEN':
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+        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

@@ -1,4 +1,7 @@
 import { defineMessages } from 'react-intl-next';
+
+// | 'forbidden_access_crossjoin'
+// | 'forbidden_description_crossjoin';
 export const messages = defineMessages({
   actions: {
     id: 'fabric.linking.actions',
@@ -454,5 +457,84 @@ export const messages = defineMessages({
     id: 'fabric.linking.srclinkunknown',
     defaultMessage: 'View Original',
     description: "We have a link in our preview modals to the original document. This is for when we don't know the provider name"
+  },
+  /**
+   * Temp messages to put behind a feature flag for the cross join stream, replace the messages with the message of the same
+   * title (without _crossjoin) during cleanup in EDM-7977 [https://product-fabric.atlassian.net/browse/EDM-7977].
+   */
+  default_no_access_title_crossjoin: {
+    id: 'fabric.linking.no_access_title_crossjoin',
+    defaultMessage: "You don't have access to this content",
+    description: 'Informs the user that they dont have access to certain content'
+  },
+  direct_access_title_crossjoin: {
+    id: 'fabric.linking.direct_access_title_crossjoin',
+    defaultMessage: 'Join your team in {product}',
+    description: 'Informs the user that they have access to this product, and can sign up or join right away.'
+  },
+  direct_access_description_crossjoin: {
+    id: 'fabric.linking.direct_access_description_crossjoin',
+    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: {
+    id: 'fabric.linking.direct_access_crossjoin',
+    defaultMessage: 'Go to {product}',
+    description: 'Allows the user join the product or service immediately'
+  },
+  request_access_description_crossjoin: {
+    id: 'fabric.linking.request_access_description_crossjoin',
+    defaultMessage: 'Contact your admin to request access.',
+    description: 'Informs the user to request access to a product by talking to the website administrator'
+  },
+  request_access_crossjoin: {
+    id: 'fabric.linking.request_access_crossjoin',
+    defaultMessage: 'Request access',
+    description: 'Allows the user to request access to a product or service'
+  },
+  request_access_pending_title_crossjoin: {
+    id: 'fabric.linking.request_access_pending_title_crossjoin',
+    defaultMessage: 'Access to {product} pending',
+    description: 'Informs the user that their request to view this content is pending'
+  },
+  request_access_pending_description_crossjoin: {
+    id: 'fabric.linking.request_access_pending_description_crossjoin',
+    defaultMessage: 'Your request to access {hostname} is awaiting admin approval.',
+    description: 'Informs the user that their request to view this content is pending website administrator approval'
+  },
+  request_access_pending_crossjoin: {
+    id: 'fabric.linking.request_access_pending_crossjoin',
+    defaultMessage: 'Pending approval',
+    description: 'Informs the user that their request to view this content is pending'
+  },
+  request_denied_description_crossjoin: {
+    id: 'fabric.linking.request_denied_description_crossjoin',
+    defaultMessage: "Your admin didn't approve your request to view {product} pages from {hostname}.",
+    description: 'Informs the user that their request to view this content was denied'
+  },
+  access_exists_description_crossjoin: {
+    id: 'fabric.linking.access_exists_description',
+    defaultMessage: 'Contact your admin and request access to view this content from {hostname}.',
+    description: 'Informs the user to contact the website administrator to request access to a product'
+  },
+  not_found_description_crossjoin: {
+    id: 'fabric.linking.not_found_description_crossjoin',
+    defaultMessage: "The page doesn't exist or it may have changed after this link was added.",
+    description: 'Error case for when a provided item is not found within the list of items'
+  },
+  not_found_title_crossjoin: {
+    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.'
   }
 });

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.1"
+  packageVersion: "26.29.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
-export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, context = '') => ({
+export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, values = {}) => ({
   id,
   text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
-    values: {
-      context
-    }
+    values: values
   })),
   promise: () => new Promise(resolve => resolve(handler())),
   buttonAppearance: 'default'