@atlaskit/smart-card 26.28.1 → 26.28.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.28.2
+
+### Patch Changes
+
+- [`c46305662f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c46305662f7) - create new messages for smart link forbidden and not found views
+
 ## 26.28.1
 
 ### Patch Changes

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,62 @@ 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), {}, {
+        descriptiveMessageKey: 'forbidden_description'
+      });
+    default:
+      return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
+  }
+};
+exports.extractRequestAccessContextImproved = extractRequestAccessContextImproved;

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,89 @@ 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 {emailDomain} emails 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'
   }
+
+  // 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/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.28.2"
 };
 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/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.28.2",
   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,60 @@ 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),
+        descriptiveMessageKey: 'forbidden_description'
+      };
+    default:
+      return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
+  }
 };

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,88 @@ 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 {emailDomain} emails 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'
   }
+
+  // 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/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.28.2"
 };
 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'

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.28.2",
   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,61 @@ 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), {}, {
+        descriptiveMessageKey: 'forbidden_description'
+      });
+    default:
+      return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
+  }
 };

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,88 @@ 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 {emailDomain} emails 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'
   }
+
+  // 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/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.28.2"
 };
 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/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.28.2",
   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/types.d.ts

@@ -20,6 +20,7 @@ export interface RequestAccessContextProps extends AccessContext {
     action?: ActionProps;
     callToActionMessageKey?: RequestAccessMessageKey;
     descriptiveMessageKey?: RequestAccessMessageKey;
+    titleMessageKey?: RequestAccessMessageKey;
 }
 export type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
 export type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/view/types.d.ts

@@ -20,6 +20,7 @@ export interface RequestAccessContextProps extends AccessContext {
     action?: ActionProps;
     callToActionMessageKey?: RequestAccessMessageKey;
     descriptiveMessageKey?: RequestAccessMessageKey;
+    titleMessageKey?: RequestAccessMessageKey;
 }
 export type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
 export type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.28.1",
+  "version": "26.28.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"