@atlaskit/smart-card 26.42.9 → 26.42.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.42.11
+
+### Patch Changes
+
+- [#58487](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58487) [`664b013871be`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/664b013871be) - Rename and refactoring after refresh design feature flag cleanup
+
+## 26.42.10
+
+### Patch Changes
+
+- [#57701](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57701) [`74bb477813d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/74bb477813d6) - update VR tests for actions lozenge
+- [#56913](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56913) [`0dca4d0184d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0dca4d0184d5) - Show an alternative message for 3P unauthorized view when `hasScopeOverrides` flag is set in the `meta`. This is to accomodate authorization which affects more than smart links.
+
 ## 26.42.9
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.ActionName = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
 var CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
+var CONTENT_URL_3P_ACCOUNT_AUTH = exports.CONTENT_URL_3P_ACCOUNT_AUTH = 'https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/';
 
 /**
  * The alignment of Flexible UI component.

package/dist/cjs/messages.js

@@ -96,12 +96,12 @@ var messages = exports.messages = (0, _reactIntlNext.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: {
@@ -184,6 +184,11 @@ var messages = exports.messages = (0, _reactIntlNext.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/cjs/state/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getDatasources = exports.getClickUrl = exports.getCanBeDatasource = exports.getByDefinitionId = void 0;
+exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.hasAuthScopeOverrides = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getDatasources = exports.getClickUrl = exports.getCanBeDatasource = exports.getByDefinitionId = void 0;
 var _extractVisitUrl = require("../extractors/common/primitives/extractVisitUrl");
 var getByDefinitionId = exports.getByDefinitionId = function getByDefinitionId(definitionId, store) {
   var urls = Object.keys(store);
@@ -68,4 +68,7 @@ var getDatasources = exports.getDatasources = function getDatasources(details) {
 var getCanBeDatasource = exports.getCanBeDatasource = function getCanBeDatasource(details) {
   var datasources = getDatasources(details);
   return !!datasources && datasources.length > 0;
+};
+var hasAuthScopeOverrides = exports.hasAuthScopeOverrides = function hasAuthScopeOverrides(details) {
+  return !!(details !== null && details !== void 0 && details.meta.hasScopeOverrides);
 };

package/dist/cjs/utils/analytics/analytics.js

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

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

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.spinnerDelay = exports.Action = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = require("react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _ActionIcon = require("./ActionIcon");
-/** @jsx jsx */
-
 var spinnerDelay = exports.spinnerDelay = 1000;
 var Action = exports.Action = function Action(_ref) {
   var promise = _ref.promise,
@@ -19,11 +16,11 @@ var Action = exports.Action = function Action(_ref) {
     _ref$buttonAppearance = _ref.buttonAppearance,
     buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
     id = _ref.id;
-  var _useState = (0, _react2.useState)('init'),
+  var _useState = (0, _react.useState)('init'),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  return (0, _react.jsx)(_customThemeButton.default, {
+  return /*#__PURE__*/React.createElement(_customThemeButton.default, {
     spacing: "compact",
     appearance: buttonAppearance,
     isLoading: state === 'loading',
@@ -44,12 +41,12 @@ var Action = exports.Action = function Action(_ref) {
         });
       }
     }
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: {
       transition: 'opacity 0.3s',
       opacity: state !== 'init' ? 0 : 1
     }
-  }, text), (0, _react.jsx)(_ActionIcon.ActionIcon, {
+  }, text), /*#__PURE__*/React.createElement(_ActionIcon.ActionIcon, {
     state: state
   }));
 };

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ActionList = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
@@ -16,32 +15,31 @@ var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 var _Action = require("./Action");
 var _utils = require("../../common/utils");
 var _excluded = ["triggerRef"];
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ActionList = exports.ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       marginTop: [(0, _utils.gs)(2), 0]
     })
