@atlaskit/smart-card 26.31.1 → 26.33.0

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["context", "onAuthorise", "accessContext", "testId"];
 import Button from '@atlaskit/button';
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -8,21 +10,23 @@ import { LockImage } from '../../constants';
 import UnresolvedView from '../unresolved-view';
 var ForbiddenView = function ForbiddenView(_ref) {
   var context = _ref.context,
-    inheritDimensions = _ref.inheritDimensions,
-    isSelected = _ref.isSelected,
     onAuthorise = _ref.onAuthorise,
-    onClick = _ref.onClick,
-    requestAccessContext = _ref.requestAccessContext,
+    accessContext = _ref.accessContext,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-forbidden-view' : _ref$testId,
-    url = _ref.url;
-  var _ref2 = requestAccessContext !== null && requestAccessContext !== void 0 ? requestAccessContext : {},
-    accessType = _ref2.accessType,
-    hostname = _ref2.hostname,
-    titleMessageKey = _ref2.titleMessageKey,
-    descriptiveMessageKey = _ref2.descriptiveMessageKey,
-    callToActionMessageKey = _ref2.callToActionMessageKey,
-    action = _ref2.action;
+    unresolvedViewProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = context !== null && context !== void 0 ? context : {},
+    icon = _ref2.icon,
+    image = _ref2.image,
+    _ref2$text = _ref2.text,
+    text = _ref2$text === void 0 ? '' : _ref2$text;
+  var _ref3 = accessContext !== null && accessContext !== void 0 ? accessContext : {},
+    accessType = _ref3.accessType,
+    hostname = _ref3.hostname,
+    titleMessageKey = _ref3.titleMessageKey,
+    descriptiveMessageKey = _ref3.descriptiveMessageKey,
+    callToActionMessageKey = _ref3.callToActionMessageKey,
+    action = _ref3.action;
   var values = useMemo(function () {
     var _context$text;
     var product = (_context$text = context === null || context === void 0 ? void 0 : context.text) !== null && _context$text !== void 0 ? _context$text : '';
@@ -32,10 +36,6 @@ var ForbiddenView = function ForbiddenView(_ref) {
       hostname: /*#__PURE__*/React.createElement("b", null, hostname)
     };
   }, [hostname, context === null || context === void 0 ? void 0 : context.text]);
-  var image = useMemo(function () {
-    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.
@@ -57,22 +57,18 @@ var ForbiddenView = function ForbiddenView(_ref) {
       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/esm/view/EmbedCard/views/not-found-view/index.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["context", "accessContext", "testId"];
+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';
+var NotFoundView = function NotFoundView(_ref) {
+  var context = _ref.context,
+    accessContext = _ref.accessContext,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'embed-card-not-found-view' : _ref$testId,
+    unresolvedViewProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = context !== null && context !== void 0 ? context : {},
+    icon = _ref2.icon,
+    image = _ref2.image,
+    _ref2$text = _ref2.text,
+    text = _ref2$text === void 0 ? '' : _ref2$text;
+  var _ref3 = accessContext !== null && accessContext !== void 0 ? accessContext : {},
+    titleMessageKey = _ref3.titleMessageKey,
+    descriptiveMessageKey = _ref3.descriptiveMessageKey;
+  var values = useMemo(function () {
+    return {
+      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/esm/view/EmbedCard/views/not-found-view/types.js

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

package/dist/esm/view/EmbedModal/components/analytics/index.js

@@ -14,14 +14,14 @@ var withAnalytics = function withAnalytics(Component) {
       onResize = props.onResize,
       origin = props.origin;
     var handleOnOpen = useCallback(function (context) {
-      analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
+      analytics === null || analytics === void 0 || analytics.screen.modalViewedEvent({
         name: 'embedPreviewModal',
         attributes: {
           origin: origin,
           size: context.size
         }
       });
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderSuccessEvent({
+      analytics === null || analytics === void 0 || analytics.ui.renderSuccessEvent({
         status: 'resolved',
         display: CardDisplay.EmbedPreview
       });
@@ -30,7 +30,7 @@ var withAnalytics = function withAnalytics(Component) {
       }
     }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpen, origin]);
     var handleOnOpenFailed = useCallback(function (error, errorInfo) {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderFailedEvent({
+      analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
         display: CardDisplay.EmbedPreview,
         error: error,
         errorInfo: errorInfo
@@ -40,7 +40,7 @@ var withAnalytics = function withAnalytics(Component) {
       }
     }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpenFailed]);
     var handleOnClose = useCallback(function (context) {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.modalClosedEvent({
+      analytics === null || analytics === void 0 || analytics.ui.modalClosedEvent({
         actionSubjectId: 'embedPreview',
         attributes: {
           origin: origin,
@@ -53,7 +53,7 @@ var withAnalytics = function withAnalytics(Component) {
       }
     }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onClose, origin]);
     var handleOnResize = useCallback(function (context) {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
+      analytics === null || analytics === void 0 || analytics.ui.buttonClickedEvent({
         actionSubjectId: 'embedPreviewResize',
         attributes: {
           newSize: context.size,

package/dist/esm/view/FlexibleCard/components/actions/action/server-action/index.js

@@ -34,17 +34,17 @@ var ServerAction = function ServerAction(_ref) {
           smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
           _context.prev = 2;
           setIsLoading(true);
-          analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkServerActionClickedEvent({
+          analytics === null || analytics === void 0 || analytics.ui.smartLinkServerActionClickedEvent({
             smartLinkActionType: smartLinkActionType
           });
-          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted({
+          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
             smartLinkActionType: smartLinkActionType
           });
           request = createInvokeRequest(action);
           _context.next = 9;
           return invoke(request);
         case 9:
-          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess({
+          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
             smartLinkActionType: smartLinkActionType
           });
           if (!(action.reload && action.reload.url)) {
@@ -64,7 +64,7 @@ var ServerAction = function ServerAction(_ref) {
           _context.prev = 17;
           _context.t0 = _context["catch"](2);
           setIsLoading(false);
-          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed({
+          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed({
             smartLinkActionType: smartLinkActionType,
             reason: getInvokeFailureReason(_context.t0)
           });

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -72,7 +72,7 @@ var LozengeAction = function LozengeAction(_ref) {
       appearance: appearance
     });
   }, [text, appearance]);
-  var _ref2 = (action === null || action === void 0 ? void 0 : (_action$update = action.update) === null || _action$update === void 0 ? void 0 : _action$update.details) || {},
+  var _ref2 = (action === null || action === void 0 || (_action$update = action.update) === null || _action$update === void 0 ? void 0 : _action$update.details) || {},
     url = _ref2.url,
     linkId = _ref2.id,
     previewData = _ref2.previewData;
@@ -87,8 +87,8 @@ var LozengeAction = function LozengeAction(_ref) {
               _context.next = 24;
               break;
             }
-            analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
-            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted({
+            analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
               smartLinkActionType: TrackQuickActionType.StatusUpdate
             });
             if (!(!isLoaded && action !== null && action !== void 0 && action.read)) {
@@ -105,7 +105,7 @@ var LozengeAction = function LozengeAction(_ref) {
             setItems(validItems);
             setIsLoaded(true);
             if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(permissionLoadErrorAnalyticsPayload);
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(permissionLoadErrorAnalyticsPayload);
               setErrorMessage(LozengeActionErrorMessages.noData);
               setIsLoaded(false);
             }
@@ -116,7 +116,7 @@ var LozengeAction = function LozengeAction(_ref) {
             _context.t0 = _context["catch"](5);
             setErrorMessage(LozengeActionErrorMessages.unknown);
             setIsLoaded(false);
-            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(unknownLoadErrorAnalyticsPayload);
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownLoadErrorAnalyticsPayload);
           case 21:
             _context.prev = 21;
             setIsLoading(false);
@@ -151,7 +151,7 @@ var LozengeAction = function LozengeAction(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();
+            analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionListItemClickedEvent();
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
               _context2.next = 17;
@@ -170,7 +170,7 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoaded(false);
             setIsOpen(false);
             setItems([]);
-            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess({
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
               smartLinkActionType: TrackQuickActionType.StatusUpdate
             });
             if (!url) {
@@ -188,10 +188,10 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoading(false);
             if (isInvokeCustomError(_context2.t0)) {
               setErrorMessage(_context2.t0.message);
-              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(validationUpdateErrorAnalyticsPayload);
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(validationUpdateErrorAnalyticsPayload);
             } else {
               setErrorMessage(LozengeActionErrorMessages.updateFailed);
-              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(unknownUpdateErrorAnalyticsPayload);
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownUpdateErrorAnalyticsPayload);
             }
           case 23:
           case "end":

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -31,7 +31,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [reload, url]);
   var handlePreviewOpen = useCallback(function () {
     if (isPreviewAvailable) {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
+      analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       return openEmbedModalWithFlexibleUiIcon(_objectSpread(_objectSpread({}, previewData), {}, {
         analytics: analytics,
         onClose: handlePreviewClose

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js

@@ -16,8 +16,8 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     }
   }, [appearance, id, onClick, text]);
   var handleMouseEnter = useCallback(function (e) {
-    var _e$currentTarget, _e$currentTarget$firs;
-    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
+    var _e$currentTarget;
+    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
   }, []);
   return /*#__PURE__*/React.createElement("span", {
     onMouseEnter: handleMouseEnter

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

@@ -53,9 +53,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
     var _details$meta;
     return analytics ? _objectSpread(_objectSpread({}, analytics), {}, {
       display: appearance,
-      extensionKey: details === null || details === void 0 ? void 0 : (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
+      extensionKey: details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
     }) : undefined;
-  }, [analytics, appearance, details === null || details === void 0 ? void 0 : (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key]);
+  }, [analytics, appearance, details === null || details === void 0 || (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key]);
   useEffect(function () {
     switch (status) {
       case SmartLinkStatus.Resolved:

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

@@ -42,7 +42,7 @@ export var getContextByStatus = function getContextByStatus(params) {
 };
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   var _meta$requestAccess;
-  var accessType = meta === null || meta === void 0 ? void 0 : (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
+  var accessType = meta === null || meta === void 0 || (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
   switch (accessType) {
     case 'DIRECT_ACCESS':
       return 'join_to_view';
@@ -76,7 +76,7 @@ export var getRetryOptions = function getRetryOptions(url, status, response, onA
       });
       var messageKey = getForbiddenMessageKey(meta);
       var descriptor = messages[messageKey];
-      var retry = onAuthorize || (access === null || access === void 0 ? void 0 : (_access$action = access.action) === null || _access$action === void 0 ? void 0 : _access$action.promise);
+      var retry = onAuthorize || (access === null || access === void 0 || (_access$action = access.action) === null || _access$action === void 0 ? void 0 : _access$action.promise);
       var onClick = retry ? handleOnClick(retry) : undefined;
       return {
         descriptor: descriptor,

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

@@ -172,7 +172,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     }
     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/esm/view/HoverCard/components/views/forbidden/index.js

@@ -1,17 +1,16 @@
 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';
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
-  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider;
+  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
@@ -20,22 +19,16 @@ 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 = new URL(url).hostname;
-  var _extractRequestAccess = extractRequestAccessContextImproved({
+  var hostname = /*#__PURE__*/React.createElement("b", null, new URL(url).hostname);
+  var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
       jsonLd: meta,
       url: url,
       product: product
-    }),
-    action = _extractRequestAccess.action,
-    descriptiveMessageKey = _extractRequestAccess.descriptiveMessageKey,
-    titleMessageKey = _extractRequestAccess.titleMessageKey;
-  var actions = useMemo(function () {
-    return [{
-      name: ActionName.CustomAction,
-      content: action === null || action === void 0 ? void 0 : action.text,
-      onClick: action === null || action === void 0 ? void 0 : action.promise
-    }];
-  }, [action]);
+    })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {},
+    action = _ref2.action,
+    descriptiveMessageKey = _ref2.descriptiveMessageKey,
+    titleMessageKey = _ref2.titleMessageKey,
+    buttonDisabled = _ref2.buttonDisabled;
   if (!titleMessageKey || !descriptiveMessageKey) {
     return null;
   }
@@ -63,9 +56,10 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: connectButtonStyles,
     testId: "".concat(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/esm/view/HoverCard/components/views/forbidden/styled.js

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

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

@@ -30,7 +30,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardForbiddenView, _React$Component);
   var _super = _createSuper(InlineCardForbiddenView);
   function InlineCardForbiddenView() {
-    var _this$props, _this$props$requestAc;
+    var _this$props;
     var _this;
     _classCallCheck(this, InlineCardForbiddenView);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -38,7 +38,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props$requestAc = _this$props.requestAccessContext) !== null && _this$props$requestAc !== void 0 && _this$props$requestAc.callToActionMessageKey)
+      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
     });
     _defineProperty(_assertThisInitialized(_this), "handleRetry", function (event) {
       var onAuthorise = _this.props.onAuthorise;
@@ -47,13 +47,13 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       if (onAuthorise) {
         onAuthorise();
       } else {
-        var _this$props2, _this$props2$requestA, _this$props2$requestA2;
-        (_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$requestA = _this$props2.requestAccessContext) === null || _this$props2$requestA === void 0 ? void 0 : (_this$props2$requestA2 = _this$props2$requestA.action) === null || _this$props2$requestA2 === void 0 ? void 0 : _this$props2$requestA2.promise();
+        var _this$props2;
+        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props3, _this$props3$requestA;
-      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3$requestA = _this$props3.requestAccessContext) !== null && _this$props3$requestA !== void 0 && _this$props3$requestA.callToActionMessageKey) {
+      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;
         return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[callToActionMessageKey], {
           values: {

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -42,7 +42,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
       event.preventDefault();
       event.stopPropagation();
       if (onAuthorise) {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
+        analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
           extensionKey: extensionKey
         });
       }

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

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

@@ -18,6 +18,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 var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardErroredView, _React$Component);
   var _super = _createSuper(InlineCardErroredView);
@@ -60,7 +62,7 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         testId = _this$props$testId === void 0 ? 'inline-card-errored-view' : _this$props$testId,
         icon = _this$props.icon,
         message = _this$props.message;
-      return /*#__PURE__*/React.createElement(Frame, {
+      var content = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         isSelected: isSelected,
         ref: this.frameRef
@@ -76,6 +78,12 @@ export var InlineCardErroredView = /*#__PURE__*/function (_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;
     }
   }]);
   return InlineCardErroredView;

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

@@ -21,6 +21,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';
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
@@ -31,7 +33,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardForbiddenView, _React$Component);
   var _super = _createSuper(InlineCardForbiddenView);
   function InlineCardForbiddenView() {
-    var _this$props, _this$props$requestAc;
+    var _this$props;
     var _this;
     _classCallCheck(this, InlineCardForbiddenView);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -40,7 +42,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "frameRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
-      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props$requestAc = _this$props.requestAccessContext) !== null && _this$props$requestAc !== void 0 && _this$props$requestAc.callToActionMessageKey)
+      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
     });
     _defineProperty(_assertThisInitialized(_this), "handleRetry", function (event) {
       var onAuthorise = _this.props.onAuthorise;
@@ -49,13 +51,13 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       if (onAuthorise) {
         onAuthorise();
       } else {
-        var _this$props2, _this$props2$requestA, _this$props2$requestA2;
-        (_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$requestA = _this$props2.requestAccessContext) === null || _this$props2$requestA === void 0 ? void 0 : (_this$props2$requestA2 = _this$props2$requestA.action) === null || _this$props2$requestA2 === void 0 ? void 0 : _this$props2$requestA2.promise();
+        var _this$props2;
+        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props3, _this$props3$requestA;
-      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3$requestA = _this$props3.requestAccessContext) !== null && _this$props3$requestA !== void 0 && _this$props3$requestA.callToActionMessageKey) {
+      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;
         return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[callToActionMessageKey], {
           values: {
@@ -104,7 +106,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
         isSelected = _this$props4.isSelected,
         _this$props4$testId = _this$props4.testId,
         testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId;
-      return /*#__PURE__*/React.createElement(Frame, {
+      var content = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         isSelected: isSelected,
         ref: this.frameRef
@@ -115,6 +117,12 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         titleColor: "var(--ds-text-subtle, ".concat(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;
     }
   }]);
   return InlineCardForbiddenView;

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

@@ -44,7 +44,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
       event.preventDefault();
       event.stopPropagation();
       if (onAuthorise) {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
+        analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
           extensionKey: extensionKey
         });
       }

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

@@ -109,7 +109,8 @@ export var InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        requestAccessContext: requestAccessContext
+        requestAccessContext: requestAccessContext,
+        showHoverPreview: showHoverPreview
       });
     case 'not_found':
       if (onError) {
@@ -125,7 +126,8 @@ export var InlineCard = function InlineCard(_ref) {
         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/view/common/UnauthorisedViewContent.js

@@ -13,7 +13,7 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
     analytics = _ref.analytics;
   var handleLearnMoreClick = useCallback(function () {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
+    analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
     values: {

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showServerActions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isFrameVisible" | "frameStyle" | "importer" | "container" | "showActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showServerActions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };