@atlaskit/smart-card 26.42.9 → 26.42.11

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

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardErroredViewClassName = exports.ErroredView = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _react2 = require("react");
+var _react = require("react");
 var _colors = require("@atlaskit/theme/colors");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _Frame = require("../components/Frame");
@@ -23,7 +22,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _RetryAction = require("../actions/RetryAction");
 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 textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
 var blockCardErroredViewClassName = exports.blockCardErroredViewClassName = 'block-card-errored-view';
 var ErroredView = exports.ErroredView = function ErroredView(_ref) {
@@ -41,32 +40,32 @@ var ErroredView = exports.ErroredView = function ErroredView(_ref) {
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  var actions = (0, _react2.useMemo)(function () {
+  var actions = (0, _react.useMemo)(function () {
     return onRetry ? [(0, _RetryAction.RetryAction)(onRetry)] : [];
   }, [onRetry]);
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/React.createElement(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions
-  }, (0, _react.jsx)(_Content.Content, {
+  }, /*#__PURE__*/React.createElement(_Content.Content, {
     isCompact: true
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _react.jsx)(_Link.Link, {
+  }, /*#__PURE__*/React.createElement(_Link.Link, {
     url: link,
     testId: testId
-  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _react.jsx)(_warning.default, {
+  })), /*#__PURE__*/React.createElement(_Byline.Byline, null, /*#__PURE__*/React.createElement(_UnresolvedText.UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(_warning.default, {
       label: "errored-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_ActionList.ActionList, {
+    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_ActionList.ActionList, {
     items: actions
   }))));
 };

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewClassName = exports.ForbiddenView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
@@ -22,8 +21,6 @@ var _ContentHeader = require("../components/ContentHeader");
 var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
-/** @jsx jsx */
-
 var blockCardForbiddenViewClassName = exports.blockCardForbiddenViewClassName = 'block-card-forbidden-view';
 var blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
@@ -52,36 +49,36 @@ var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
     descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
   var items = action ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/React.createElement(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardForbiddenViewClassName,
     isFluidHeight: true
-  }, (0, _react.jsx)(_Content.Content, {
+  }, /*#__PURE__*/React.createElement(_Content.Content, {
     isCompact: true
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _react.jsx)(_Link.Link, {
+  }, /*#__PURE__*/React.createElement(_Link.Link, {
     url: link,
     testId: testId,
     className: blockCardForbiddenViewLinkClassName
-  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _react.jsx)(_lockFilled.default, {
+  })), /*#__PURE__*/React.createElement(_Byline.Byline, null, /*#__PURE__*/React.createElement(_UnresolvedText.UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(_lockFilled.default, {
       label: "forbidden-lock-icon",
       size: "small",
       primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-lock-icon")
     }),
-    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
       values: {
         context: context.text
       }
     }))
-  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
+  }))), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && (0, _react.jsx)(_ActionList.ActionList, {
+  }), showActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
     items: items
   }))));
 };

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardNotFoundViewClassName = exports.NotFoundView = 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 _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
@@ -22,7 +21,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _handlers = require("../utils/handlers");
 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 textDescriptionProps = _objectSpread({}, _messages.messages.not_found_description);
 var blockCardNotFoundViewClassName = exports.blockCardNotFoundViewClassName = 'block-card-not-found-view';
 var NotFoundView = exports.NotFoundView = function NotFoundView(_ref) {
@@ -41,28 +40,28 @@ var NotFoundView = exports.NotFoundView = function NotFoundView(_ref) {
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardNotFoundViewClassName,
     isFluidHeight: true
-  }, (0, _react.jsx)(_Content.Content, {
+  }, /*#__PURE__*/_react.default.createElement(_Content.Content, {
     isCompact: true
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _react.jsx)(_Link.Link, {
+  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
     url: link,
     testId: testId
-  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
-    icon: (0, _react.jsx)(_warning.default, {
+  })), /*#__PURE__*/_react.default.createElement(_Byline.Byline, null, /*#__PURE__*/_react.default.createElement(_UnresolvedText.UnresolvedText, {
+    icon: /*#__PURE__*/_react.default.createElement(_warning.default, {
       label: "not-found-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/_react.default.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/_react.default.createElement(_Provider.Provider, {
     name: context.text,
     icon: context.icon
   }))));

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardResolvedViewClassName = exports.blockCardResolvedViewByClassName = exports.ResolvedView = void 0;
-var _react = require("@emotion/react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _Frame = require("../components/Frame");
 var _Thumbnail = require("../components/Thumbnail");
@@ -23,8 +22,6 @@ var _ContentHeader = require("../components/ContentHeader");
 var _ContentFooter = require("../components/ContentFooter");
 var _utils = require("../../common/utils");
 var _handlers = require("../utils/handlers");
-/** @jsx jsx */
-
 var blockCardResolvedViewClassName = exports.blockCardResolvedViewClassName = 'block-card-resolved-view';
 var blockCardResolvedViewByClassName = exports.blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
@@ -62,11 +59,11 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
     _ref$showActions = _ref.showActions,
     showActions = _ref$showActions === void 0 ? true : _ref$showActions;
-  var resolvedMetadata = details.length > 0 ? (0, _react.jsx)(_MetadataList.MetadataList, {
+  var resolvedMetadata = details.length > 0 ? /*#__PURE__*/React.createElement(_MetadataList.MetadataList, {
     testId: testId ? "".concat(testId, "-meta") : undefined,
     items: details
   }) : undefined;
-  var resolvedByline = (0, _react.jsx)(_Byline.Byline, {
+  var resolvedByline = /*#__PURE__*/React.createElement(_Byline.Byline, {
     testId: testId ? "".concat(testId, "-by") : undefined,
     className: blockCardResolvedViewByClassName
   }, byline);
@@ -74,44 +71,44 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
   var hasActions = showActions && actions.length > 0;
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/React.createElement(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvedViewClassName
-  }, (0, _react.jsx)(_Content.Content, null, (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement(_Content.Content, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'flex-start'
     }
-  }, (0, _react.jsx)(_ContentHeader.ContentHeader, {
+  }, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, titlePrefix ? (0, _react.jsx)(_Emoji.Emoji, {
+  }, titlePrefix ? /*#__PURE__*/React.createElement(_Emoji.Emoji, {
     emoji: titlePrefix
-  }) : (0, _react.jsx)(_Icon.Icon, icon), (0, _react.jsx)(_Name.Name, {
+  }) : /*#__PURE__*/React.createElement(_Icon.Icon, icon), /*#__PURE__*/React.createElement(_Name.Name, {
     name: title,
     textColor: titleTextColor
-  }), lozenge && (0, _react.jsx)(_styled.LozengeBlockWrapper, {
+  }), lozenge && /*#__PURE__*/React.createElement(_styled.LozengeBlockWrapper, {
     css: {
       height: (0, _utils.gs)(2.5),
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, (0, _react.jsx)(_lozenge.default, lozenge, lozenge.text))), (0, _react.jsx)(_CollaboratorList.CollaboratorList, {
+  }, /*#__PURE__*/React.createElement(_lozenge.default, lozenge, lozenge.text))), /*#__PURE__*/React.createElement(_CollaboratorList.CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,
     testId: testId ? "".concat(testId, "-collaborator-list") : undefined
-  })), resolvedByline, resolvedMetadata), (0, _react.jsx)(_ContentFooter.ContentFooter, {
+  })), resolvedByline, resolvedMetadata), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, {
     hasSpaceBetween: hasActions
-  }, (0, _react.jsx)(_Provider.Provider, {
+  }, /*#__PURE__*/React.createElement(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), hasActions && (0, _react.jsx)(_ActionList.ActionList, {
+  }), hasActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
     items: actions
-  }))), thumbnail ? (0, _react.jsx)(_Thumbnail.Thumbnail, {
+  }))), thumbnail ? /*#__PURE__*/React.createElement(_Thumbnail.Thumbnail, {
     src: thumbnail,
     testId: testId ? "".concat(testId, "-thumb") : undefined
   }) : null);

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardResolvingViewClassName = exports.ResolvingView = void 0;
-var _react = require("@emotion/react");
 var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/document-filled"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -13,8 +12,6 @@ var _Frame = require("../components/Frame");
 var _utils = require("../../common/utils");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
-/** @jsx jsx */
-
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
 var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -22,21 +19,21 @@ var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-resolving-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/React.createElement(_Frame.Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvingViewClassName
-  }, (0, _react.jsx)(_documentFilled.default, {
+  }, /*#__PURE__*/React.createElement(_documentFilled.default, {
     size: "small",
     primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")"),
     label: "document-icon"
-  }), (0, _react.jsx)("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
 };

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.UnauthorizedView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _Frame = require("../components/Frame");
 var _Provider = require("../components/Provider");
@@ -20,7 +19,7 @@ var _ContentFooter = require("../components/ContentFooter");
 var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 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 textBylineProps = _objectSpread({}, _messages.messages.connect_link_account_card_description);
 var UnauthorizedView = exports.UnauthorizedView = function UnauthorizedView(_ref) {
   var _ref$context = _ref.context,
@@ -42,29 +41,29 @@ var UnauthorizedView = exports.UnauthorizedView = function UnauthorizedView(_ref
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  return (0, _react.jsx)(_Frame.Frame, {
+  return /*#__PURE__*/React.createElement(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     isFluidHeight: true
-  }, (0, _react.jsx)(_Content.Content, {
+  }, /*#__PURE__*/React.createElement(_Content.Content, {
     isCompact: true
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, (0, _react.jsx)(_Link.Link, {
+  }, /*#__PURE__*/React.createElement(_Link.Link, {
     url: link,
     testId: testId
-  })), (0, _react.jsx)(_Byline.Byline, {
+  })), /*#__PURE__*/React.createElement(_Byline.Byline, {
     testId: testId ? "".concat(testId, "-byline") : undefined,
-    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
+    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
       values: {
         context: context.text
       }
     }))
-  })), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
+  })), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && (0, _react.jsx)(_ActionList.ActionList, {
+  }), showActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
     items: actions
   }))));
 };

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