-  }, (0, _react.jsx)(_buttonGroup.default, null, actionsToShow.map(function (action) {
-    return (0, _react.jsx)(_Action.Action, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(_buttonGroup.default, null, actionsToShow.map(function (action) {
+    return /*#__PURE__*/React.createElement(_Action.Action, (0, _extends2.default)({
       key: action.id
     }, action));
-  })), actionsToList.length ? (0, _react.jsx)("div", {
+  })), actionsToList.length ? /*#__PURE__*/React.createElement("div", {
     css: {
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, (0, _react.jsx)(_dropdownMenu.default, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.default, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return (0, _react.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
-        iconBefore: (0, _react.jsx)(_more.default, {
+      return /*#__PURE__*/React.createElement(_standardButton.default, (0, _extends2.default)({}, props, {
+        iconBefore: /*#__PURE__*/React.createElement(_more.default, {
           label: "more"
         }),
         ref: triggerRef,
@@ -52,10 +50,10 @@ var ActionList = exports.ActionList = function ActionList(_ref) {
       }));
     },
     placement: "right-start"
-  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, {
     testId: "dropdown-menu"
   }, actionsToList.map(function (actionToList) {
-    return (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+    return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
       key: actionToList.id
     }, actionToList.text);
   })))) : null);

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

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CollaboratorList = void 0;
-var _react = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,
     _ref$handleAvatarClic = _ref.handleAvatarClick,
@@ -21,11 +18,11 @@ var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref
   if (items.length === 0) {
     return null;
   }
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: (0, _utils.mq)({
       display: ['none', 'inherit']
     })
-  }, (0, _react.jsx)(_avatarGroup.default, {
+  }, /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: 4,
     appearance: "stack",
     size: "small",

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentClassName = exports.Content = void 0;
-var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var blockCardContentClassName = exports.blockCardContentClassName = 'block-card-content';
 var Content = exports.Content = function Content(_ref) {
   var children = _ref.children,
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: (0, _utils.mq)({
       padding: isCompact ? (0, _utils.gs)(1) : (0, _utils.gs)(2),
       display: 'flex',

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contentFooterClassName = exports.ContentFooter = void 0;
-var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var contentFooterClassName = exports.contentFooterClassName = 'smart-link-content-footer';
 var ContentFooter = exports.ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: (0, _utils.mq)({
       display: 'flex',
       flexDirection: ['column', 'row'],

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

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentHeaderClassName = exports.ContentHeader = void 0;
-var _react = require("@emotion/react");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-/** @jsx jsx */
-
 var blockCardContentHeaderClassName = exports.blockCardContentHeaderClassName = 'block-card-content-header';
 var ContentHeader = exports.ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,
     link = _ref.link,
     children = _ref.children;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  return (0, _react.jsx)("a", {
+  return /*#__PURE__*/React.createElement("a", {
     onClick: onClick,
     onMouseDown: onMouseDown,
     href: link,

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

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Emoji = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var Emoji = exports.Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: {
       height: (0, _utils.gs)(2.5),
       width: (0, _utils.gs)(2),

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

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
 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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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; }
 var Frame = exports.Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,
     isHoverable: false,
     isFluidHeight: false
   };
-  return props.compact ? (0, _react.jsx)(CompactFrame, props) : (0, _react.jsx)(ExpandedFrame, props);
+  return props.compact ? /*#__PURE__*/_react.default.createElement(CompactFrame, props) : /*#__PURE__*/_react.default.createElement(ExpandedFrame, props);
 };
 var sharedFrameStyles = {
   maxWidth: (0, _utils.gs)(95),
@@ -33,7 +32,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref.testId,
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
@@ -59,7 +58,7 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
     testId = _ref2.testId,
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Link = void 0;
-var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-/** @jsx jsx */
-
 var Link = exports.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 (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-link"),
     className: className,
     css: {

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardContentHeaderNameClassName = exports.Name = void 0;
-var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 var Name = exports.Name = function Name(_ref) {
   var name = _ref.name,
@@ -16,7 +13,7 @@ var Name = exports.Name = function Name(_ref) {
     isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
     testId = _ref.testId,
     textColor = _ref.textColor;
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       fontWeight: 500,

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

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Provider = void 0;
-var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
-/** @jsx jsx */
-
 var Provider = exports.Provider = function Provider(_ref) {
   var name = _ref.name,
     icon = _ref.icon;
   var iconToRender = icon || null;
   if (typeof icon === 'string') {
-    iconToRender = (0, _react.jsx)("img", {
+    iconToRender = /*#__PURE__*/React.createElement("img", {
       className: "smart-link-icon",
       css: {
         height: (0, _utils.gs)(1.5),
@@ -23,14 +20,14 @@ var Provider = exports.Provider = function Provider(_ref) {
       src: icon
     });
   }
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       fontSize: (0, _utils.gs)(1.5),
       whiteSpace: 'normal'
     }
-  }, iconToRender, (0, _react.jsx)("span", {
+  }, iconToRender, /*#__PURE__*/React.createElement("span", {
     css: {
       color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
       margin: 0,

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

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ThumbnailWithBackground = exports.ThumbnailDefault = exports.Thumbnail = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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; }
 var Thumbnail = exports.Thumbnail = function Thumbnail(props) {
-  return props.color ? (0, _react.jsx)(ThumbnailWithBackground, props) : (0, _react.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
@@ -22,7 +21,7 @@ var sharedStyles = {
 var ThumbnailDefault = exports.ThumbnailDefault = function ThumbnailDefault(_ref) {
   var src = _ref.src,
     testId = _ref.testId;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
@@ -37,7 +36,7 @@ var ThumbnailWithBackground = exports.ThumbnailWithBackground = function Thumbna
   var src = _ref2.src,
     color = _ref2.color,
     testId = _ref2.testId;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,
       display: 'flex',
@@ -46,7 +45,7 @@ var ThumbnailWithBackground = exports.ThumbnailWithBackground = function Thumbna
     })),
     "data-testid": testId,
     "data-trello-do-not-use-override": testId
-  }, (0, _react.jsx)("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: src,
     css: {
       height: '90px',

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

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnresolvedText = void 0;
-var _react = require("@emotion/react");
-/** @jsx jsx */
-
 var UnresolvedText = exports.UnresolvedText = function UnresolvedText(_ref) {
   var icon = _ref.icon,
     text = _ref.text;
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       display: 'flex',
       alignItems: 'center'

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

@@ -80,12 +80,9 @@ var _FlexibleNotFoundViewOld = _interopRequireDefault(require("./views/flexible/
 var _FlexibleForbiddenView = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenView"));
 var _FlexibleForbiddenViewOld = _interopRequireDefault(require("./views/flexible/FlexibleForbiddenViewOld"));
 var _FlexibleErroredView = _interopRequireDefault(require("./views/flexible/FlexibleErroredView"));
-var _react = require("@emotion/react");
 var _handlers = require("./utils/handlers");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
-/** @jsx jsx */
-
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   var _details$meta, _forbiddenViewProps$c;
   var id = _ref.id,
@@ -135,25 +132,25 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     switch (status) {
       case 'pending':
       case 'resolving':
-        return (0, _react.jsx)(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(_FlexibleResolvedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           testId: 'smart-block-resolving-view'
         }));
       case 'resolved':
-        return (0, _react.jsx)(_FlexibleResolvedView.default, flexibleBlockCardProps);
+        return /*#__PURE__*/React.createElement(_FlexibleResolvedView.default, flexibleBlockCardProps);
       case 'unauthorized':
-        return (0, _react.jsx)(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(_FlexibleUnauthorisedView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'forbidden':
-        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _react.jsx)(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(_FlexibleForbiddenView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : (0, _react.jsx)(_FlexibleForbiddenViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(_FlexibleForbiddenViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'not_found':
-        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _react.jsx)(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(_FlexibleNotFoundView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : (0, _react.jsx)(_FlexibleNotFoundViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(_FlexibleNotFoundViewOld.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'fallback':
@@ -166,14 +163,14 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
           });
         }
         if (authFlow && authFlow === 'disabled') {
-          return (0, _react.jsx)(_LinkView.CardLinkView, {
+          return /*#__PURE__*/React.createElement(_LinkView.CardLinkView, {
             link: url,
             isSelected: isSelected,
             onClick: handleFrameClick,
             testId: "".concat(testId, "-").concat(status)
           });
         }
-        return (0, _react.jsx)(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(_FlexibleErroredView.default, (0, _extends2.default)({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
     }
@@ -181,7 +178,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return (0, _react.jsx)(_ResolvingView.ResolvingView, {
+      return /*#__PURE__*/React.createElement(_ResolvingView.ResolvingView, {
         testId: testId,
         isSelected: isSelected
       });
@@ -193,7 +190,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
           url: url
         });
       }
-      return (0, _react.jsx)(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+      return /*#__PURE__*/React.createElement(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -207,7 +204,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       var unauthorizedViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return (0, _react.jsx)(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
+      return /*#__PURE__*/React.createElement(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -228,7 +225,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         url: url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-      return (0, _react.jsx)(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
+      return /*#__PURE__*/React.createElement(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
         isSelected: isSelected,
         showActions: showActions,
         actions: handleAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(handleAuthorize)] : [],
@@ -243,7 +240,7 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       var notFoundViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return (0, _react.jsx)(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
+      return /*#__PURE__*/React.createElement(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
@@ -258,14 +255,14 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return (0, _react.jsx)(_LinkView.CardLinkView, {
+        return /*#__PURE__*/React.createElement(_LinkView.CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return (0, _react.jsx)(_ErroredView.ErroredView, {
+      return /*#__PURE__*/React.createElement(_ErroredView.ErroredView, {
         link: url,
         isSelected: isSelected,
         onRetry: handleErrorRetry,