@atlaskit/smart-card 26.34.0 → 26.34.2

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/EmbedCard/index.js

@@ -17,6 +17,7 @@ import { EmbedCardUnauthorisedView } from './views/UnauthorisedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
+import UnauthorizedView from './views/unauthorized-view';
 export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c3;
   var url = _ref.url,
@@ -103,6 +104,19 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         });
       }
       var unauthorisedViewProps = extractEmbedProps(data, meta, platform);
+      if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+        return /*#__PURE__*/React.createElement(UnauthorizedView, {
+          analytics: analytics,
+          context: unauthorisedViewProps.context,
+          extensionKey: extensionKey,
+          inheritDimensions: inheritDimensions,
+          isSelected: isSelected,
+          onAuthorize: handleAuthorize,
+          onClick: handleFrameClick,
+          testId: testId,
+          url: unauthorisedViewProps.link
+        });
+      }
       return /*#__PURE__*/React.createElement(EmbedCardUnauthorisedView, _extends({}, unauthorisedViewProps, {
         isSelected: isSelected,
         onAuthorise: handleAuthorize,
@@ -142,7 +156,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           context: forbiddenViewProps.context,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
-          onAuthorise: handleAuthorize,
+          onAuthorize: handleAuthorize,
           onClick: handleFrameClick,
           accessContext: accessContext,
           url: forbiddenViewProps.link

package/dist/esm/view/EmbedCard/views/UnauthorisedView.js

@@ -5,6 +5,10 @@ import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import { getUnresolvedEmbedCardImage } from '../utils';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by unauthorized-view
+ */
 export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
   var analytics = _ref.analytics,
     link = _ref.link,

package/dist/esm/view/EmbedCard/views/forbidden-view/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["context", "onAuthorise", "accessContext", "testId"];
+var _excluded = ["context", "onAuthorize", "accessContext", "testId"];
 import Button from '@atlaskit/button';
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -11,7 +11,7 @@ import UnresolvedView from '../unresolved-view';
 import { getUnresolvedEmbedCardImage } from '../../utils';
 var ForbiddenView = function ForbiddenView(_ref) {
   var context = _ref.context,
-    onAuthorise = _ref.onAuthorise,
+    onAuthorize = _ref.onAuthorize,
     accessContext = _ref.accessContext,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-forbidden-view' : _ref$testId,
@@ -45,7 +45,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
    */
   var button = useMemo(function () {
     var _action$promise;
-    var onEmbedCardClick = (_action$promise = action === null || action === void 0 ? void 0 : action.promise) !== null && _action$promise !== void 0 ? _action$promise : onAuthorise;
+    var onEmbedCardClick = (_action$promise = action === null || action === void 0 ? void 0 : action.promise) !== null && _action$promise !== void 0 ? _action$promise : onAuthorize;
     if (!onEmbedCardClick) {
       return null;
     }
@@ -57,7 +57,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
     }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.try_another_account, callToActionMessageKey), {
       values: values
     })));
-  }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorise, values]);
+  }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorize, values]);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
     icon: icon,
     image: image !== null && image !== void 0 ? image : getUnresolvedEmbedCardImage('forbidden'),

package/dist/esm/view/EmbedCard/views/unauthorized-view/index.js

@@ -0,0 +1,90 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["analytics", "context", "extensionKey", "onAuthorize", "testId"];
+import Button from '@atlaskit/button';
+import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { di } from 'react-magnetic-di';
+import { messages } from '../../../../messages';
+import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
+import { getUnresolvedEmbedCardImage } from '../../utils';
+import UnresolvedView from '../unresolved-view';
+var UnauthorizedView = function UnauthorizedView(_ref) {
+  var _context$image;
+  var analytics = _ref.analytics,
+    context = _ref.context,
+    extensionKey = _ref.extensionKey,
+    onAuthorize = _ref.onAuthorize,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
+    unresolvedViewProps = _objectWithoutProperties(_ref, _excluded);
+  var handleOnAuthorizeClick = useCallback(function () {
+    if (onAuthorize) {
+      analytics.track.appAccountAuthStarted({
+        extensionKey: extensionKey
+      });
+      onAuthorize();
+    }
+  }, [onAuthorize, analytics.track, extensionKey]);
+  var content = useMemo(function () {
+    if (onAuthorize) {
+      var _context$text;
+      // Our title and button messages always expect the product name to be present
+      // while the description support when product name is not present.
+      // To be looked at https://product-fabric.atlassian.net/browse/EDM-8173
+      var _values = {
+        context: (_context$text = context === null || context === void 0 ? void 0 : context.text) !== null && _context$text !== void 0 ? _context$text : ''
+      };
+      if (_values) {
+        // title: Connect your {context} account
+        // button: Connect to {context}
+        return {
+          title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+            values: _values
+          })),
+          description: /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+            analytics: analytics,
+            providerName: context === null || context === void 0 ? void 0 : context.text,
+            testId: testId
+          }),
+          button: /*#__PURE__*/React.createElement(Button, {
+            testId: "connect-account",
+            appearance: "primary",
+            onClick: handleOnAuthorizeClick
+          }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {
+            values: _values
+          })))
+        };
+      }
+    }
+    var values = context !== null && context !== void 0 && context.text ? {
+      context: context === null || context === void 0 ? void 0 : context.text
+    } : undefined;
+    if (values) {
+      // title: We can't display private pages from {context}
+      // description: You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.
+      return {
+        title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.unauthorised_account_name, {
+          values: values
+        })),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.unauthorised_account_description, {
+          values: values
+        }))
+      };
+    }
+
+    // title: We can't display private pages
+    // description: You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.
+    return {
+      title: /*#__PURE__*/React.createElement(FormattedMessage, messages.unauthorised_account_name_no_provider),
+      description: /*#__PURE__*/React.createElement(FormattedMessage, messages.unauthorised_account_description_no_provider)
+    };
+  }, [analytics, context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, onAuthorize, testId]);
+  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, content, {
+    icon: context === null || context === void 0 ? void 0 : context.icon,
+    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : getUnresolvedEmbedCardImage('unauthorized'),
+    testId: testId,
+    text: context === null || context === void 0 ? void 0 : context.text
+  }));
+};
+export default UnauthorizedView;