@@ -20,7 +20,6 @@ var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
 var _templateObject;
-/** @jsx jsx */
 var contentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), "var(--ds-text-subtlest, #626F86)");
 
 /**
@@ -41,6 +40,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var extensionKey = (_getExtensionKey = (0, _helpers.getExtensionKey)(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var handleAuthorize = (0, _react2.useCallback)(function () {
     if (onAuthorize) {
       analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
@@ -50,23 +50,24 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     }
   }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
   var content = (0, _react2.useMemo)(function () {
-    return onAuthorize ? (0, _react.jsx)(_UnauthorisedViewContent.default, {
+    return onAuthorize ? /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
       providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
       analytics: analytics,
       testId: testId
-    }) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    }) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
       values: {
         context: providerName
       }
     }));
-  }, [analytics, onAuthorize, providerName, testId]);
+  }, [analytics, isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = (0, _react2.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  return (0, _react.jsx)(_unresolvedView.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
     actions: actions,
     testId: testId
-  }), (0, _react.jsx)("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     css: contentStyles,
     "data-testid": "".concat(testId, "-content")
   }, content));

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

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withFlexibleUIBlockCardStyle = void 0;
-var _react = require("@emotion/react");
 var _styled = require("../styled");
-/** @jsx jsx */
-
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
-    return (0, _react.jsx)("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: _styled.flexibleBlockCardStyle
-    }, (0, _react.jsx)(FlexibleBlockCardView, props));
+    }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
   };
 };

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

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _jsonld = require("../../utils/jsonld");
 var _inline = require("../../extractors/inline");
 var _block = require("../../extractors/block");
