@atlaskit/smart-card 26.42.9 → 26.42.11

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
@@ -54,11 +52,11 @@ export var ResolvedView = function ResolvedView(_ref) {
     testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
     _ref$showActions = _ref.showActions,
     showActions = _ref$showActions === void 0 ? true : _ref$showActions;
-  var resolvedMetadata = details.length > 0 ? jsx(MetadataList, {
+  var resolvedMetadata = details.length > 0 ? /*#__PURE__*/React.createElement(MetadataList, {
     testId: testId ? "".concat(testId, "-meta") : undefined,
     items: details
   }) : undefined;
-  var resolvedByline = jsx(Byline, {
+  var resolvedByline = /*#__PURE__*/React.createElement(Byline, {
     testId: testId ? "".concat(testId, "-by") : undefined,
     className: blockCardResolvedViewByClassName
   }, byline);
@@ -66,44 +64,44 @@ export var ResolvedView = function ResolvedView(_ref) {
     return handleClickCommon(event, onClick);
   };
   var hasActions = showActions && actions.length > 0;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvedViewClassName
-  }, jsx(Content, null, jsx("div", null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'flex-start'
     }
-  }, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, titlePrefix ? jsx(Emoji, {
+  }, titlePrefix ? /*#__PURE__*/React.createElement(Emoji, {
     emoji: titlePrefix
-  }) : jsx(Icon, icon), jsx(Name, {
+  }) : /*#__PURE__*/React.createElement(Icon, icon), /*#__PURE__*/React.createElement(Name, {
     name: title,
     textColor: titleTextColor
-  }), lozenge && jsx(LozengeBlockWrapper, {
+  }), lozenge && /*#__PURE__*/React.createElement(LozengeBlockWrapper, {
     css: {
       height: gs(2.5),
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, jsx(Lozenge, lozenge, lozenge.text))), jsx(CollaboratorList, {
+  }, /*#__PURE__*/React.createElement(Lozenge, lozenge, lozenge.text))), /*#__PURE__*/React.createElement(CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,
     testId: testId ? "".concat(testId, "-collaborator-list") : undefined
-  })), resolvedByline, resolvedMetadata), jsx(ContentFooter, {
+  })), resolvedByline, resolvedMetadata), /*#__PURE__*/React.createElement(ContentFooter, {
     hasSpaceBetween: hasActions
-  }, jsx(Provider, {
+  }, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
-  }), hasActions && jsx(ActionList, {
+  }), hasActions && /*#__PURE__*/React.createElement(ActionList, {
     items: actions
-  }))), thumbnail ? jsx(Thumbnail, {
+  }))), thumbnail ? /*#__PURE__*/React.createElement(Thumbnail, {
     src: thumbnail,
     testId: testId ? "".concat(testId, "-thumb") : undefined
   }) : null);

package/dist/esm/view/BlockCard/views/ResolvingView.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
@@ -14,21 +12,21 @@ export var ResolvingView = function ResolvingView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-resolving-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvingViewClassName
-  }, jsx(DocumentFilledIcon, {
+  }, /*#__PURE__*/React.createElement(DocumentFilledIcon, {
     size: "small",
     primaryColor: "var(--ds-icon-subtle, ".concat(N50, ")"),
     label: "document-icon"
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "".concat(fontSize(), "px"),
       color: "var(--ds-text-subtlest, ".concat(N90, ")"),
       marginLeft: gs(0.5)
     }
-  }, jsx(FormattedMessage, messages.loading)));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.loading)));
 };

package/dist/esm/view/BlockCard/views/UnauthorizedView.js

@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
@@ -36,29 +34,29 @@ export var UnauthorizedView = function UnauthorizedView(_ref) {
   var handleClick = function handleClick(event) {
     return handleClickCommon(event, onClick);
   };
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     isFluidHeight: true
-  }, jsx(Content, {
+  }, /*#__PURE__*/React.createElement(Content, {
     isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, jsx(Link, {
+  }, /*#__PURE__*/React.createElement(Link, {
     url: link,
     testId: testId
-  })), jsx(Byline, {
+  })), /*#__PURE__*/React.createElement(Byline, {
     testId: testId ? "".concat(testId, "-byline") : undefined,
-    text: jsx(FormattedMessage, _extends({}, textBylineProps, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, textBylineProps, {
       values: {
         context: context.text
       }
     }))
-  })), jsx(ContentFooter, null, jsx(Provider, {
+  })), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && jsx(ActionList, {
+  }), showActions && /*#__PURE__*/React.createElement(ActionList, {
     items: actions
   }))));
 };

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

@@ -3,11 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["testId"];
 var _templateObject;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { getExtensionKey } from '../../../../state/helpers';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../../../state/helpers';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