package/dist/esm/view/EmbedCard/views/unauthorized-view/types.js

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

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

package/dist/types/utils/mocks.d.ts

@@ -4,6 +4,11 @@ export declare const mockContext: {
     readonly atlassian: "https://schema.atlassian.com/ns/vocabulary#";
     readonly schema: "http://schema.org/";
 };
+export declare const mockGenerator: {
+    '@type': string;
+    '@id': string;
+    name: string;
+};
 export declare const mockByUrl: (url: string) => JsonLd.Response<JsonLd.Data.BaseData>;
 export declare const mocks: {
     success: JsonLd.Response<JsonLd.Data.BaseData>;

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/EmbedCard/views/UnauthorisedView.d.ts

@@ -12,4 +12,8 @@ export interface EmbedCardUnauthorisedViewProps {
     onClick?: (evt: React.MouseEvent) => void;
     extensionKey?: string;
 }
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by unauthorized-view
+ */
 export declare const EmbedCardUnauthorisedView: FC<EmbedCardUnauthorisedViewProps>;

package/dist/types/view/EmbedCard/views/forbidden-view/types.d.ts

@@ -3,6 +3,6 @@ import { ContextViewModel } from '../../types';
 import { UnresolvedViewProps } from '../unresolved-view/types';
 export type ForbiddenViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
     context?: ContextViewModel;
-    onAuthorise?: () => void;
+    onAuthorize?: () => void;
     accessContext: RequestAccessContextProps;
 };

package/dist/types/view/EmbedCard/views/unauthorized-view/index.d.ts

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

package/dist/types/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -0,0 +1,9 @@
+import type { AnalyticsFacade } from '../../../../state/analytics';
+import { ContextViewModel } from '../../types';
+import { UnresolvedViewProps } from '../unresolved-view/types';
+export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
+    analytics: AnalyticsFacade;
+    context?: ContextViewModel;
+    extensionKey?: string;
+    onAuthorize?: () => void;
+};

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

@@ -4,6 +4,11 @@ export declare const mockContext: {
     readonly atlassian: "https://schema.atlassian.com/ns/vocabulary#";
     readonly schema: "http://schema.org/";
 };
+export declare const mockGenerator: {
+    '@type': string;
+    '@id': string;
+    name: string;
+};
 export declare const mockByUrl: (url: string) => JsonLd.Response<JsonLd.Data.BaseData>;
 export declare const mocks: {
     success: JsonLd.Response<JsonLd.Data.BaseData>;

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

@@ -12,4 +12,8 @@ export interface EmbedCardUnauthorisedViewProps {
     onClick?: (evt: React.MouseEvent) => void;
     extensionKey?: string;
 }
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by unauthorized-view
+ */
 export declare const EmbedCardUnauthorisedView: FC<EmbedCardUnauthorisedViewProps>;

package/dist/types-ts4.5/view/EmbedCard/views/forbidden-view/types.d.ts

@@ -3,6 +3,6 @@ import { ContextViewModel } from '../../types';
 import { UnresolvedViewProps } from '../unresolved-view/types';
 export type ForbiddenViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
     context?: ContextViewModel;
-    onAuthorise?: () => void;
+    onAuthorize?: () => void;
     accessContext: RequestAccessContextProps;
 };

package/dist/types-ts4.5/view/EmbedCard/views/unauthorized-view/index.d.ts

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

package/dist/types-ts4.5/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -0,0 +1,9 @@
+import type { AnalyticsFacade } from '../../../../state/analytics';
+import { ContextViewModel } from '../../types';
+import { UnresolvedViewProps } from '../unresolved-view/types';
+export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
+    analytics: AnalyticsFacade;
+    context?: ContextViewModel;
+    extensionKey?: string;
+    onAuthorize?: () => void;
+};

package/dist/types-ts4.5/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.0",
+  "version": "26.34.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"