-var _ResolvedView = require("../RedesignedInlineCard/ResolvedView");
+var _ResolvedView = require("../InlineCard/ResolvedView");
 var _BlockCard = require("../BlockCard");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

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

@@ -14,7 +14,7 @@ var measure = _interopRequireWildcard(require("../../utils/performance"));
 var _helpers = require("../../state/helpers");
 var _state = require("../../state");
 var _BlockCard = require("../BlockCard");
-var _RedesignedInlineCard = require("../RedesignedInlineCard");
+var _InlineCard = require("../InlineCard");
 var _EmbedCard = require("../EmbedCard");
 var _flexible = require("../../utils/flexible");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
@@ -224,7 +224,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return /*#__PURE__*/_react.default.createElement(_RedesignedInlineCard.InlineCard, inlineProps);
+      return /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {
         id: id,

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

@@ -7,16 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Frame = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _utils = require("../../../utils");
 var _IframeDwellTracker = require("./IframeDwellTracker");
 var _IFrame = require("./IFrame");
 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; }
-/** @jsx jsx */
-
 function mergeRefs(refs) {
   return function (value) {
     refs.forEach(function (ref) {
@@ -28,28 +25,28 @@ function mergeRefs(refs) {
     });
   };
 }
-var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_ref, iframeRef) {
+var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
   var url = _ref.url,
     _ref$isTrusted = _ref.isTrusted,
     isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus;
-  var _useState = (0, _react2.useState)(false),
+  var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIframeLoaded = _useState2[0],
     setIframeLoaded = _useState2[1];
-  var _useState3 = (0, _react2.useState)(false),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isMouseOver = _useState4[0],
     setMouseOver = _useState4[1];
-  var _useState5 = (0, _react2.useState)(true),
+  var _useState5 = (0, _react.useState)(true),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isWindowFocused = _useState6[0],
     setWindowFocused = _useState6[1];
-  var ref = (0, _react2.useRef)();
+  var ref = (0, _react.useRef)();
   var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = (0, _react2.useState)(0),
+  var _useState7 = (0, _react.useState)(0),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     percentVisible = _useState8[0],
     setPercentVisible = _useState8[1];
@@ -59,10 +56,10 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
    * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
    * vice versa. It's in a state object so that its static for the useEffect
    */
-  var _useState9 = (0, _react2.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
+  var _useState9 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 1),
     threshold = _useState10[0];
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     if (!ref || !ref.current) {
       return;
     }
@@ -78,7 +75,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
       observer.disconnect();
     };
   }, [threshold, mergedRef]);
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     var onBlur = function onBlur() {
       setWindowFocused(false);
       if (document.activeElement === ref.current) {
@@ -98,13 +95,13 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
   if (!url) {
     return null;
   }
-  return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)(_IframeDwellTracker.IframeDwellTracker, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IframeDwellTracker.IframeDwellTracker, {
     isIframeLoaded: isIframeLoaded,
     isMouseOver: isMouseOver,
     isWindowFocused: isWindowFocused,
     iframePercentVisible: percentVisible,
     onIframeDwell: onIframeDwell
-  }), (0, _react.jsx)(_IFrame.IFrame, {
+  }), /*#__PURE__*/_react.default.createElement(_IFrame.IFrame, {
     childRef: mergedRef,
     src: url,
     "data-testid": "".concat(testId, "-frame"),

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

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.IframeDwellTracker = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-/** @jsx jsx */
-
 /**
  * A kind of cheap logarithmic backoff. Fire analytics after the user has
  * dwelled for 5 seconds, then 10 seconds, and so on.

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

@@ -16,7 +16,7 @@ var _block = require("../../extractors/block");
 var _helpers = require("../../state/helpers");
 var _context = require("../../extractors/common/context");
 var _BlockCard = require("../BlockCard");
-var _ResolvedView = require("../RedesignedInlineCard/ResolvedView");
+var _ResolvedView = require("../InlineCard/ResolvedView");
 var _ForbiddenView = require("./views/ForbiddenView");
 var _NotFoundView = require("./views/NotFoundView");
 var _ResolvedView2 = require("./views/ResolvedView");
@@ -54,6 +54,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -119,6 +120,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -134,6 +136,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':