@atlaskit/smart-card 26.34.1 → 26.34.3

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

@@ -0,0 +1,95 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import FlexibleCard from '../../../FlexibleCard';
+import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
+import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../../messages';
+import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import BlockCardFooter from '../../components/flexible/footer';
+import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
+import Text from '../../../FlexibleCard/components/elements/text';
+import { getForbiddenJsonLd } from '../../../../utils/jsonld';
+import { extractProvider } from '@atlaskit/link-extractors';
+import { extractRequestAccessContext } from '../../../../extractors/common/context';
+import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+const FlexibleForbiddenView = ({
+  anchorTarget,
+  cardState,
+  onAuthorize,
+  onClick,
+  onError,
+  testId = 'smart-block-forbidden-view',
+  url,
+  titleBlockProps
+}) => {
+  var _details$meta;
+  const status = cardState.status;
+  const details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
+  const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
+  const provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  const providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
+  const requestAccessContext = extractRequestAccessContext({
+    jsonLd: cardMetadata,
+    url,
+    context: providerName
+  });
+  const descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
+  const actions = useMemo(() => {
+    let actionFromAccessContext = [];
+    const tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
+    if (requestAccessContext) {
+      const {
+        action,
+        callToActionMessageKey
+      } = requestAccessContext;
+      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, {
+        context: providerName
+      })] : [];
+    }
+    return [...tryAnotherAccountAction, ...actionFromAccessContext];
+  }, [onAuthorize, requestAccessContext, providerName]);
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: {
+      hideElevation: true
+    },
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({
+    hideRetry: true,
+    anchorTarget: anchorTarget
+  }, titleBlockProps)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
+    label: "forbidden-lock-icon",
+    size: "small",
+    primaryColor: `var(--ds-icon-danger, ${R300})`,
+    testId: `${testId}-lock-icon`
+  }), /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages[descriptiveMessageKey],
+      values: {
+        context: providerName
+      }
+    }
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+    actions: actions,
+    status: status
+  })));
+};
+
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+export default withFlexibleUIBlockCardStyle(FlexibleForbiddenView);

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

@@ -44,4 +44,7 @@ const refreshedFlexibleBlockCardStyle = css`
     border: 1px solid ${`var(--ds-border, ${N40})`};
   }
 `;
-export const flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+export const flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+export const forbiddenViewTitleStyle = css`
+  font-weight: 600;
+`;

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

@@ -9,6 +9,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
 import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
