@atlaskit/smart-card 26.31.1 → 26.33.0

package/dist/cjs/view/common/utils.js

@@ -7,14 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.mq = exports.gs = exports.br = void 0;
 var _constants = require("@atlaskit/theme/constants");
 var _facepaint = _interopRequireDefault(require("facepaint"));
-var gs = function gs(times) {
+var gs = exports.gs = function gs(times) {
   return "".concat((0, _constants.gridSize)() * times, "px");
 };
-exports.gs = gs;
-var br = function br() {
+var br = exports.br = function br() {
   var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return "".concat((0, _constants.borderRadius)() * times, "px");
 };
-exports.br = br;
-var mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
-exports.mq = mq;
+var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);

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

@@ -80,7 +80,8 @@ export const extractRequestAccessContextImproved = ({
         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)
+        action: ForbiddenAction(() => window.open(url), 'request_access_pending', messages.request_access_pending_crossjoin),
+        buttonDisabled: true
       };
     case 'DENIED_REQUEST_EXISTS':
       return {

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

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

@@ -16,6 +16,7 @@ import { EmbedCardResolvedView } from './views/ResolvedView';
 import { EmbedCardUnauthorisedView } from './views/UnauthorisedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
+import NotFoundView from './views/not-found-view';
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
   cardState: {
@@ -134,7 +135,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       }
       if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
         var _forbiddenViewProps$c, _forbiddenViewProps$c2;
-        const requestAccessContext = extractRequestAccessContextImproved({
+        const accessContext = extractRequestAccessContextImproved({
           jsonLd: cardMetadata,
           url,
           product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
@@ -145,7 +146,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           isSelected: isSelected,
           onAuthorise: handleAuthorize,
           onClick: handleFrameClick,
-          requestAccessContext: requestAccessContext,
+          accessContext: accessContext,
           url: forbiddenViewProps.link
         });
       }
@@ -169,6 +170,22 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         });
       }
       const notFoundViewProps = extractEmbedProps(data, meta, platform);
+      if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+        var _notFoundViewProps$co, _notFoundViewProps$co2;
+        const accessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
+          jsonLd: details === null || details === void 0 ? void 0 : details.meta,
+          url,
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+        }) : undefined;
+        return /*#__PURE__*/React.createElement(NotFoundView, {
+          context: notFoundViewProps.context,
+          inheritDimensions: inheritDimensions,
+          isSelected: isSelected,
+          onClick: handleFrameClick,
+          accessContext: accessContext,
+          url: notFoundViewProps.link
+        });
+      }
       return /*#__PURE__*/React.createElement(EmbedCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         inheritDimensions: inheritDimensions,

package/dist/es2019/view/EmbedCard/views/ForbiddenView.js

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { LockImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by forbidden-view
+ */
 export const EmbedCardForbiddenView = ({
   link,
   context,

package/dist/es2019/view/EmbedCard/views/NotFoundView.js

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { NotFoundImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by not-found-view
+ */
 export const EmbedCardNotFoundView = ({
   link,
   context,

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

@@ -8,14 +8,16 @@ import { LockImage } from '../../constants';
 import UnresolvedView from '../unresolved-view';
 const ForbiddenView = ({
   context,
-  inheritDimensions,
-  isSelected,
   onAuthorise,
-  onClick,
-  requestAccessContext,
+  accessContext,
   testId = 'embed-card-forbidden-view',
-  url
+  ...unresolvedViewProps
 }) => {
+  const {
+    icon,
+    image,
+    text = ''
+  } = context !== null && context !== void 0 ? context : {};
   const {
     accessType,
     hostname,
@@ -23,7 +25,7 @@ const ForbiddenView = ({
     descriptiveMessageKey,
     callToActionMessageKey,
     action
-  } = requestAccessContext !== null && requestAccessContext !== void 0 ? requestAccessContext : {};
+  } = accessContext !== null && accessContext !== void 0 ? accessContext : {};
   const values = useMemo(() => {
     var _context$text;
     const product = (_context$text = context === null || context === void 0 ? void 0 : context.text) !== null && _context$text !== void 0 ? _context$text : '';
@@ -33,10 +35,6 @@ const ForbiddenView = ({
       hostname: /*#__PURE__*/React.createElement("b", null, hostname)
     };
   }, [hostname, context === null || context === void 0 ? void 0 : context.text]);
-  const image = useMemo(() => {
-    var _context$image;
-    return (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : LockImage;
-  }, [context === null || context === void 0 ? void 0 : context.image]);
 
   /**
    * if there is a request access context, but no action to perform, do not show any button.
@@ -58,22 +56,18 @@ const ForbiddenView = ({
       values: values
     })));
   }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorise, values]);
-  return /*#__PURE__*/React.createElement(UnresolvedView, {
-    icon: context === null || context === void 0 ? void 0 : context.icon,
-    image: image,
-    inheritDimensions: inheritDimensions,
-    isSelected: isSelected,
-    onClick: onClick,
+  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
+    icon: icon,
+    image: image !== null && image !== void 0 ? image : LockImage,
     testId: testId,
-    text: context === null || context === void 0 ? void 0 : context.text,
+    text: text,
     title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.invalid_permissions, titleMessageKey), {
       values: values
     })),
     description: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.invalid_permissions_description, descriptiveMessageKey), {
       values: values
     })),
-    button: button,
-    url: url
-  });
+    button: button
+  }));
 };
 export default ForbiddenView;

package/dist/es2019/view/EmbedCard/views/not-found-view/index.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../messages';
+import { toMessage } from '../../../../utils/intl-utils';
+import { NotFoundImage } from '../../constants';
+import UnresolvedView from '../unresolved-view';
+const NotFoundView = ({
+  context,
+  accessContext,
+  testId = 'embed-card-not-found-view',
+  ...unresolvedViewProps
+}) => {
+  const {
+    icon,
+    image,
+    text = ''
+  } = context !== null && context !== void 0 ? context : {};
+  const {
+    titleMessageKey,
+    descriptiveMessageKey
+  } = accessContext !== null && accessContext !== void 0 ? accessContext : {};
+  const values = useMemo(() => ({
+    product: text
+  }), [text]);
+  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
+    icon: icon,
+    image: image !== null && image !== void 0 ? image : NotFoundImage,
+    testId: testId,
+    text: text,
+    title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.not_found_title, titleMessageKey), {
+      values: values
+    })),
+    description: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.not_found_description, descriptiveMessageKey), {
+      values: values
+    }))
+  }));
+};
+export default NotFoundView;