@@ -34,6 +33,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var handleAuthorize = useCallback(function () {
     if (onAuthorize) {
       analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
@@ -43,23 +43,24 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     }
   }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
   var content = useMemo(function () {
-    return onAuthorize ? jsx(UnauthorisedViewContent, {
+    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
       providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
       analytics: analytics,
       testId: testId
-    }) : jsx(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
       values: {
         context: providerName
       }
     }));
-  }, [analytics, onAuthorize, providerName, testId]);
+  }, [analytics, isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  return jsx(UnresolvedView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
     actions: actions,
     testId: testId
-  }), jsx("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     css: contentStyles,
     "data-testid": "".concat(testId, "-content")
   }, content));

package/dist/esm/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js

@@ -1,10 +1,8 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { flexibleBlockCardStyle } from '../styled';
 export var withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: flexibleBlockCardStyle
-    }, jsx(FlexibleBlockCardView, props));
+    }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
   };
 };

package/dist/esm/view/CardWithData/component.js

@@ -10,7 +10,7 @@ import React from 'react';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 import { BlockCardResolvedView } from '../BlockCard';
 export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
   _inherits(CardWithDataContent, _React$Component);

package/dist/esm/view/CardWithUrl/component.js

@@ -6,7 +6,7 @@ import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
-import { InlineCard as RedesignedInlineCard } from '../RedesignedInlineCard';
+import { InlineCard } from '../InlineCard';
 import { EmbedCard } from '../EmbedCard';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
@@ -214,7 +214,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps);
+      return /*#__PURE__*/React.createElement(InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,

package/dist/esm/view/EmbedCard/components/Frame.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { useEffect, useState, useRef } from 'react';
 import { di } from 'react-magnetic-di';
 import { getIframeSandboxAttribute } from '../../../utils';
@@ -87,13 +85,13 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   if (!url) {
     return null;
   }
-  return jsx(React.Fragment, null, jsx(IframeDwellTracker, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IframeDwellTracker, {
     isIframeLoaded: isIframeLoaded,
     isMouseOver: isMouseOver,
     isWindowFocused: isWindowFocused,
     iframePercentVisible: percentVisible,
     onIframeDwell: onIframeDwell
-  }), jsx(IFrame, {
+  }), /*#__PURE__*/React.createElement(IFrame, {
     childRef: mergedRef,
     src: url,
     "data-testid": "".concat(testId, "-frame"),

package/dist/esm/view/EmbedCard/components/IframeDwellTracker.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
 import { useEffect, useRef, useState } from 'react';
 /**
  * A kind of cheap logarithmic backoff. Fire analytics after the user has

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

@@ -6,10 +6,10 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { getExtensionKey } from '../../state/helpers';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 import { BlockCardResolvedView, BlockCardResolvingView } from '../BlockCard';
-import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 import { EmbedCardForbiddenView } from './views/ForbiddenView';
 import { EmbedCardNotFoundView } from './views/NotFoundView';
 import { EmbedCardResolvedView } from './views/ResolvedView';
@@ -47,6 +47,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extensionKey = getExtensionKey(details);
+  var isProductIntegrationSupported = hasAuthScopeOverrides(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -112,6 +113,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -127,6 +129,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { fontSize } from '@atlaskit/theme/constants';
@@ -15,16 +13,16 @@ export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
     testId: testId
-  }, jsx(ErrorIcon, {
+  }, /*#__PURE__*/React.createElement(ErrorIcon, {
     size: "small",
     primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
     label: "error-icon"
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "".concat(fontSize(), "px"),
       marginLeft: gs(0.5),
@@ -37,10 +35,10 @@ export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
       // Fallback options.
       maxHeight: gs(3)
     }
-  }, jsx(FormattedMessage, messages.could_not_load_link)), jsx(Button, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link)), /*#__PURE__*/React.createElement(Button, {
     testId: "err-view-retry",
     appearance: "link",
     spacing: "none",
     onClick: onRetry
-  }, jsx(FormattedMessage, messages.try_again)));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)));
 };

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/glyph/link';
 import { ExpandedFrame } from '../components/ExpandedFrame';
