@atlaskit/smart-card 26.42.9 → 26.42.11

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.hoverCardClassName = exports.getCopyAction = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../constants");
 var _extractMetadata2 = require("../../../extractors/hover/extractMetadata");
 var _analytics2 = require("../../../state/analytics");
@@ -30,13 +29,11 @@ var _forbidden = _interopRequireDefault(require("./views/forbidden"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 */
-
 var hoverCardClassName = exports.hoverCardClassName = 'smart-links-hover-preview';
 var getCopyAction = exports.getCopyAction = function getCopyAction(url) {
   return {
     name: _constants.ActionName.CustomAction,
-    icon: (0, _react.jsx)(_copy.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
       label: "copy url",
       size: "medium"
     }),
@@ -61,7 +58,7 @@ var getCopyAction = exports.getCopyAction = function getCopyAction(url) {
       }
       return onClick;
     }(),
-    tooltipMessage: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
     testId: 'hover-card-copy-button'
   };
 };
@@ -84,15 +81,15 @@ var HoverCardContent = function HoverCardContent(_ref) {
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = (0, _analytics2.useSmartLinkAnalytics)(url, undefined, id);
   var analytics = _analytics !== null && _analytics !== void 0 ? _analytics : defaultAnalytics;
-  var extensionKey = (0, _react2.useMemo)(function () {
+  var extensionKey = (0, _react.useMemo)(function () {
     return (0, _helpers.getExtensionKey)(cardState.details);
   }, [cardState.details]);
   var linkState = (0, _store.useSmartCardState)(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   var services = (0, _helpers.getServices)(linkState.details);
-  var statusRef = (0, _react2.useRef)(linkStatus);
-  var analyticsRef = (0, _react2.useRef)(analytics);
-  (0, _react2.useEffect)(function () {
+  var statusRef = (0, _react.useRef)(linkStatus);
+  var analyticsRef = (0, _react.useRef)(analytics);
+  (0, _react.useEffect)(function () {
     /**
      * Must access current analytics object value via ref because its not stable
      * and it can trigger useEffect to re-run below
@@ -104,7 +101,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
       statusRef.current = linkStatus;
     }
   }, [analytics, linkStatus]);
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     var previewDisplay = 'card';
     var previewInvokeMethod = 'mouse_hover';
     var cardOpenTime = Date.now();
@@ -123,7 +120,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     };
   }, []);
-  var onClick = (0, _react2.useCallback)(function (event) {
+  var onClick = (0, _react.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
     analytics.ui.cardClickedEvent({
       id: id,
@@ -134,7 +131,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     });
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
-  var titleActions = (0, _react2.useMemo)(function () {
+  var titleActions = (0, _react.useMemo)(function () {
     return [getCopyAction(url)];
   }, [url]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
@@ -163,18 +160,18 @@ var HoverCardContent = function HoverCardContent(_ref) {
     children: {},
     analytics: analytics
   };
-  var onClickStopPropagation = (0, _react2.useCallback)(function (e) {
+  var onClickStopPropagation = (0, _react.useCallback)(function (e) {
     return e.stopPropagation();
   }, []);
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
-      return (0, _react.jsx)(_resolving.default, {
+      return /*#__PURE__*/_react.default.createElement(_resolving.default, {
         flexibleCardProps: flexibleCardProps,
         titleBlockProps: titleBlockProps
       });
     }
     if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return (0, _react.jsx)(_unauthorised.default, {
+      return /*#__PURE__*/_react.default.createElement(_unauthorised.default, {
         analytics: analytics,
         extensionKey: extensionKey,
         id: id,
@@ -184,13 +181,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
     }
     if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join')) {
       if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-        return (0, _react.jsx)(_forbidden.default, {
+        return /*#__PURE__*/_react.default.createElement(_forbidden.default, {
           flexibleCardProps: flexibleCardProps
         });
       }
     }
     if (cardState.status === 'resolved') {
-      return (0, _react.jsx)(_resolved.default, {
+      return /*#__PURE__*/_react.default.createElement(_resolved.default, {
         id: id,
         url: url,
         extensionKey: extensionKey,
@@ -205,7 +202,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     return null;
   };
   var cardView = getCardView(cardState);
-  return cardView ? (0, _react.jsx)("div", {
+  return cardView ? /*#__PURE__*/_react.default.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,

package/dist/cjs/view/HoverCard/components/views/resolving/index.js

@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _loadingSkeleton = _interopRequireDefault(require("../../../../FlexibleCard/components/common/loading-skeleton"));
 var _styled = require("../../../styled");
 var _styled2 = require("./styled");
 var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
 var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _icon = _interopRequireDefault(require("../../../../FlexibleCard/components/elements/icon"));
-/** @jsx jsx */
-
 var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   var titleBlockProps = _ref.titleBlockProps;
   var testId = 'hover-card-loading-view';
@@ -23,35 +20,35 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   var skeletonWidth = _styled.CARD_WIDTH_REM - 2;
   var size = titleBlockProps.size,
     actions = titleBlockProps.actions;
-  var actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (0, _react.jsx)(_actionGroup.default, {
+  var actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
     items: actions,
     visibleButtonsNum: 2
   });
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: _styled2.loadingViewContainer,
     "data-testid": testId
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: _styled2.skeletonContainer
-  }, (0, _react.jsx)(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
+  }, /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
     overrideCss: _styled2.titleBlockStyles,
     testId: "".concat(testId, "-title-block")
-  }), (0, _react.jsx)(_icon.default, {
+  }), /*#__PURE__*/_react.default.createElement(_icon.default, {
     render: function render() {
-      return (0, _react.jsx)(_loadingSkeleton.default, null);
+      return /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, null);
     },
     size: size
-  }), (0, _react.jsx)("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     css: (0, _styled2.getTitleStyles)(lineHeightRem),
     "data-testid": "".concat(testId, "-title")
-  }, (0, _react.jsx)(_loadingSkeleton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
     height: lineHeightRem
-  })), actionGroup), (0, _react.jsx)(_loadingSkeleton.default, {
+  })), actionGroup), /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
     width: skeletonWidth,
     height: lineHeightRem
-  }), (0, _react.jsx)(_loadingSkeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
     width: skeletonWidth,
     height: lineHeightRem * 3
-  }), (0, _react.jsx)(_loadingSkeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
     width: skeletonWidth,
     height: lineHeightRem
   })));

package/dist/cjs/view/HoverCard/components/views/unauthorised/index.js

@@ -19,6 +19,7 @@ var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/comp
 var _elements = require("../../../../FlexibleCard/components/elements");
 var _constants = require("../../../../../constants");
 var _actions = require("../../../../../state/actions");
+var _helpers = require("../../../../../state/helpers");
 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 HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
@@ -34,6 +35,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var cardState = flexibleCardProps.cardState;
   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.details);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
   var handleAuthorize = (0, _react.useCallback)(function () {
@@ -69,6 +71,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     testId: "".concat(testId, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
     providerName: providerName,
+    isProductIntegrationSupported: isProductIntegrationSupported,
     analytics: analytics
   }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
     overrideCss: _styled.connectButtonStyles,

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

@@ -5,20 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StandaloneHoverCard = exports.HoverCard = void 0;
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = require("react");
 var _reactErrorBoundary = require("react-error-boundary");
 var _analytics = require("../../state/analytics");
 var _HoverCardComponent = require("./components/HoverCardComponent");
 var _constants = require("../../constants");
-/** @jsx jsx */
-
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var url = props.url,
     id = props.id,
     children = props.children;
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, undefined, id);
-  var onError = (0, _react2.useCallback)(function (error, info) {
+  var onError = (0, _react.useCallback)(function (error, info) {
     analytics.ui.renderFailedEvent({
       display: _constants.CardDisplay.HoverCardPreview,
       id: id,
@@ -26,10 +23,10 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
       errorInfo: info
     });
   }, [analytics.ui, id]);
-  return (0, _react.jsx)(_reactErrorBoundary.ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(_reactErrorBoundary.ErrorBoundary, {
     fallback: children,
     onError: onError
-  }, (0, _react.jsx)(_HoverCardComponent.HoverCardComponent, props, children));
+  }, /*#__PURE__*/React.createElement(_HoverCardComponent.HoverCardComponent, props, children));
 };
 var HoverCardWithoutAnalyticsContext = (0, _analyticsNext.withAnalyticsEvents)()(HoverCardWithErrorBoundary);
 
@@ -41,12 +38,12 @@ var HoverCardWithoutAnalyticsContext = (0, _analyticsNext.withAnalyticsEvents)()
  * use to configure hover preview behaviour.
  */
 var HoverCard = exports.HoverCard = function HoverCard(props) {
-  return (0, _react.jsx)(HoverCardWithoutAnalyticsContext, props);
+  return /*#__PURE__*/React.createElement(HoverCardWithoutAnalyticsContext, props);
 };
 
 /**
  * A standalone hover preview component
  */
 var StandaloneHoverCard = exports.StandaloneHoverCard = function StandaloneHoverCard(props) {
-  return (0, _react.jsx)(HoverCard, props);
+  return /*#__PURE__*/React.createElement(HoverCard, props);
 };

package/dist/cjs/view/InlineCard/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/{RedesignedInlineCard → InlineCard}/utils/withFrameStyleControl.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 /**
  * This HOC serves as a temporary workaround for controlling the style of a parent component.
  * We do not want the Frame to have a hover state when hovering over the action button.

package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js

@@ -12,12 +12,9 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _reactIntlNext = require("react-intl-next");
 var _styled = require("./styled");
-var _react2 = require("@emotion/react");
 var _messages = require("../../../messages");
 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 */
-
 var WarningModal = function WarningModal(props) {
   var isOpen = props.isOpen,
     unsafeLinkText = props.unsafeLinkText,
@@ -25,33 +22,33 @@ var WarningModal = function WarningModal(props) {
     onClose = props.onClose,
     onContinue = props.onContinue,
     intl = props.intl;
-  var content = (0, _react2.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react2.jsx)(_modalDialog.default, {
+  var content = /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, {
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     css: _styled.breakWordsCss
-  }, url && unsafeLinkText && (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
+  }, url && unsafeLinkText && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
       a: function a() {
-        return (0, _react2.jsx)("a", {
+        return /*#__PURE__*/_react.default.createElement("a", {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer"
         }, url);
       }
     }
-  })))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+  })))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
     appearance: "subtle",
     onClick: onClose
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), (0, _react2.jsx)(_standardButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
     appearance: "warning",
     onClick: onContinue,
     autoFocus: true
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
-  return intl ? content : (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
+  return intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, content);
 };

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.9",
+  packageVersion: "26.42.11",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -12,7 +12,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
-var _Frame = require("../RedesignedInlineCard/Frame");
+var _Frame = require("../InlineCard/Frame");
 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; } }
 var CardLinkView = exports.CardLinkView = /*#__PURE__*/function (_React$PureComponent) {

package/dist/cjs/view/common/Byline.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Byline = void 0;
-var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("./utils");
-/** @jsx jsx */
-
 var Byline = exports.Byline = function Byline(_ref) {
   var text = _ref.text,
     children = _ref.children,
     testId = _ref.testId,
     className = _ref.className;
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: (0, _utils.mq)({
       fontSize: (0, _utils.gs)(1.5),
       lineHeight: (0, _utils.gs)(2.5),

package/dist/cjs/view/common/Icon.js

@@ -12,7 +12,6 @@ var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 var _utils = require("./utils");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 var blockCardIconImageClassName = exports.blockCardIconImageClassName = 'block-card-icon-image';
 var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {
@@ -34,21 +33,21 @@ var Icon = exports.Icon = function Icon(_ref) {
     testId = _ref$testId === void 0 ? 'block-card-icon' : _ref$testId,
     _ref$isFlexibleUi = _ref.isFlexibleUi,
     isFlexibleUi = _ref$isFlexibleUi === void 0 ? false : _ref$isFlexibleUi;
-  var placeholder = defaultIcon || (0, _react.jsx)(_link.default, {
+  var placeholder = defaultIcon || /*#__PURE__*/_react2.default.createElement(_link.default, {
     label: "link",
     size: "small",
     testId: "".concat(testId, "-default")
   });
-  var image = url && (0, _react.jsx)(_reactRenderImage.default, {
+  var image = url && /*#__PURE__*/_react2.default.createElement(_reactRenderImage.default, {
     src: url,
-    loaded: (0, _react.jsx)("img", {
+    loaded: /*#__PURE__*/_react2.default.createElement("img", {
       css: getImageStyles(isFlexibleUi),
       src: url,
       "data-testid": "".concat(testId, "-image")
     }),
     errored: placeholder
   });
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/_react2.default.createElement("span", {
     css: getSpanStyles(isFlexibleUi),
     "data-testid": testId,
     className: blockCardIconImageClassName

package/dist/cjs/view/common/Metadata.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Metadata = void 0;
-var _react = require("@emotion/react");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _colors = require("@atlaskit/theme/colors");
-/** @jsx jsx */
-
 var Metadata = exports.Metadata = function Metadata(_ref) {
   var text = _ref.text,
     icon = _ref.icon,
@@ -17,7 +14,7 @@ var Metadata = exports.Metadata = function Metadata(_ref) {
     tooltip = _ref.tooltip;
   var metadataIcon = icon || null;
   if (!metadataIcon && iconUrl) {
-    metadataIcon = (0, _react.jsx)("img", {
+    metadataIcon = /*#__PURE__*/React.createElement("img", {
       src: iconUrl,
       css: {
         width: "var(--ds-space-100, 8px)",
@@ -25,13 +22,13 @@ var Metadata = exports.Metadata = function Metadata(_ref) {
       }
     });
   }
-  var metadata = (0, _react.jsx)("div", {
+  var metadata = /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       marginRight: "var(--ds-space-050, 4px)"
     }
-  }, metadataIcon, (0, _react.jsx)("span", {
+  }, metadataIcon, /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "var(--ds-space-150, 12px)",
       color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N300, ")")),
@@ -40,7 +37,7 @@ var Metadata = exports.Metadata = function Metadata(_ref) {
     }
   }, text));
   if (tooltip) {
-    return (0, _react.jsx)(_tooltip.default, {
+    return /*#__PURE__*/React.createElement(_tooltip.default, {
       content: tooltip
     }, metadata);
   }

package/dist/cjs/view/common/MetadataList.js

@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.metadataListClassName = exports.MetadataList = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
 var _Metadata = require("./Metadata");
 var _utils = require("./utils");
-/** @jsx jsx */
-
 var metadataListClassName = exports.metadataListClassName = 'smart-link-metadata-list';
 var MetadataList = exports.MetadataList = function MetadataList(_ref) {
   var items = _ref.items,
     testId = _ref.testId;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       marginTop: (0, _utils.gs)(0.5),
@@ -27,7 +24,7 @@ var MetadataList = exports.MetadataList = function MetadataList(_ref) {
     "data-testid": testId,
     className: metadataListClassName
   }, items.map(function (item) {
-    return (0, _react.jsx)(_Metadata.Metadata, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_Metadata.Metadata, (0, _extends2.default)({
       key: item.text
     }, item));
   }));

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -19,21 +19,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
   var providerName = _ref.providerName,
+    isProductIntegrationSupported = _ref.isProductIntegrationSupported,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
     analytics = _ref.analytics;
   var handleLearnMoreClick = (0, _react.useCallback)(function () {
     analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+  var learnMoreMessage = isProductIntegrationSupported ? _messages.messages.learn_more_about_connecting_account : _messages.messages.learn_more_about_smart_links;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_description, {
     values: {
       context: providerName
     }
   })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', /*#__PURE__*/_react.default.createElement("a", {
-    href: _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    href: isProductIntegrationSupported ? _constants.CONTENT_URL_3P_ACCOUNT_AUTH : _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     "data-testid": "".concat(testId, "-learn-more"),
     onClick: handleLearnMoreClick
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.learn_more_about_smart_links)));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, learnMoreMessage)));
 };
 var _default = exports.default = UnauthorisedViewContent;

package/dist/es2019/constants.js

@@ -1,4 +1,5 @@
 export const CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
+export const 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/es2019/messages.js

@@ -90,12 +90,12 @@ export const 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 const 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/es2019/state/helpers.js

@@ -60,4 +60,5 @@ export const getDatasources = details => details === null || details === void 0
 export const getCanBeDatasource = details => {
   const datasources = getDatasources(details);
   return !!datasources && datasources.length > 0;
-};
+};
+export const hasAuthScopeOverrides = details => !!(details !== null && details !== void 0 && details.meta.hasScopeOverrides);

package/dist/es2019/utils/analytics/analytics.js

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

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { ActionIcon } from './ActionIcon';
@@ -11,7 +9,7 @@ export const Action = ({
   id
 }) => {
   const [state, setState] = useState('init');
-  return jsx(Button, {
+  return /*#__PURE__*/React.createElement(Button, {
     spacing: "compact",
     appearance: buttonAppearance,
     isLoading: state === 'loading',
@@ -30,12 +28,12 @@ export const Action = ({
         });
       }
     }
-  }, 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
   }));
 };