package/dist/es2019/view/EmbedCard/views/not-found-view/types.js

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

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

@@ -144,7 +144,7 @@ const HoverCardContent = ({
       });
     }
     if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
-      if (cardState.status === 'forbidden') {
+      if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
         return jsx(HoverCardForbiddenView, {
           flexibleCardProps: flexibleCardProps
         });

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

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

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

@@ -6,6 +6,7 @@ export const titleBlockStyles = css`
   font-weight: ${titleFontWeight};
 `;
 export const mainTextStyles = css`
+  display: inline;
   justify-content: center;
   margin-top: ${blockGap};
   font-size: 0.75rem;

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

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

@@ -10,6 +10,8 @@ import { messages } from '../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { IconStyledButton } from '../styled';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
+import { HoverCard } from '../../HoverCard';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export class InlineCardErroredView extends React.Component {
   constructor(...args) {
     super(...args);
@@ -46,7 +48,7 @@ export class InlineCardErroredView extends React.Component {
       icon,
       message
     } = this.props;
-    return /*#__PURE__*/React.createElement(Frame, {
+    const content = /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
       isSelected: isSelected,
       ref: this.frameRef
@@ -62,5 +64,11 @@ export class InlineCardErroredView extends React.Component {
       onClick: onClick,
       rightSide: message
     }), this.renderActionButton());
+    if (this.props.showHoverPreview && getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+      return /*#__PURE__*/React.createElement(HoverCard, {
+        url: url
+      }, content);
+    }
+    return content;
   }
 }

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

@@ -13,6 +13,8 @@ import { IconStyledButton } from '../styled';
 import Lozenge from '@atlaskit/lozenge';
 import { LozengeWrapper } from '../IconAndTitleLayout/styled';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
+import { HoverCard } from '../../HoverCard';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
@@ -92,7 +94,7 @@ export class InlineCardForbiddenView extends React.Component {
       isSelected,
       testId = 'inline-card-forbidden-view'
     } = this.props;
-    return /*#__PURE__*/React.createElement(Frame, {
+    const content = /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
       isSelected: isSelected,
       ref: this.frameRef
@@ -103,5 +105,11 @@ export class InlineCardForbiddenView extends React.Component {
       onClick: onClick,
       titleColor: `var(--ds-text-subtle, ${N500})`
     }), this.renderActionButton());
+    if (this.props.showHoverPreview && getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+      return /*#__PURE__*/React.createElement(HoverCard, {
+        url: url
+      }, content);
+    }
+    return content;
   }
 }

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

@@ -112,7 +112,8 @@ export const InlineCard = ({
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        requestAccessContext: requestAccessContext
+        requestAccessContext: requestAccessContext,
+        showHoverPreview: showHoverPreview
       });
     case 'not_found':
       if (onError) {
@@ -128,7 +129,8 @@ export const InlineCard = ({
         isSelected: isSelected,
         message: "Can't find link",
         onClick: handleFrameClick,
-        testId: testIdWithStatus || 'inline-card-not-found-view'
+        testId: testIdWithStatus || 'inline-card-not-found-view',
+        showHoverPreview: showHoverPreview
       });
     case 'fallback':
     case 'errored':

package/dist/esm/extractors/action/extract-lozenge-action-items.js

@@ -1,6 +1,6 @@
 var extractLozengeActionItems = function extractLozengeActionItems(response) {
   var _response$transitions, _response$transitions2;
-  var items = (_response$transitions = response === null || response === void 0 ? void 0 : (_response$transitions2 = response.transitions) === null || _response$transitions2 === void 0 ? void 0 : _response$transitions2.map(function (_ref) {
+  var items = (_response$transitions = response === null || response === void 0 || (_response$transitions2 = response.transitions) === null || _response$transitions2 === void 0 ? void 0 : _response$transitions2.map(function (_ref) {
     var _ref2;
     var appearance = _ref.appearance,
       id = _ref.id,

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

@@ -9,7 +9,7 @@ export var extractRequestAccessContext = function extractRequestAccessContext(_r
   var jsonLd = _ref.jsonLd,
     url = _ref.url,
     context = _ref.context;
-  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
+  switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
     case 'DIRECT_ACCESS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
         callToActionMessageKey: 'click_to_join',
@@ -54,7 +54,7 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
   var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
     hostname: extractHostname(url)
   }) : undefined;
-  switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
+  switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
     case 'DIRECT_ACCESS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
         titleMessageKey: 'direct_access_title_crossjoin',
@@ -82,7 +82,8 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         callToActionMessageKey: 'request_access_pending_crossjoin',
         action: ForbiddenAction(function () {
           return window.open(url);
-        }, 'request_access_pending', messages.request_access_pending_crossjoin)
+        }, 'request_access_pending', messages.request_access_pending_crossjoin),
+        buttonDisabled: true
       });
     case 'DENIED_REQUEST_EXISTS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {

package/dist/esm/extractors/flexible/actions/extract-follow-action.js

@@ -16,7 +16,7 @@ var extractFollowAction = function extractFollowAction(response, showServerActio
   var action = actions.find(function (item) {
     if ((item === null || item === void 0 ? void 0 : item.name) === 'UpdateAction') {
       var _dataUpdateAction;
-      var actionName = item === null || item === void 0 ? void 0 : (_dataUpdateAction = item.dataUpdateAction) === null || _dataUpdateAction === void 0 ? void 0 : _dataUpdateAction.name;
+      var actionName = item === null || item === void 0 || (_dataUpdateAction = item.dataUpdateAction) === null || _dataUpdateAction === void 0 ? void 0 : _dataUpdateAction.name;
       return actionName === SmartLinkActionType.FollowEntityAction || actionName === SmartLinkActionType.UnfollowEntityAction;
     }
     return false;

package/dist/esm/state/analytics/useLinkClicked.js

@@ -15,7 +15,7 @@ export var useLinkClicked = function useLinkClicked(handler, predicate) {
       args[_key] = arguments[_key];
     }
     var event = args[0];
-    handler === null || handler === void 0 ? void 0 : handler.apply(null, args);
+    handler === null || handler === void 0 || handler.apply(null, args);
     if (!predicate || predicate !== null && predicate !== void 0 && predicate(event)) {
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }

package/dist/esm/state/helpers.js

@@ -17,23 +17,23 @@ export var getClickUrl = function getClickUrl(url, jsonLd) {
 };
 export var getDefinitionId = function getDefinitionId(details) {
   var _details$meta;
-  return details === null || details === void 0 ? void 0 : (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.definitionId;
+  return details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.definitionId;
 };
 export var getExtensionKey = function getExtensionKey(details) {
   var _details$meta2;
-  return details === null || details === void 0 ? void 0 : (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key;
+  return details === null || details === void 0 || (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key;
 };
 export var getResourceType = function getResourceType(details) {
   var _details$meta3;
-  return details === null || details === void 0 ? void 0 : (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.resourceType;
+  return details === null || details === void 0 || (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.resourceType;
 };
 export var getProduct = function getProduct(details) {
   var _details$meta4;
-  return details === null || details === void 0 ? void 0 : (_details$meta4 = details.meta) === null || _details$meta4 === void 0 ? void 0 : _details$meta4.product;
+  return details === null || details === void 0 || (_details$meta4 = details.meta) === null || _details$meta4 === void 0 ? void 0 : _details$meta4.product;
 };
 export var getSubproduct = function getSubproduct(details) {
   var _details$meta5;
-  return details === null || details === void 0 ? void 0 : (_details$meta5 = details.meta) === null || _details$meta5 === void 0 ? void 0 : _details$meta5.subproduct;
+  return details === null || details === void 0 || (_details$meta5 = details.meta) === null || _details$meta5 === void 0 ? void 0 : _details$meta5.subproduct;
 };
 export var getServices = function getServices(details) {
   return details && details.meta.auth || [];
@@ -50,8 +50,8 @@ export var isVisible = function isVisible(_ref2) {
   return visibility === 'restricted' || visibility === 'public';
 };
 export var getStatusDetails = function getStatusDetails(details) {
-  var _details$meta6, _details$meta6$reques;
-  return details === null || details === void 0 ? void 0 : (_details$meta6 = details.meta) === null || _details$meta6 === void 0 ? void 0 : (_details$meta6$reques = _details$meta6.requestAccess) === null || _details$meta6$reques === void 0 ? void 0 : _details$meta6$reques.accessType;
+  var _details$meta6;
+  return details === null || details === void 0 || (_details$meta6 = details.meta) === null || _details$meta6 === void 0 || (_details$meta6 = _details$meta6.requestAccess) === null || _details$meta6 === void 0 ? void 0 : _details$meta6.accessType;
 };
 export var isFinalState = function isFinalState(status) {
   return ['unauthorized', 'forbidden', 'errored', 'resolved', 'not_found'].indexOf(status) > -1;

package/dist/esm/state/hooks/use-invoke-client-action/index.js

@@ -31,7 +31,7 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             });
 
             // Begin analytics instrumentation.
-            analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
+            analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
               actionType: actionType,
               display: display
             });
@@ -43,7 +43,7 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             result = _context.sent;
             measure.mark(markName, 'resolved');
             succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
-            analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeSucceededEvent({
+            analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
               actionType: actionType,
               display: display
             });
@@ -54,7 +54,7 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             measure.mark(markName, 'errored');
             failUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
             reason = typeof _context.t0 === 'string' ? _context.t0 : _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message;
-            analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeFailedEvent({
+            analytics === null || analytics === void 0 || analytics.operational.invokeFailedEvent({
               actionType: actionType,
               display: display,
               reason: reason

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

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

@@ -16,6 +16,7 @@ import { EmbedCardResolvedView } from './views/ResolvedView';
 import { EmbedCardUnauthorisedView } from './views/UnauthorisedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
+import NotFoundView from './views/not-found-view';
 export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c3;
   var url = _ref.url,
@@ -132,7 +133,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
       }
       if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
         var _forbiddenViewProps$c, _forbiddenViewProps$c2;
-        var _requestAccessContext = extractRequestAccessContextImproved({
+        var accessContext = extractRequestAccessContextImproved({
           jsonLd: cardMetadata,
           url: url,
           product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
@@ -143,7 +144,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           isSelected: isSelected,
           onAuthorise: handleAuthorize,
           onClick: handleFrameClick,
-          requestAccessContext: _requestAccessContext,
+          accessContext: accessContext,
           url: forbiddenViewProps.link
         });
       }
@@ -167,6 +168,22 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         });
       }
       var notFoundViewProps = extractEmbedProps(data, meta, platform);
+      if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+        var _notFoundViewProps$co, _notFoundViewProps$co2;
+        var _accessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
+          jsonLd: details === null || details === void 0 ? void 0 : details.meta,
+          url: url,
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+        }) : undefined;
+        return /*#__PURE__*/React.createElement(NotFoundView, {
+          context: notFoundViewProps.context,
+          inheritDimensions: inheritDimensions,
+          isSelected: isSelected,
+          onClick: handleFrameClick,
+          accessContext: _accessContext,
+          url: notFoundViewProps.link
+        });
+      }
       return /*#__PURE__*/React.createElement(EmbedCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         inheritDimensions: inheritDimensions,

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

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { LockImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by forbidden-view
+ */
 export var EmbedCardForbiddenView = function EmbedCardForbiddenView(_ref) {
   var _action$promise;
   var link = _ref.link,

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

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { NotFoundImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by not-found-view
+ */
 export var EmbedCardNotFoundView = function EmbedCardNotFoundView(_ref) {
   var link = _ref.link,
     context = _ref.context,