@atlaskit/smart-card 26.42.9 → 26.42.11

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
@@ -27,29 +25,29 @@ export const UnauthorizedView = ({
   onClick = () => {}
 }) => {
   const handleClick = event => 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 ? `${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/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @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';
@@ -36,6 +35,7 @@ const FlexibleUnauthorisedView = ({
   const extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   const handleAuthorize = useCallback(() => {
     if (onAuthorize) {
       analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
@@ -44,20 +44,21 @@ const FlexibleUnauthorisedView = ({
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
-  const content = useMemo(() => onAuthorize ? jsx(UnauthorisedViewContent, {
+  const content = useMemo(() => 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]);
   const actions = useMemo(() => 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": `${testId}-content`
   }, content));

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

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

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

@@ -3,7 +3,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 class CardWithDataContent extends React.Component {
   render() {

package/dist/es2019/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';
@@ -211,7 +211,7 @@ function Component({
         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/es2019/view/EmbedCard/components/Frame.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { useEffect, useState, useRef } from 'react';
 import { di } from 'react-magnetic-di';
 import { getIframeSandboxAttribute } from '../../../utils';
@@ -72,13 +70,13 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
   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": `${testId}-frame`,

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

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

package/dist/es2019/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';
@@ -50,6 +50,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extensionKey = getExtensionKey(details);
+  const isProductIntegrationSupported = hasAuthScopeOverrides(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -115,6 +116,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -130,6 +132,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':

package/dist/es2019/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';
@@ -13,16 +11,16 @@ export const EmbedCardErroredView = ({
   isSelected = false,
   testId = 'embed-card-errored-view',
   inheritDimensions
-}) => jsx(Frame, {
+}) => /*#__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, ${R300})`,
   label: "error-icon"
-}), jsx("span", {
+}), /*#__PURE__*/React.createElement("span", {
   css: {
     fontSize: `${fontSize()}px`,
     marginLeft: gs(0.5),
@@ -35,9 +33,9 @@ export const EmbedCardErroredView = ({
     // 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/es2019/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';
@@ -25,7 +23,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   const text = title || (context === null || context === void 0 ? void 0 : context.text);
-  const linkGlyph = React.useMemo(() => jsx(LinkGlyph, {
+  const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
     label: "icon",
     size: "small",
     testId: "embed-card-fallback-icon"
@@ -34,7 +32,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return jsx(ImageIcon, {
+    return /*#__PURE__*/React.createElement(ImageIcon, {
       src: src,
       default: linkGlyph
     });
@@ -46,7 +44,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   if (previewUrl && isSupportTheming && colorMode) {
     previewUrl = `${previewUrl}${previewUrl.includes('?') ? '&' : '?'}themeMode=${colorMode}`;
   }
-  return jsx(ExpandedFrame, {
+  return /*#__PURE__*/React.createElement(ExpandedFrame, {
     isSelected: isSelected,
     isFrameVisible: isFrameVisible,
     frameStyle: frameStyle,
@@ -56,7 +54,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions
-  }, jsx(Frame, {
+  }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,

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

@@ -18,7 +18,8 @@ export const EmbedCardUnauthorisedView = ({
   onAuthorise,
   inheritDimensions,
   onClick,
-  extensionKey
+  extensionKey,
+  isProductIntegrationSupported
 }) => {
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
@@ -50,6 +51,7 @@ export const EmbedCardUnauthorisedView = ({
       }, /*#__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 const EmbedCardUnauthorisedView = ({
       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/es2019/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';
@@ -21,7 +20,7 @@ export const EmbedCardUnresolvedView = ({
   testId,
   children
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       flexDirection: 'column',
@@ -31,14 +30,14 @@ export const EmbedCardUnresolvedView = ({
       paddingBottom: gridSize(6)
     },
     "data-testid": `${testId}-unresolved-container`
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: image,
     css: {
       height: gridSize(14),
       marginBottom: gridSize(4)
     },
     "data-testid": `${testId}-unresolved-image`
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: gridSize(2.5),
       marginBottom: gridSize(1.5),
@@ -46,11 +45,11 @@ export const EmbedCardUnresolvedView = ({
       textAlign: 'center'
     },
     "data-testid": `${testId}-unresolved-title`
-  }, jsx(FormattedMessage, _extends({}, messages[title], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[title], {
     values: {
       context
     }
-  }))), jsx("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: fontSize(),
       marginBottom: gridSize(2.5),
@@ -59,15 +58,15 @@ export const EmbedCardUnresolvedView = ({
       lineHeight: gridSize(3)
     },
     "data-testid": `${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
     }
-  }))), button && jsx(Button, {
+  }))), button && /*#__PURE__*/React.createElement(Button, {
     testId: `button-${button.testId || testId}`,
     appearance: button.appearance,
     onClick: onClick
-  }, jsx(FormattedMessage, _extends({}, messages[button.text], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[button.text], {
     values: {
       context
     }

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

@@ -11,6 +11,7 @@ const UnauthorizedView = ({
   analytics,
   context,
   extensionKey,
+  isProductIntegrationSupported,
   onAuthorize,
   testId = 'embed-card-unauthorized-view',
   ...unresolvedViewProps
@@ -43,6 +44,7 @@ const UnauthorizedView = ({
           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, {
@@ -77,7 +79,7 @@ const UnauthorizedView = ({
       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/es2019/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';
@@ -22,16 +20,16 @@ const UnresolvedView = ({
     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,
@@ -41,19 +39,19 @@ const UnresolvedView = ({
     onClick: onClick,
     testId: testId,
     text: text
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: containerStyles,
     "data-testid": `${testId}-unresolved-container`
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: contentStyles
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     css: imageStyles,
     "data-testid": `${testId}-unresolved-image`,
     src: image
-  }), jsx("h2", {
+  }), /*#__PURE__*/React.createElement("h2", {
     css: titleStyles,
     "data-testid": `${testId}-unresolved-title`
-  }, title), jsx("span", {
+  }, title), /*#__PURE__*/React.createElement("span", {
     css: descriptionStyles,
     "data-testid": `${testId}-unresolved-description`
   }, description), button)));

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

@@ -1,7 +1,5 @@
-/** @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';
 const iframeCss = css`
@@ -23,6 +21,6 @@ const EmbedContent = ({
     src,
     'data-testid': `${testId}-embed`
   };
-  return jsx(IFrame, props);
+  return /*#__PURE__*/React.createElement(IFrame, props);
 };
 export default EmbedContent;

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { useModal } from '@atlaskit/modal-dialog';
@@ -28,9 +26,9 @@ const LinkInfo = ({
   } = useModal();
   const downloadButton = useMemo(() => {
     if (onDownloadButtonClick) {
-      return jsx(LinkInfoButton, {
-        content: jsx(FormattedMessage, messages.download),
-        icon: jsx(DownloadIcon, {
+      return /*#__PURE__*/React.createElement(LinkInfoButton, {
+        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
+        icon: /*#__PURE__*/React.createElement(DownloadIcon, {
           label: messages.download.defaultMessage
         }),
         onClick: onDownloadButtonClick,
@@ -40,10 +38,10 @@ const LinkInfo = ({
   }, [onDownloadButtonClick, testId]);
   const urlButton = useMemo(() => {
     if (onViewButtonClick) {
-      const content = providerName ? jsx(React.Fragment, null, jsx(FormattedMessage, messages.viewIn), " ", providerName) : jsx(FormattedMessage, messages.viewOriginal);
-      return jsx(LinkInfoButton, {
+      const content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
+      return /*#__PURE__*/React.createElement(LinkInfoButton, {
         content: content,
-        icon: jsx(ShortcutIcon, {
+        icon: /*#__PURE__*/React.createElement(ShortcutIcon, {
           label: messages.viewOriginal.defaultMessage
         }),
         onClick: onViewButtonClick,
@@ -54,36 +52,36 @@ const LinkInfo = ({
   const sizeButton = useMemo(() => {
     const isFullScreen = size === MAX_MODAL_SIZE;
     const message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    const icon = isFullScreen ? jsx(VidFullScreenOffIcon, {
+    const icon = isFullScreen ? /*#__PURE__*/React.createElement(VidFullScreenOffIcon, {
       label: message.defaultMessage
-    }) : jsx(VidFullScreenOnIcon, {
+    }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
       label: message.defaultMessage
     });
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: "smart-link-resize-button"
-    }, jsx(LinkInfoButton, {
-      content: jsx(FormattedMessage, message),
+    }, /*#__PURE__*/React.createElement(LinkInfoButton, {
+      content: /*#__PURE__*/React.createElement(FormattedMessage, message),
       icon: icon,
       onClick: onResizeButtonClick,
       testId: `${testId}-resize`
     }));
   }, [onResizeButtonClick, size, testId]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: containerStyles
-  }, icon && jsx("div", {
+  }, icon && /*#__PURE__*/React.createElement("div", {
     css: iconCss,
     "data-testid": `${testId}-icon`
-  }, jsx(Icon, icon)), jsx("div", {
+  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
     css: titleCss
-  }, jsx("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     "data-testid": `${testId}-title`
-  }, title), jsx("span", {
+  }, title), /*#__PURE__*/React.createElement("span", {
     tabIndex: 0
-  })), jsx("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     css: actionCss
-  }, downloadButton, urlButton, sizeButton, jsx(LinkInfoButton, {
-    content: jsx(FormattedMessage, messages.preview_close),
-    icon: jsx(CrossIcon, {
+  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(LinkInfoButton, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
+    icon: /*#__PURE__*/React.createElement(CrossIcon, {
       label: messages.preview_close.defaultMessage
     }),
     onClick: onClose,

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { useCallback } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { LoadingButton } from '@atlaskit/button';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -63,14 +62,14 @@ const ActionButton = ({
     e.preventDefault();
     handler();
   }, []);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [getButtonStyle(size, iconOnly), overrideCss],
     "data-testid": `${testId}-button-wrapper`
-  }, jsx(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipMessage,
     hideTooltipOnClick: true,
     testId: `${testId}-tooltip`
-  }, getBooleanFF('platform.linking-platform.smart-card.follow-button') ? jsx(LoadingButton, {
+  }, getBooleanFF('platform.linking-platform.smart-card.follow-button') ? /*#__PURE__*/React.createElement(LoadingButton, {
     appearance: appearance,
     iconAfter: iconAfter,
     iconBefore: iconBefore,
@@ -79,7 +78,7 @@ const ActionButton = ({
     onClick: onButtonClick(onClick),
     spacing: sizeToButtonSpacing[size],
     testId: testId
-  }, content) : jsx(Button, {
+  }, content) : /*#__PURE__*/React.createElement(Button, {
     appearance: appearance,
     iconAfter: iconAfter,
     iconBefore: iconBefore,

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { getIconSizeStyles } from '../../../utils';
 const getIconWidth = size => {
@@ -23,7 +22,7 @@ const ActionIcon = ({
   testId,
   icon,
   isDisabled
-}) => jsx("span", {
+}) => /*#__PURE__*/React.createElement("span", {
   css: getIconStyles(size, isDisabled),
   "data-testid": `${testId}-icon`
 }, icon);

package/dist/es2019/view/FlexibleCard/components/actions/action/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';
 import ActionButton from './action-button';
 import ActionDropdownItem from './action-dropdown-item';
@@ -31,7 +29,7 @@ const Action = ({
   if (!onClick) {
     return null;
   }
-  const actionIcon = icon && jsx(ActionIcon, {
+  const actionIcon = icon && /*#__PURE__*/React.createElement(ActionIcon, {
     isDisabled: isDisabled,
     icon: icon,
     size: size,
@@ -40,7 +38,7 @@ const Action = ({
   const iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   const iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
   if (asDropDownItem) {
-    return jsx(ActionDropdownItem, {
+    return /*#__PURE__*/React.createElement(ActionDropdownItem, {
       content: content,
       iconAfter: iconAfter,
       iconBefore: iconBefore,
@@ -49,7 +47,7 @@ const Action = ({
       testId: testId
     });
   } else {
-    return jsx(ActionButton, {
+    return /*#__PURE__*/React.createElement(ActionButton, {
       appearance: appearance,
       content: content,
       iconAfter: iconAfter,