@atlaskit/smart-card 26.42.9 → 26.42.11

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Fragment, useMemo, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
@@ -37,29 +35,29 @@ const LozengeActionError = ({
     }
   }, [analytics, handlePreviewClose, isPreviewAvailable, previewData]);
   const content = useMemo(() => {
-    return jsx(Fragment, null, jsx("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       css: contentStyles
-    }, jsx(ErrorIcon, {
+    }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: `${testId}-icon`,
       size: "medium",
       primaryColor: `var(--ds-icon-danger, ${R500})`,
       secondaryColor: `var(--ds-background-danger, ${R50})`,
       label: 'error'
-    }), jsx("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       css: textStyles(maxLineNumber),
       "data-testid": `${testId}-error-message`
-    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? jsx("div", {
+    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       css: linkStyles
-    }, jsx("a", {
+    }, /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       "data-testid": `${testId}-open-embed`,
       onClick: handlePreviewOpen
-    }, jsx(FormattedMessage, messages.open_issue_in_jira))) : null);
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: dropdownItemGroupStyles,
     "data-testid": `${testId}-error-item-group`
-  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     testId: `${testId}-error`
   }, content)));
 };

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import LozengeActionItem from '../lozenge-action-item';
+import { dropdownItemGroupStyles } from '../styled';
+import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
+const LozengeActionItemsGroup = ({
+  items,
+  testId,
+  onClick
+}) =>
+/*#__PURE__*/
+// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+React.createElement("span", {
+  css: dropdownItemGroupStyles,
+  "data-testid": `${testId}-item-group`
+}, /*#__PURE__*/React.createElement(DropdownItemGroup, null, items.map((item, idx) => /*#__PURE__*/React.createElement(LozengeActionItem, _extends({}, item, {
+  key: idx,
+  onClick: onClick,
+  testId: `${testId}-item-${idx}`
+})))));
+export default LozengeActionItemsGroup;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -18,16 +16,16 @@ const LozengeActionTrigger = ({
   const [isBold, setIsBold] = useState(false);
   const onMouseEnter = useCallback(() => setIsBold(true), []);
   const onMouseLeave = useCallback(() => setIsBold(false), []);
-  const lozenge = useMemo(() => jsx(Lozenge, {
+  const lozenge = useMemo(() => /*#__PURE__*/React.createElement(Lozenge, {
     appearance: appearance,
     isBold: isBold
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: triggerLozengeStyles
-  }, jsx("span", null, text), jsx(ChevronDownIcon, {
+  }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(ChevronDownIcon, {
     label: "options",
     size: "medium"
   }))), [appearance, isBold, text]);
-  return jsx("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     type: "button"
   }, props, {
     css: triggerButtonStyles,
@@ -36,7 +34,7 @@ const LozengeActionTrigger = ({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
+  }), showFeatureDiscovery ? /*#__PURE__*/React.createElement(FeatureDiscovery, {
     appearance: appearance,
     testId: testId
   }, lozenge) : lozenge);

package/dist/es2019/view/FlexibleCard/components/elements/media/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';
 /**
  * Media: Image
@@ -65,12 +64,12 @@ const Media = ({
   if (!type || !url) {
     return null;
   }
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [styles, overrideCss],
     "data-smart-element": name,
     "data-smart-element-media": type,
     "data-testid": testId
-  }, jsx(ImageIcon, {
+  }, /*#__PURE__*/React.createElement(ImageIcon, {
     testId: `${testId}-image`,
     url: url,
     onError: onError,

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React, { useContext } from 'react';
-import { jsx } from '@emotion/react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { MediaType } from '../../../../../constants';
 import Media from '../media';
@@ -18,6 +16,6 @@ const Preview = props => {
   if (!data) {
     return null;
   }
-  return jsx(Media, _extends({}, rest, data));
+  return /*#__PURE__*/React.createElement(Media, _extends({}, rest, data));
 };
 export default Preview;

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import React, { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
@@ -16,7 +15,7 @@ const SnippetElement = ({
   ...props
 } = {}) => {
   const context = useContext(FlexibleUiContext);
-  return jsx(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     overrideCss: getSnippetStyles(overrideCss)

package/dist/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
 import { tokens } from '../../../../../utils/token';
 const getStyles = maxLines => css`
@@ -28,7 +27,7 @@ const Text = ({
   if (!message && !content) {
     return null;
   }
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
     "data-smart-element": name,

package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js

@@ -1,12 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
 import { popupContainerStyles } from '../styled';
-import { jsx } from '@emotion/react';
 const CustomPopupContainer = /*#__PURE__*/React.forwardRef(({
   children,
   ...props
-}, ref) => jsx("div", _extends({
+}, ref) => /*#__PURE__*/React.createElement("div", _extends({
   css: popupContainerStyles
 }, props, {
   ref: ref

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import Popup from '@atlaskit/popup';
-import { jsx } from '@emotion/react';
 import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkActions';
 import { useSmartLinkRenderers } from '../../../state/renderers';
@@ -185,16 +183,16 @@ export const HoverCardComponent = ({
       url,
       id
     };
-    return jsx(SmartLinkAnalyticsContext, {
+    return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
       url: url,
       display: CardDisplay.HoverCardPreview,
       id: id,
       source: HOVER_CARD_SOURCE
-    }, jsx(HoverCardContent, hoverCardContentProps));
+    }, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
   }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
-  const trigger = useCallback(triggerProps => jsx("span", {
+  const trigger = useCallback(triggerProps => /*#__PURE__*/React.createElement("span", {
     ref: parentSpan
-  }, jsx("span", _extends({}, triggerProps, {
+  }, /*#__PURE__*/React.createElement("span", _extends({}, triggerProps, {
     onMouseOver: initShowCard,
     onMouseLeave: initHideCard,
     onMouseMove: setMousePosition,
@@ -202,7 +200,7 @@ export const HoverCardComponent = ({
     onContextMenu: onContextMenuClick,
     "data-testid": "hover-card-trigger-wrapper"
   }), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
@@ -22,13 +20,13 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
-  icon: jsx(CopyIcon, {
+  icon: /*#__PURE__*/React.createElement(CopyIcon, {
     label: "copy url",
     size: "medium"
   }),
   iconPosition: 'before',
   onClick: async () => await navigator.clipboard.writeText(url),
-  tooltipMessage: jsx(FormattedMessage, messages.copy_url_to_clipboard),
+  tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
   testId: 'hover-card-copy-button'
 });
 const HoverCardContent = ({
@@ -129,13 +127,13 @@ const HoverCardContent = ({
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
   const getCardView = cardState => {
     if (cardState.metadataStatus === 'pending') {
-      return jsx(HoverCardLoadingView, {
+      return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
         flexibleCardProps: flexibleCardProps,
         titleBlockProps: titleBlockProps
       });
     }
     if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return jsx(HoverCardUnauthorisedView, {
+      return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
         analytics: analytics,
         extensionKey: extensionKey,
         id: id,
@@ -145,13 +143,13 @@ const HoverCardContent = ({
     }
     if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
       if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-        return jsx(HoverCardForbiddenView, {
+        return /*#__PURE__*/React.createElement(HoverCardForbiddenView, {
           flexibleCardProps: flexibleCardProps
         });
       }
     }
     if (cardState.status === 'resolved') {
-      return jsx(HoverCardResolvedView, {
+      return /*#__PURE__*/React.createElement(HoverCardResolvedView, {
         id: id,
         url: url,
         extensionKey: extensionKey,
@@ -166,7 +164,7 @@ const HoverCardContent = ({
     return null;
   };
   const cardView = getCardView(cardState);
-  return cardView ? jsx("div", {
+  return cardView ? /*#__PURE__*/React.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
 import { CARD_WIDTH_REM } from '../../../styled';
@@ -18,33 +16,33 @@ const HoverCardLoadingView = ({
     size,
     actions
   } = titleBlockProps;
-  const actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && jsx(ActionGroup, {
+  const actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     visibleButtonsNum: 2
   });
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: loadingViewContainer,
     "data-testid": testId
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: skeletonContainer
-  }, jsx(CustomBlock, _extends({}, titleBlockProps, {
+  }, /*#__PURE__*/React.createElement(CustomBlock, _extends({}, titleBlockProps, {
     overrideCss: titleBlockStyles,
     testId: `${testId}-title-block`
-  }), jsx(Icon, {
-    render: () => jsx(LoadingSkeleton, null),
+  }), /*#__PURE__*/React.createElement(Icon, {
+    render: () => /*#__PURE__*/React.createElement(LoadingSkeleton, null),
     size: size
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: getTitleStyles(lineHeightRem),
     "data-testid": `${testId}-title`
-  }, jsx(LoadingSkeleton, {
+  }, /*#__PURE__*/React.createElement(LoadingSkeleton, {
     height: lineHeightRem
-  })), actionGroup), jsx(LoadingSkeleton, {
+  })), actionGroup), /*#__PURE__*/React.createElement(LoadingSkeleton, {
     width: skeletonWidth,
     height: lineHeightRem
-  }), jsx(LoadingSkeleton, {
+  }), /*#__PURE__*/React.createElement(LoadingSkeleton, {
     width: skeletonWidth,
     height: lineHeightRem * 3
-  }), jsx(LoadingSkeleton, {
+  }), /*#__PURE__*/React.createElement(LoadingSkeleton, {
     width: skeletonWidth,
     height: lineHeightRem
   })));

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

@@ -11,6 +11,7 @@ import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { useSmartCardActions } from '../../../../../state/actions';
+import { hasAuthScopeOverrides } from '../../../../../state/helpers';
 const HoverCardUnauthorisedView = ({
   analytics,
   extensionKey,
@@ -25,6 +26,7 @@ const HoverCardUnauthorisedView = ({
   } = flexibleCardProps;
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   const {
     authorize
   } = useSmartCardActions(id, url, analytics);
@@ -59,6 +61,7 @@ const HoverCardUnauthorisedView = ({
     testId: `${testId}-content`
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
+    isProductIntegrationSupported: isProductIntegrationSupported,
     analytics: analytics
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: connectButtonStyles,

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

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
@@ -21,10 +19,10 @@ const HoverCardWithErrorBoundary = props => {
       errorInfo: info
     });
   }, [analytics.ui, id]);
-  return jsx(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallback: children,
     onError: onError
-  }, jsx(HoverCardComponent, props, children));
+  }, /*#__PURE__*/React.createElement(HoverCardComponent, props, children));
 };
 const HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorBoundary);
 
@@ -36,10 +34,10 @@ const HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErro
  * use to configure hover preview behaviour.
  */
 export const HoverCard = props => {
-  return jsx(HoverCardWithoutAnalyticsContext, props);
+  return /*#__PURE__*/React.createElement(HoverCardWithoutAnalyticsContext, props);
 };
 
 /**
  * A standalone hover preview component
  */
-export const StandaloneHoverCard = props => jsx(HoverCard, props);
+export const StandaloneHoverCard = props => /*#__PURE__*/React.createElement(HoverCard, props);

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { themed } from '@atlaskit/theme/components';
 import { N500, N40 } from '@atlaskit/theme/colors';
 

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

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';
 import { breakWordsCss } from './styled';
-import { jsx } from '@emotion/react';
 import { messages } from '../../../messages';
 const WarningModal = props => {
   const {
@@ -16,31 +14,31 @@ const WarningModal = props => {
     onContinue,
     intl
   } = props;
-  const content = jsx(ModalTransition, null, isOpen && jsx(Modal, {
+  const content = /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, jsx(ModalHeader, null, jsx(ModalTitle, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
-  }, jsx(FormattedMessage, messages.check_this_link))), jsx(ModalBody, null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.check_this_link))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
     css: breakWordsCss
-  }, url && unsafeLinkText && jsx(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
+  }, url && unsafeLinkText && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
-      a: () => jsx("a", {
+      a: () => /*#__PURE__*/React.createElement("a", {
         href: url,
         target: "_blank",
         rel: "noopener noreferrer"
       }, url)
     }
-  })))), jsx(ModalFooter, null, jsx(Button, {
+  })))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     onClick: onClose
-  }, jsx(FormattedMessage, messages.go_back)), jsx(Button, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.go_back)), /*#__PURE__*/React.createElement(Button, {
     appearance: "warning",
     onClick: onContinue,
     autoFocus: true
-  }, jsx(FormattedMessage, messages.continue)))));
-  return intl ? content : jsx(IntlProvider, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.continue)))));
+  return intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, content);
 };

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.9",
+  packageVersion: "26.42.11",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Frame } from '../RedesignedInlineCard/Frame';
+import { Frame } from '../InlineCard/Frame';
 export class CardLinkView extends React.PureComponent {
   render() {
     return /*#__PURE__*/React.createElement(Frame, _extends({

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs, mq } from './utils';
 export const Byline = ({
@@ -7,7 +5,7 @@ export const Byline = ({
   children,
   testId,
   className
-}) => jsx("span", {
+}) => /*#__PURE__*/React.createElement("span", {
   css: mq({
     fontSize: gs(1.5),
     lineHeight: gs(2.5),

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
@@ -33,21 +32,21 @@ export const Icon = ({
   testId = 'block-card-icon',
   isFlexibleUi = false
 }) => {
-  const placeholder = defaultIcon || jsx(LinkIcon, {
+  const placeholder = defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
     label: "link",
     size: "small",
     testId: `${testId}-default`
   });
-  const image = url && jsx(ImageLoader, {
+  const image = url && /*#__PURE__*/React.createElement(ImageLoader, {
     src: url,
-    loaded: jsx("img", {
+    loaded: /*#__PURE__*/React.createElement("img", {
       css: getImageStyles(isFlexibleUi),
       src: url,
       "data-testid": `${testId}-image`
     }),
     errored: placeholder
   });
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: getSpanStyles(isFlexibleUi),
     "data-testid": testId,
     className: blockCardIconImageClassName

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { N300 } from '@atlaskit/theme/colors';
 export const Metadata = ({
@@ -10,7 +8,7 @@ export const Metadata = ({
 }) => {
   let metadataIcon = icon || null;
   if (!metadataIcon && iconUrl) {
-    metadataIcon = jsx("img", {
+    metadataIcon = /*#__PURE__*/React.createElement("img", {
       src: iconUrl,
       css: {
         width: "var(--ds-space-100, 8px)",
@@ -18,13 +16,13 @@ export const Metadata = ({
       }
     });
   }
-  const metadata = jsx("div", {
+  const metadata = /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       marginRight: "var(--ds-space-050, 4px)"
     }
-  }, metadataIcon, jsx("span", {
+  }, metadataIcon, /*#__PURE__*/React.createElement("span", {
     css: {
       fontSize: "var(--ds-space-150, 12px)",
       color: `${`var(--ds-text-subtlest, ${N300})`}`,
@@ -33,7 +31,7 @@ export const Metadata = ({
     }
   }, text));
   if (tooltip) {
-    return jsx(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       content: tooltip
     }, metadata);
   }

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
 import { gs } from './utils';
 export const metadataListClassName = 'smart-link-metadata-list';
@@ -8,7 +6,7 @@ export const MetadataList = ({
   items,
   testId
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       marginTop: gs(0.5),
@@ -19,7 +17,7 @@ export const MetadataList = ({
     },
     "data-testid": testId,
     className: metadataListClassName
-  }, items.map(item => jsx(Metadata, _extends({
+  }, items.map(item => /*#__PURE__*/React.createElement(Metadata, _extends({
     key: item.text
   }, item))));
 };

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

@@ -2,28 +2,30 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
-import { CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
+import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
  */
 const UnauthorisedViewContent = ({
   providerName,
+  isProductIntegrationSupported,
   testId = 'unauthorised-view-content',
   analytics
 }) => {
   const handleLearnMoreClick = useCallback(() => {
     analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+  const learnMoreMessage = isProductIntegrationSupported ? messages.learn_more_about_connecting_account : messages.learn_more_about_smart_links;
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
     values: {
       context: providerName
     }
   })) : /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_unauthorised_account_description_no_provider), ' ', /*#__PURE__*/React.createElement("a", {
-    href: CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    href: isProductIntegrationSupported ? CONTENT_URL_3P_ACCOUNT_AUTH : CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     "data-testid": `${testId}-learn-more`,
     onClick: handleLearnMoreClick
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links)));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, learnMoreMessage)));
 };
 export default UnauthorisedViewContent;

package/dist/esm/constants.js

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