@atlaskit/smart-card 26.42.9 → 26.42.11

package/dist/esm/messages.js

@@ -90,12 +90,12 @@ export var messages = defineMessages({
   },
   connect_unauthorised_account_description: {
     id: 'fabric.linking.connect_unauthorised_account_description',
-    defaultMessage: 'Connect {context} to Atlassian to view more details of your work and collaborate from one place.',
+    defaultMessage: 'Connect your {context} account to collaborate on work across Atlassian products.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view.'
   },
   connect_unauthorised_account_description_no_provider: {
     id: 'fabric.linking.connect_unauthorised_account_description_no_provider',
-    defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
+    defaultMessage: 'Connect your account to collaborate on work across Atlassian products.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
   continue: {
@@ -178,6 +178,11 @@ export var messages = defineMessages({
     defaultMessage: 'Learn more about Smart Links.',
     description: 'An anchor link to redirect user to a page about Smart Links.'
   },
+  learn_more_about_connecting_account: {
+    id: 'fabric.linking.learn_more_about_connecting_account',
+    defaultMessage: 'Learn more about connecting your account to Atlassian products.',
+    description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
+  },
   loading: {
     id: 'fabric.linking.loading',
     defaultMessage: 'Loading...',

package/dist/esm/state/helpers.js

@@ -62,4 +62,7 @@ export var getDatasources = function getDatasources(details) {
 export var getCanBeDatasource = function getCanBeDatasource(details) {
   var datasources = getDatasources(details);
   return !!datasources && datasources.length > 0;
+};
+export var hasAuthScopeOverrides = function hasAuthScopeOverrides(details) {
+  return !!(details !== null && details !== void 0 && details.meta.hasScopeOverrides);
 };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.9"
+  packageVersion: "26.42.11"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/components/Action.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { ActionIcon } from './ActionIcon';
@@ -15,7 +13,7 @@ export var Action = function Action(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  return jsx(Button, {
+  return /*#__PURE__*/React.createElement(Button, {
     spacing: "compact",
     appearance: buttonAppearance,
     isLoading: state === 'loading',
@@ -36,12 +34,12 @@ export var Action = function Action(_ref) {
         });
       }
     }
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: {
       transition: 'opacity 0.3s',
       opacity: state !== 'init' ? 0 : 1
     }
-  }, text), jsx(ActionIcon, {
+  }, text), /*#__PURE__*/React.createElement(ActionIcon, {
     state: state
   }));
 };

package/dist/esm/view/BlockCard/components/ActionList.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef"];
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
@@ -13,25 +11,25 @@ export var ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       display: 'flex',
       marginTop: [gs(2), 0]
     })
-  }, jsx(ButtonGroup, null, actionsToShow.map(function (action) {
-    return jsx(Action, _extends({
+  }, /*#__PURE__*/React.createElement(ButtonGroup, null, actionsToShow.map(function (action) {
+    return /*#__PURE__*/React.createElement(Action, _extends({
       key: action.id
     }, action));
-  })), actionsToList.length ? jsx("div", {
+  })), actionsToList.length ? /*#__PURE__*/React.createElement("div", {
     css: {
       marginLeft: gs(0.5)
     }
-  }, jsx(DropdownMenu, {
+  }, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
         props = _objectWithoutProperties(_ref2, _excluded);
-      return jsx(Button, _extends({}, props, {
-        iconBefore: jsx(MoreIcon, {
+      return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+        iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
           label: "more"
         }),
         ref: triggerRef,
@@ -42,10 +40,10 @@ export var ActionList = function ActionList(_ref) {
       }));
     },
     placement: "right-start"
-  }, jsx(DropdownItemGroup, {
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, {
     testId: "dropdown-menu"
   }, actionsToList.map(function (actionToList) {
-    return jsx(DropdownItem, {
+    return /*#__PURE__*/React.createElement(DropdownItem, {
       key: actionToList.id
     }, actionToList.text);
   })))) : null);

package/dist/esm/view/BlockCard/components/CollaboratorList.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { mq } from '../../common/utils';
 export var CollaboratorList = function CollaboratorList(_ref) {
@@ -13,11 +11,11 @@ export var CollaboratorList = function CollaboratorList(_ref) {
   if (items.length === 0) {
     return null;
   }
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: mq({
       display: ['none', 'inherit']
     })
-  }, jsx(AvatarGroup, {
+  }, /*#__PURE__*/React.createElement(AvatarGroup, {
     maxCount: 4,
     appearance: "stack",
     size: "small",

package/dist/esm/view/BlockCard/components/Content.js

@@ -1,12 +1,10 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export var blockCardContentClassName = 'block-card-content';
 export var Content = function Content(_ref) {
   var children = _ref.children,
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       padding: isCompact ? gs(1) : gs(2),
       display: 'flex',

package/dist/esm/view/BlockCard/components/ContentFooter.js

@@ -1,12 +1,10 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';
 export var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       display: 'flex',
       flexDirection: ['column', 'row'],

package/dist/esm/view/BlockCard/components/ContentHeader.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export var blockCardContentHeaderClassName = 'block-card-content-header';
 export var ContentHeader = function ContentHeader(_ref) {
@@ -7,7 +5,7 @@ export var ContentHeader = function ContentHeader(_ref) {
     link = _ref.link,
     children = _ref.children;
   var onMouseDown = useMouseDownEvent();
-  return jsx("a", {
+  return /*#__PURE__*/React.createElement("a", {
     onClick: onClick,
     onMouseDown: onMouseDown,
     href: link,

package/dist/esm/view/BlockCard/components/Emoji.js

@@ -1,10 +1,8 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { gs } from '../../common/utils';
 export var Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       height: gs(2.5),
       width: gs(2),

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

@@ -1,8 +1,6 @@
 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 React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
 import { gs, br, mq } from '../../common/utils';
@@ -12,7 +10,7 @@ export var Frame = function Frame() {
     isHoverable: false,
     isFluidHeight: false
   };
-  return props.compact ? jsx(CompactFrame, props) : jsx(ExpandedFrame, props);
+  return props.compact ? /*#__PURE__*/React.createElement(CompactFrame, props) : /*#__PURE__*/React.createElement(ExpandedFrame, props);
 };
 var sharedFrameStyles = {
   maxWidth: gs(95),
@@ -27,7 +25,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref.testId,
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
@@ -53,7 +51,7 @@ export var CompactFrame = function CompactFrame(_ref2) {
     testId = _ref2.testId,
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")")

package/dist/esm/view/BlockCard/components/Link.js

@@ -1,12 +1,10 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { B400 } from '@atlaskit/theme/colors';
 export var Link = function Link(_ref) {
   var url = _ref.url,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
     className = _ref.className;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-link"),
     className: className,
     css: {

package/dist/esm/view/BlockCard/components/Name.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
@@ -9,7 +7,7 @@ export var Name = function Name(_ref) {
     isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
     testId = _ref.testId,
     textColor = _ref.textColor;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "".concat(fontSize(), "px"),
       fontWeight: 500,

package/dist/esm/view/BlockCard/components/Provider.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs } from '../../common/utils';
 export var Provider = function Provider(_ref) {
@@ -7,7 +5,7 @@ export var Provider = function Provider(_ref) {
     icon = _ref.icon;
   var iconToRender = icon || null;
   if (typeof icon === 'string') {
-    iconToRender = jsx("img", {
+    iconToRender = /*#__PURE__*/React.createElement("img", {
       className: "smart-link-icon",
       css: {
         height: gs(1.5),
@@ -16,14 +14,14 @@ export var Provider = function Provider(_ref) {
       src: icon
     });
   }
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       fontSize: gs(1.5),
       whiteSpace: 'normal'
     }
-  }, iconToRender, jsx("span", {
+  }, iconToRender, /*#__PURE__*/React.createElement("span", {
     css: {
       color: "var(--ds-text-subtlest, ".concat(N300, ")"),
       margin: 0,

package/dist/esm/view/BlockCard/components/Thumbnail.js

@@ -1,11 +1,9 @@
 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 { gs, mq } from '../../common/utils';
 export var Thumbnail = function Thumbnail(props) {
-  return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
+  return props.color ? /*#__PURE__*/React.createElement(ThumbnailWithBackground, props) : /*#__PURE__*/React.createElement(ThumbnailDefault, props);
 };
 var sharedStyles = {
   // The dimensions of the image are set in this manner
@@ -16,7 +14,7 @@ var sharedStyles = {
 export var ThumbnailDefault = function ThumbnailDefault(_ref) {
   var src = _ref.src,
     testId = _ref.testId;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
@@ -31,7 +29,7 @@ export var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
   var src = _ref2.src,
     color = _ref2.color,
     testId = _ref2.testId;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,
       display: 'flex',
@@ -40,7 +38,7 @@ export var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
     })),
     "data-testid": testId,
     "data-trello-do-not-use-override": testId
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: src,
     css: {
       height: '90px',

package/dist/esm/view/BlockCard/components/UnresolvedText.js

@@ -1,9 +1,7 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 export var UnresolvedText = function UnresolvedText(_ref) {
   var icon = _ref.icon,
     text = _ref.text;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       display: 'flex',
       alignItems: 'center'

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
@@ -21,7 +19,6 @@ import FlexibleNotFoundViewOld from './views/flexible/FlexibleNotFoundViewOld';
 import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
 import FlexibleForbiddenViewOld from './views/flexible/FlexibleForbiddenViewOld';
 import FlexibleErroredView from './views/flexible/FlexibleErroredView';
-import { jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { default as PreviewAction } from './actions/PreviewAction';
@@ -75,25 +72,25 @@ export var BlockCard = function BlockCard(_ref) {
     switch (status) {
       case 'pending':
       case 'resolving':
-        return jsx(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
           testId: 'smart-block-resolving-view'
         }));
       case 'resolved':
-        return jsx(FlexibleResolvedView, flexibleBlockCardProps);
+        return /*#__PURE__*/React.createElement(FlexibleResolvedView, flexibleBlockCardProps);
       case 'unauthorized':
-        return jsx(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'forbidden':
-        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? jsx(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : jsx(FlexibleForbiddenViewOld, _extends({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(FlexibleForbiddenViewOld, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'not_found':
-        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? jsx(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
+        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : jsx(FlexibleNotFoundViewOld, _extends({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(FlexibleNotFoundViewOld, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'fallback':
@@ -106,14 +103,14 @@ export var BlockCard = function BlockCard(_ref) {
           });
         }
         if (authFlow && authFlow === 'disabled') {
-          return jsx(CardLinkView, {
+          return /*#__PURE__*/React.createElement(CardLinkView, {
             link: url,
             isSelected: isSelected,
             onClick: handleFrameClick,
             testId: "".concat(testId, "-").concat(status)
           });
         }
-        return jsx(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
     }
@@ -121,7 +118,7 @@ export var BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return jsx(BlockCardResolvingView, {
+      return /*#__PURE__*/React.createElement(BlockCardResolvingView, {
         testId: testId,
         isSelected: isSelected
       });
@@ -133,7 +130,7 @@ export var BlockCard = function BlockCard(_ref) {
           url: url
         });
       }
-      return jsx(BlockCardResolvedView, _extends({}, resolvedViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -147,7 +144,7 @@ export var BlockCard = function BlockCard(_ref) {
         });
       }
       var unauthorizedViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -168,7 +165,7 @@ export var BlockCard = function BlockCard(_ref) {
         url: url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-      return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,
         showActions: showActions,
         actions: handleAuthorize ? [ForbiddenAction(handleAuthorize)] : [],
@@ -183,7 +180,7 @@ export var BlockCard = function BlockCard(_ref) {
         });
       }
       var notFoundViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
@@ -198,14 +195,14 @@ export var BlockCard = function BlockCard(_ref) {
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return jsx(CardLinkView, {
+        return /*#__PURE__*/React.createElement(CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return jsx(BlockCardErroredView, {
+      return /*#__PURE__*/React.createElement(BlockCardErroredView, {
         link: url,
         isSelected: isSelected,
         onRetry: handleErrorRetry,

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

@@ -1,8 +1,6 @@
 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 { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
@@ -38,29 +36,29 @@ export var ErroredView = function ErroredView(_ref) {
   var actions = useMemo(function () {
     return onRetry ? [RetryAction(onRetry)] : [];
   }, [onRetry]);
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions
-  }, 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, null, jsx(UnresolvedText, {
-    icon: jsx(WarningIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(WarningIcon, {
       label: "errored-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(ActionList, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(ActionList, {
     items: actions
   }))));
 };

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

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
@@ -44,36 +42,36 @@ export var ForbiddenView = function ForbiddenView(_ref) {
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
     descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
   var items = action ? [].concat(_toConsumableArray(actions), [action]) : actions;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardForbiddenViewClassName,
     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,
     className: blockCardForbiddenViewLinkClassName
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(LockIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(LockIcon, {
       label: "forbidden-lock-icon",
       size: "small",
       primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
       testId: "".concat(testId, "-lock-icon")
     }),
-    text: jsx(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
       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: items
   }))));
 };

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

@@ -1,8 +1,6 @@
 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 React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
@@ -35,28 +33,28 @@ export var NotFoundView = function NotFoundView(_ref) {
   var handleClick = function handleClick(event) {
     return handleClickCommon(event, onClick);
   };
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardNotFoundViewClassName,
     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, null, jsx(UnresolvedText, {
-    icon: jsx(WarningIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(WarningIcon, {
       label: "not-found-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(Provider, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
   }))));