@@ -26,7 +24,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
   var linkGlyph = React.useMemo(function () {
-    return jsx(LinkGlyph, {
+    return /*#__PURE__*/React.createElement(LinkGlyph, {
       label: "icon",
       size: "small",
       testId: "embed-card-fallback-icon"
@@ -36,7 +34,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return jsx(ImageIcon, {
+    return /*#__PURE__*/React.createElement(ImageIcon, {
       src: src,
       default: linkGlyph
     });
@@ -47,7 +45,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
   if (previewUrl && isSupportTheming && colorMode) {
     previewUrl = "".concat(previewUrl).concat(previewUrl.includes('?') ? '&' : '?', "themeMode=").concat(colorMode);
   }
-  return jsx(ExpandedFrame, {
+  return /*#__PURE__*/React.createElement(ExpandedFrame, {
     isSelected: isSelected,
     isFrameVisible: isFrameVisible,
     frameStyle: frameStyle,
@@ -57,7 +55,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions
-  }, jsx(Frame, {
+  }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,

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

@@ -19,7 +19,8 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     onAuthorise = _ref.onAuthorise,
     inheritDimensions = _ref.inheritDimensions,
     onClick = _ref.onClick,
-    extensionKey = _ref.extensionKey;
+    extensionKey = _ref.extensionKey,
+    isProductIntegrationSupported = _ref.isProductIntegrationSupported;
   var icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -50,6 +51,7 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
         analytics: analytics,
         providerName: context === null || context === void 0 ? void 0 : context.text,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     }
@@ -60,7 +62,7 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       testId: testId,
       title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
     });
-  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
+  }, [analytics, context, handleOnAuthorizeClick, isProductIntegrationSupported, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
+
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
 import { FormattedMessage } from 'react-intl-next';
@@ -20,7 +19,7 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
     onClick = _ref.onClick,
     testId = _ref.testId,
     children = _ref.children;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       flexDirection: 'column',
@@ -30,14 +29,14 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       paddingBottom: gridSize(6)
     },
     "data-testid": "".concat(testId, "-unresolved-container")
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: image,
     css: {
       height: gridSize(14),
       marginBottom: gridSize(4)
     },
     "data-testid": "".concat(testId, "-unresolved-image")
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: gridSize(2.5),
       marginBottom: gridSize(1.5),
@@ -45,11 +44,11 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       textAlign: 'center'
     },
     "data-testid": "".concat(testId, "-unresolved-title")
-  }, jsx(FormattedMessage, _extends({}, messages[title], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[title], {
     values: {
       context: context
     }
-  }))), jsx("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: fontSize(),
       marginBottom: gridSize(2.5),
@@ -58,15 +57,15 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       lineHeight: gridSize(3)
     },
     "data-testid": "".concat(testId, "-unresolved-description")
-  }, children !== null && children !== void 0 ? children : jsx(FormattedMessage, _extends({}, messages[description], {
+  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[description], {
     values: {
       context: context
     }
-  }))), button && jsx(Button, {
+  }))), button && /*#__PURE__*/React.createElement(Button, {
     testId: "button-".concat(button.testId || testId),
     appearance: button.appearance,
     onClick: onClick
-  }, jsx(FormattedMessage, _extends({}, messages[button.text], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[button.text], {
     values: {
       context: context
     }

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["analytics", "context", "extensionKey", "onAuthorize", "testId"];
+var _excluded = ["analytics", "context", "extensionKey", "isProductIntegrationSupported", "onAuthorize", "testId"];
 import Button from '@atlaskit/button';
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -14,6 +14,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
   var analytics = _ref.analytics,
     context = _ref.context,
     extensionKey = _ref.extensionKey,
+    isProductIntegrationSupported = _ref.isProductIntegrationSupported,
     onAuthorize = _ref.onAuthorize,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
@@ -45,6 +46,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
           description: /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
             analytics: analytics,
             providerName: context === null || context === void 0 ? void 0 : context.text,
+            isProductIntegrationSupported: isProductIntegrationSupported,
             testId: testId
           }),
           button: /*#__PURE__*/React.createElement(Button, {
@@ -79,7 +81,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
       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]);
+  }, [analytics, context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, isProductIntegrationSupported, 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'),

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

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import LinkGlyph from '@atlaskit/icon/glyph/link';
-import { jsx } from '@emotion/react';
 import React, { useMemo } from 'react';
 import { ExpandedFrame } from '../../components/ExpandedFrame';
 import { ImageIcon } from '../../components/ImageIcon';
@@ -21,16 +19,16 @@ var UnresolvedView = function UnresolvedView(_ref) {
     if ( /*#__PURE__*/React.isValidElement(iconUrlOrElement)) {
       return iconUrlOrElement;
     }
-    return jsx(ImageIcon, {
+    return /*#__PURE__*/React.createElement(ImageIcon, {
       src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
-      default: jsx(LinkGlyph, {
+      default: /*#__PURE__*/React.createElement(LinkGlyph, {
         label: "icon",
         size: "small",
         testId: "embed-card-fallback-icon"
       })
     });
   }, [iconUrlOrElement]);
-  return jsx(ExpandedFrame, {
+  return /*#__PURE__*/React.createElement(ExpandedFrame, {
     allowScrollBar: true,
     frameStyle: "show",
     href: url,
@@ -40,19 +38,19 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onClick: onClick,
     testId: testId,
     text: text
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: containerStyles,
     "data-testid": "".concat(testId, "-unresolved-container")
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: contentStyles
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     css: imageStyles,
     "data-testid": "".concat(testId, "-unresolved-image"),
     src: image
-  }), jsx("h2", {
+  }), /*#__PURE__*/React.createElement("h2", {
     css: titleStyles,
     "data-testid": "".concat(testId, "-unresolved-title")
-  }, title), jsx("span", {
+  }, title), /*#__PURE__*/React.createElement("span", {
     css: descriptionStyles,
     "data-testid": "".concat(testId, "-unresolved-description")
   }, description), button)));

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -1,9 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-
 import { di } from 'react-magnetic-di';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 var iframeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: calc(100vh - 208px);\n"])));
@@ -21,6 +19,6 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return jsx(IFrame, props);
+  return /*#__PURE__*/React.createElement(IFrame, props);
 };
 export default EmbedContent;