+import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
 const HoverCardForbiddenView = ({
   flexibleCardProps,
   testId = 'hover-card-forbidden-view'
@@ -21,7 +22,7 @@ const HoverCardForbiddenView = ({
   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 = /*#__PURE__*/React.createElement("b", null, new URL(url).hostname);
+  const hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
   const {
     action,
     descriptiveMessageKey,

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.34.1",
+  packageVersion: "26.34.3",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RedesignedInlineCard/ForbiddenView/index.js

@@ -48,10 +48,13 @@ export class InlineCardForbiddenView extends React.Component {
         const {
           callToActionMessageKey
         } = this.props.requestAccessContext;
+        const values = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? {
+          product: this.props.context
+        } : {
+          context: this.props.context
+        };
         return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[callToActionMessageKey], {
-          values: {
-            context: this.props.context
-          }
+          values: values
         }));
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.invalid_permissions, formattedMessage => {
@@ -59,17 +62,21 @@ export class InlineCardForbiddenView extends React.Component {
       }));
     });
     _defineProperty(this, "renderActionButton", () => {
+      var _this$props$requestAc2;
       const {
         onAuthorise
       } = this.props;
       const ActionButton = withFrameStyleControl(Button, this.frameRef);
+      const accessType = (_this$props$requestAc2 = this.props.requestAccessContext) === null || _this$props$requestAc2 === void 0 ? void 0 : _this$props$requestAc2.accessType;
+      const isButtonDisabled = getBooleanFF('platform.linking-platform.smart-card.cross-join') && accessType === 'PENDING_REQUEST_EXISTS';
       if (this.state.hasRequestAccessContextMessage) {
         return /*#__PURE__*/React.createElement(ActionButton, {
           spacing: "none",
           onClick: this.handleRetry,
           component: IconStyledButton,
           testId: "button-connect-other-account",
-          role: "button"
+          role: "button",
+          isDisabled: isButtonDisabled
         }, this.renderForbiddenAccessMessage());
       }
       if (onAuthorise) {

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractRequestAccessContext } from '../../extractors/common/context';
+import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { CardLinkView } from '../LinkView';
 import { InlineCardErroredView } from './ErroredView';
 import { InlineCardForbiddenView } from './ForbiddenView';
@@ -12,6 +13,7 @@ import { InlineCardUnauthorizedView } from './UnauthorisedView';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export const InlineCard = ({
   analytics,
@@ -30,7 +32,7 @@ export const InlineCard = ({
   showAuthTooltip,
   showServerActions
 }) => {
-  var _details$meta;
+  var _details$meta, _providerForbidden$te;
   const {
     status,
     details
@@ -99,7 +101,11 @@ export const InlineCard = ({
       }
       const providerForbidden = extractProvider(cardDetails);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      const requestAccessContext = extractRequestAccessContext({
+      const requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
+        jsonLd: cardMetadata,
+        url,
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+      }) : extractRequestAccessContext({
         jsonLd: cardMetadata,
         url,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text

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

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

@@ -12,15 +12,14 @@ import { messages } from '../../../../messages';
  * @param content is a message key for a message to be displayed in the action
  * @param context is a variable for a message in case a message contains a placeholder
  */
-export var ForbiddenAction = function ForbiddenAction(onClick, content, context) {
+export var ForbiddenAction = function ForbiddenAction(onClick, content, context, isDisabled) {
   return {
     name: ActionName.CustomAction,
     content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {
-      values: {
-        context: context
-      }
+      values: context
     })),
     onClick: onClick,
-    testId: 'smart-action-connect-other-account'
+    testId: 'smart-action-connect-other-account',
+    isDisabled: isDisabled
   };
 };

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

@@ -20,8 +20,9 @@ import { ErroredView as BlockCardErroredView } from './views/ErroredView';
 import FlexibleResolvedView from './views/flexible/FlexibleResolvedView';
 import FlexibleUnauthorisedView from './views/flexible/FlexibleUnauthorisedView';
 import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
-import FlexibleErroredView from './views/flexible/FlexibleErroredView';
 import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
+import FlexibleForbiddenViewOld from './views/flexible/FlexibleForbiddenViewOld';
+import FlexibleErroredView from './views/flexible/FlexibleErroredView';
 import { jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -98,7 +99,9 @@ export var BlockCard = function BlockCard(_ref) {
           onAuthorize: handleAuthorize
         }));
       case 'forbidden':
-        return jsx(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? jsx(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+          onAuthorize: handleAuthorize
+        })) : jsx(FlexibleForbiddenViewOld, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'not_found':

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -2,18 +2,21 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useMemo } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
-import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
-import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+import { CustomBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../../messages';
-import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import LockIcon from '@atlaskit/icon/glyph/lock';
 import BlockCardFooter from '../../components/flexible/footer';
 import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import Text from '../../../FlexibleCard/components/elements/text';
+import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { getForbiddenJsonLd } from '../../../../utils/jsonld';
 import { extractProvider } from '@atlaskit/link-extractors';
-import { extractRequestAccessContext } from '../../../../extractors/common/context';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
+import { FormattedMessage } from 'react-intl-next';
+import { forbiddenViewTitleStyle } from './styled';
+import extractHostname from '../../../../extractors/common/hostname/extractHostname';
 
 /**
  * This view represent a Block Card with the 'Forbidden' status.
@@ -38,22 +41,34 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
   var provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
   var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
-  var requestAccessContext = extractRequestAccessContext({
-    jsonLd: cardMetadata,
-    url: url,
-    context: providerName
-  });
+  var messageContext = useMemo(function () {
+    var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
+    return {
+      product: providerName,
+      hostname: hostname
+    };
+  }, [providerName, url]);
+  var requestAccessContext = useMemo(function () {
+    return extractRequestAccessContextImproved({
+      jsonLd: cardMetadata,
+      url: url,
+      product: providerName
+    });
+  }, [cardMetadata, providerName, url]);
   var descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
+  var _ref2 = requestAccessContext !== null && requestAccessContext !== void 0 ? requestAccessContext : {},
+    titleMessageKey = _ref2.titleMessageKey,
+    buttonDisabled = _ref2.buttonDisabled;
   var actions = useMemo(function () {
     var actionFromAccessContext = [];
     var tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
     if (requestAccessContext) {
       var action = requestAccessContext.action,
         callToActionMessageKey = requestAccessContext.callToActionMessageKey;
-      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, providerName)] : [];
+      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, messageContext, buttonDisabled)] : [];
     }
     return [].concat(tryAnotherAccountAction, _toConsumableArray(actionFromAccessContext));
-  }, [onAuthorize, requestAccessContext, providerName]);
+  }, [onAuthorize, requestAccessContext, messageContext, buttonDisabled]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
     cardState: cardState,
@@ -62,10 +77,19 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     onError: onError,
     testId: testId,
     ui: {
-      hideElevation: true
+      hideElevation: true,
+      size: SmartLinkSize.Medium
     },
     url: url
-  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({
+  }, titleMessageKey ? /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: forbiddenViewTitleStyle,
+    testId: "".concat(testId, "-title")
+  }, /*#__PURE__*/React.createElement("a", {
+    target: anchorTarget,
+    href: url
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
+    values: messageContext
+  })))) : /*#__PURE__*/React.createElement(TitleBlock, _extends({
     hideRetry: true,
     anchorTarget: anchorTarget
   }, titleBlockProps)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
@@ -74,13 +98,15 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
+    maxLines: 2,
     message: {
       descriptor: messages[descriptiveMessageKey],
-      values: {
-        context: providerName
-      }
+      values: messageContext
     }
-  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  })), /*#__PURE__*/React.createElement(PreviewBlock, {
+    placement: MediaPlacement.Right,
+    ignoreContainerPadding: true
+  }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,
     status: status
   })));

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenViewOld.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React, { useMemo } from 'react';
+import FlexibleCard from '../../../FlexibleCard';
+import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
+import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../../messages';
+import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import BlockCardFooter from '../../components/flexible/footer';
+import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
+import Text from '../../../FlexibleCard/components/elements/text';
+import { getForbiddenJsonLd } from '../../../../utils/jsonld';
+import { extractProvider } from '@atlaskit/link-extractors';
+import { extractRequestAccessContext } from '../../../../extractors/common/context';
+import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+  var _details$meta;
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
+    onAuthorize = _ref.onAuthorize,
+    onClick = _ref.onClick,
+    onError = _ref.onError,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
+    url = _ref.url,
+    titleBlockProps = _ref.titleBlockProps;
+  var status = cardState.status;
+  var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
+  var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
+  var provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
+  var requestAccessContext = extractRequestAccessContext({
+    jsonLd: cardMetadata,
+    url: url,
+    context: providerName
+  });
+  var descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
+  var actions = useMemo(function () {
+    var actionFromAccessContext = [];
+    var tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
+    if (requestAccessContext) {
+      var action = requestAccessContext.action,
+        callToActionMessageKey = requestAccessContext.callToActionMessageKey;
+      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, {
+        context: providerName
+      })] : [];
+    }
+    return [].concat(tryAnotherAccountAction, _toConsumableArray(actionFromAccessContext));
+  }, [onAuthorize, requestAccessContext, providerName]);
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: {
+      hideElevation: true
+    },
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({
+    hideRetry: true,
+    anchorTarget: anchorTarget
+  }, titleBlockProps)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
+    label: "forbidden-lock-icon",
+    size: "small",
+    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
+    testId: "".concat(testId, "-lock-icon")
+  }), /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages[descriptiveMessageKey],
+      values: {
+        context: providerName
+      }
+    }
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+    actions: actions,
+    status: status
+  })));
+};
+
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+export default withFlexibleUIBlockCardStyle(FlexibleForbiddenView);

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { tokens } from '../../../../utils/token';
 import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
