@atlaskit/smart-card 26.28.1 → 26.29.0

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

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

@@ -7,6 +7,7 @@ import { extractErrorIcon } from '../../extractors/flexible/icon';
 import { handleOnClick } from '../../utils';
 import { extractProvider } from '@atlaskit/link-extractors';
 import extractProviderIcon from '../../extractors/flexible/icon/extract-provider-icon';
+import extractPreview from '../../extractors/flexible/extract-preview';
 export const getContextByStatus = params => {
   const {
     response,
@@ -28,13 +29,15 @@ export const getContextByStatus = params => {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
+      const preview = extractPreview(response === null || response === void 0 ? void 0 : response.data);
       const linkIcon = extractErrorIcon(response, status);
       const provider = extractProviderIcon(response === null || response === void 0 ? void 0 : response.data);
       return {
         linkIcon,
         title: url,
         url,
-        provider
+        provider,
+        preview
       };
   }
 };

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

@@ -192,7 +192,7 @@ export const HoverCardComponent = ({
       id: id,
       source: HOVER_CARD_SOURCE
     }, jsx(HoverCardContent, hoverCardContentProps));
-  }, [initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
+  }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
   const trigger = useCallback(triggerProps => jsx("span", {
     ref: parentSpan
   }, jsx("span", _extends({}, triggerProps, {

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

@@ -17,6 +17,8 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
+import HoverCardForbiddenView from './views/forbidden';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
@@ -141,6 +143,13 @@ const HoverCardContent = ({
         url: url
       });
     }
+    if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+      if (cardState.status === 'forbidden') {
+        return jsx(HoverCardForbiddenView, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+    }
     if (cardState.status === 'resolved') {
       return jsx(HoverCardResolvedView, {
         id: id,

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

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import FlexibleCard from '../../../../FlexibleCard';
+import { messages } from '../../../../../messages';
+import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
+import { extractProvider } from '@atlaskit/link-extractors';
+import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
+import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
+import { ActionName } from '../../../../../constants';
+import { getPreviewBlockStyles } from '../../../styled';
+import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
+const HoverCardForbiddenView = ({
+  flexibleCardProps,
+  testId = 'hover-card-forbidden-view'
+}) => {
+  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider;
+  const {
+    cardState,
+    url
+  } = flexibleCardProps;
+  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  const meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
+  const product = (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
+  const hostname = new URL(url).hostname;
+  const {
+    action,
+    descriptiveMessageKey,
+    titleMessageKey
+  } = extractRequestAccessContextImproved({
+    jsonLd: meta,
+    url,
+    product
+  });
+  const actions = useMemo(() => [{
+    name: 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.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
+    testId: testId
+  }), /*#__PURE__*/React.createElement(PreviewBlock, {
+    ignoreContainerPadding: true,
+    overrideCss: getPreviewBlockStyles(),
+    testId: testId
+  }), /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: titleBlockStyles,
+    testId: `${testId}-title`
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
+    values: {
+      product
+    }
+  }))), /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: mainTextStyles,
+    testId: `${testId}-content`
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
+    values: {
+      product,
+      hostname
+    }
+  }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: connectButtonStyles,
+    testId: `${testId}-button`
+  }, /*#__PURE__*/React.createElement(ActionGroup, {
+    items: actions,
+    appearance: "primary"
+  })));
+};
+export default HoverCardForbiddenView;

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

@@ -0,0 +1,17 @@
+import { css } from '@emotion/react';
+const blockGap = '0rem';
+const titleFontWeight = '600';
+export const titleBlockStyles = css`
+  justify-content: center;
+  font-weight: ${titleFontWeight};
+`;
+export const mainTextStyles = css`
+  justify-content: center;
+  margin-top: ${blockGap};
+  font-size: 0.75rem;
+  text-align: center;
+`;
+export const connectButtonStyles = css`
+  justify-content: center;
+  margin-top: ${blockGap};
+`;

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

@@ -0,0 +1 @@
+export {};

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

@@ -76,8 +76,9 @@ export const popupContainerStyles = css`
   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))"
 })()};
 `;
-export const getPreviewBlockStyles = snippetHeight => css`
-  height: ${snippetHeight}px;
+export const getPreviewBlockStyles = previewHeight => css`
+  ${previewHeight ? `height: ${previewHeight}px;` : ''}
+
   ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `  border-top-left-radius: ${"var(--ds-border-radius-200, 8px)"};
          border-top-right-radius: ${"var(--ds-border-radius-200, 8px)"};
          margin-bottom: ${blockGap};

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.28.1",
+  packageVersion: "26.29.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -15,7 +15,9 @@ export var extractRequestAccessContext = function extractRequestAccessContext(_r
         descriptiveMessageKey: 'click_to_join_description',
         action: ForbiddenAction(function () {
           return window.open(url);
-        }, 'click_to_join', messages.click_to_join, context)
+        }, 'click_to_join', messages.click_to_join, {
+          context: context
+        })
       });
     case 'REQUEST_ACCESS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
@@ -23,7 +25,9 @@ export var extractRequestAccessContext = function extractRequestAccessContext(_r
         descriptiveMessageKey: 'request_access_description',
         action: ForbiddenAction(function () {
           return window.open(url);
-        }, 'request_access', messages.request_access, context)
+        }, 'request_access', messages.request_access, {
+          context: context
+        })
       });
     case 'PENDING_REQUEST_EXISTS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
@@ -40,4 +44,62 @@ export var extractRequestAccessContext = function extractRequestAccessContext(_r
     default:
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
   }
+};
+export 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: ForbiddenAction(function () {
+          return window.open(url);
+        }, 'direct_access', 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: ForbiddenAction(function () {
+          return window.open(url);
+        }, 'request_access', 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: ForbiddenAction(function () {
+          return window.open(url);
+        }, 'request_access_pending', 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: ForbiddenAction(function () {
+          return window.open(url);
+        }, 'access_exists', 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;
+  }
 };

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

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

package/dist/esm/messages.js

@@ -1,4 +1,7 @@
 import { defineMessages } from 'react-intl-next';
+
+// | 'forbidden_access_crossjoin'
+// | 'forbidden_description_crossjoin';
 export var messages = defineMessages({
   actions: {
     id: 'fabric.linking.actions',
@@ -454,5 +457,84 @@ export var 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/esm/utils/analytics/analytics.js

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

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

@@ -5,13 +5,11 @@ import { messages } from '../../../messages';
 export 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.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.createElement(FormattedMessage, _extends({}, message, {
-      values: {
-        context: context
-      }
+      values: values
     })),
     promise: function promise() {
       return new Promise(function (resolve) {

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

@@ -20,9 +20,6 @@ var PreviewBlock = function PreviewBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
     overrideUrl = _ref.overrideUrl,
     blockProps = _objectWithoutProperties(_ref, _excluded);
-  if (status !== SmartLinkStatus.Resolved) {
-    return null;
-  }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl

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

@@ -7,6 +7,7 @@ import { extractErrorIcon } from '../../extractors/flexible/icon';
 import { handleOnClick } from '../../utils';
 import { extractProvider } from '@atlaskit/link-extractors';
 import extractProviderIcon from '../../extractors/flexible/icon/extract-provider-icon';
+import extractPreview from '../../extractors/flexible/extract-preview';
 export var getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},
     response = _ref.response,
@@ -27,13 +28,15 @@ export var getContextByStatus = function getContextByStatus(params) {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
+      var preview = extractPreview(response === null || response === void 0 ? void 0 : response.data);
       var linkIcon = extractErrorIcon(response, status);
       var provider = extractProviderIcon(response === null || response === void 0 ? void 0 : response.data);
       return {
         linkIcon: linkIcon,
         title: url,
         url: url,
-        provider: provider
+        provider: provider,
+        preview: preview
       };
   }
 };

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

@@ -208,7 +208,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       id: id,
       source: HOVER_CARD_SOURCE
     }, jsx(HoverCardContent, hoverCardContentProps));
-  }, [initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
+  }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
   var trigger = useCallback(function (triggerProps) {
     return jsx("span", {
       ref: parentSpan

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

@@ -19,6 +19,8 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
+import HoverCardForbiddenView from './views/forbidden';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {
@@ -169,6 +171,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
         url: url
       });
     }
+    if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+      if (cardState.status === 'forbidden') {
+        return jsx(HoverCardForbiddenView, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+    }
     if (cardState.status === 'resolved') {
       return jsx(HoverCardResolvedView, {
         id: id,

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

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import FlexibleCard from '../../../../FlexibleCard';
+import { messages } from '../../../../../messages';
+import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
+import { extractProvider } from '@atlaskit/link-extractors';
+import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
+import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
+import { ActionName } from '../../../../../constants';
+import { getPreviewBlockStyles } from '../../../styled';
+import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
+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 = 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 = extractRequestAccessContextImproved({
+      jsonLd: meta,
+      url: url,
+      product: product
+    }),
+    action = _extractRequestAccess.action,
+    descriptiveMessageKey = _extractRequestAccess.descriptiveMessageKey,
+    titleMessageKey = _extractRequestAccess.titleMessageKey;
+  var actions = useMemo(function () {
+    return [{
+      name: 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.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
+    testId: testId
+  }), /*#__PURE__*/React.createElement(PreviewBlock, {
+    ignoreContainerPadding: true,
+    overrideCss: getPreviewBlockStyles(),
+    testId: testId
+  }), /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: titleBlockStyles,
+    testId: "".concat(testId, "-title")
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
+    values: {
+      product: product
+    }
+  }))), /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: mainTextStyles,
+    testId: "".concat(testId, "-content")
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
+    values: {
+      product: product,
+      hostname: hostname
+    }
+  }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: connectButtonStyles,
+    testId: "".concat(testId, "-button")
+  }, /*#__PURE__*/React.createElement(ActionGroup, {
+    items: actions,
+    appearance: "primary"
+  })));
+};
+export default HoverCardForbiddenView;

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

@@ -0,0 +1,8 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+var blockGap = '0rem';
+var titleFontWeight = '600';
+export var titleBlockStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  justify-content: center;\n  font-weight: ", ";\n"])), titleFontWeight);
+export var mainTextStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  justify-content: center;\n  margin-top: ", ";\n  font-size: 0.75rem;\n  text-align: center;\n"])), blockGap);
+export var connectButtonStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  justify-content: center;\n  margin-top: ", ";\n"])), blockGap);

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

@@ -0,0 +1 @@
+export {};

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

@@ -40,6 +40,6 @@ export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _t
   light: "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))",
   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))"
 })());
-export var getPreviewBlockStyles = function getPreviewBlockStyles(snippetHeight) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: ", "px;\n  ", "\n"])), snippetHeight, 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        }") : "");
+export var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', 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        }") : "");
 };

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.28.1",
+  packageVersion: "26.29.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -5,3 +5,8 @@ export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     url: string;
     context?: string | undefined;
 }) => RequestAccessContextProps;
+export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, }: {
+    jsonLd: JsonLd.Meta.BaseMeta;
+    url: string;
+    product: string;
+}) => RequestAccessContextProps;

package/dist/types/messages.d.ts

@@ -1,5 +1,5 @@
 import { MessageDescriptor } from 'react-intl-next';
-export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
+export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
 export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;

package/dist/types/view/BlockCard/actions/ForbiddenAction.d.ts

@@ -1,2 +1,2 @@
 import { ActionProps } from '../components/Action';
-export declare const ForbiddenAction: (handler: () => void, id?: string, message?: import("react-intl-next").MessageDescriptor, context?: string) => ActionProps;
+export declare const ForbiddenAction: (handler: () => void, id?: string, message?: import("react-intl-next").MessageDescriptor, values?: {}) => ActionProps;

package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
 import { PopupComponentProps } from '@atlaskit/popup';
-declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types/view/HoverCard/components/views/forbidden/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HoverCardForbiddenProps } from './types';
+declare const HoverCardForbiddenView: React.FC<HoverCardForbiddenProps>;
+export default HoverCardForbiddenView;

package/dist/types/view/HoverCard/components/views/forbidden/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const titleBlockStyles: import("@emotion/react").SerializedStyles;
+export declare const mainTextStyles: import("@emotion/react").SerializedStyles;
+export declare const connectButtonStyles: import("@emotion/react").SerializedStyles;