@@ -11,4 +11,5 @@ export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTe
 export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
 var flexibleBlockCardElevationStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
 var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));
-export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+export var forbiddenViewTitleStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-weight: 600;\n"])));

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

@@ -9,6 +9,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
 import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
+import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
@@ -19,7 +20,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   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 = /*#__PURE__*/React.createElement("b", null, new URL(url).hostname);
+  var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
   var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
       jsonLd: meta,
       url: url,

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.34.1",
+  packageVersion: "26.34.3",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RedesignedInlineCard/ForbiddenView/index.js

@@ -59,10 +59,13 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       var _this$props3;
       if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3 = _this$props3.requestAccessContext) !== null && _this$props3 !== void 0 && _this$props3.callToActionMessageKey) {
         var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
+        var values = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? {
+          product: _this.props.context
+        } : {
+          context: _this.props.context
+        };
         return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[callToActionMessageKey], {
-          values: {
-            context: _this.props.context
-          }
+          values: values
         }));
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.invalid_permissions, function (formattedMessage) {
@@ -70,15 +73,19 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       }));
     });
     _defineProperty(_assertThisInitialized(_this), "renderActionButton", function () {
+      var _this$props$requestAc;
       var onAuthorise = _this.props.onAuthorise;
       var ActionButton = withFrameStyleControl(Button, _this.frameRef);
+      var accessType = (_this$props$requestAc = _this.props.requestAccessContext) === null || _this$props$requestAc === void 0 ? void 0 : _this$props$requestAc.accessType;
+      var isButtonDisabled = getBooleanFF('platform.linking-platform.smart-card.cross-join') && accessType === 'PENDING_REQUEST_EXISTS';
       if (_this.state.hasRequestAccessContextMessage) {
         return /*#__PURE__*/React.createElement(ActionButton, {
           spacing: "none",
           onClick: _this.handleRetry,
           component: IconStyledButton,
           testId: "button-connect-other-account",
-          role: "button"
+          role: "button",
+          isDisabled: isButtonDisabled
         }, _this.renderForbiddenAccessMessage());
       }
       if (onAuthorise) {

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractRequestAccessContext } from '../../extractors/common/context';
+import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { CardLinkView } from '../LinkView';
 import { InlineCardErroredView } from './ErroredView';
 import { InlineCardForbiddenView } from './ForbiddenView';
@@ -12,9 +13,10 @@ import { InlineCardUnauthorizedView } from './UnauthorisedView';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
-  var _details$meta;
+  var _details$meta, _providerForbidden$te;
   var analytics = _ref.analytics,
     id = _ref.id,
     url = _ref.url,
@@ -96,7 +98,11 @@ export var InlineCard = function InlineCard(_ref) {
       }
       var providerForbidden = extractProvider(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      var requestAccessContext = extractRequestAccessContext({
+      var requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
+        jsonLd: cardMetadata,
+        url: url,
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+      }) : extractRequestAccessContext({
         jsonLd: cardMetadata,
         url: url,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types';
 import { MessageKey, RequestAccessMessageKey } from '../../../../messages';
 /**
@@ -8,4 +9,4 @@ import { MessageKey, RequestAccessMessageKey } from '../../../../messages';
  * @param content is a message key for a message to be displayed in the action
  * @param context is a variable for a message in case a message contains a placeholder
  */
-export declare const ForbiddenAction: (onClick: () => void, content: RequestAccessMessageKey | MessageKey, context?: string) => CustomActionItem;
+export declare const ForbiddenAction: (onClick: () => void, content: RequestAccessMessageKey | MessageKey, context?: Record<string, ReactNode>, isDisabled?: boolean) => CustomActionItem;

package/dist/types/view/BlockCard/views/flexible/FlexibleForbiddenViewOld.d.ts

@@ -0,0 +1,8 @@
+import { FlexibleBlockCardProps } from './types';
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types/view/BlockCard/views/flexible/styled.d.ts

@@ -2,3 +2,4 @@ export declare const metadataBlockCss: import("@emotion/react").SerializedStyles
 export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
 export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
 export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
+export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/types.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 import { MessageDescriptor } from 'react-intl-next';
 export type AnchorTarget = '_blank' | '_self' | '_top' | '_parent';
 export type MessageProps = {
     descriptor: MessageDescriptor;
-    values?: Record<string, string>;
+    values?: Record<string, ReactNode>;
 };

package/package.json

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

package/dist/types-ts4.5/__fixtures__/atlas-project.d.ts

@@ -1,3 +0,0 @@
-import { JsonLd } from 'json-ld-types';
-declare const _default: JsonLd.Response<JsonLd.Data.BaseData>;
-export default _default;