@atlaskit/smart-card 26.42.8 → 26.42.10

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.8"
+  packageVersion: "26.42.10"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -12,7 +12,7 @@ import { Emoji } from '../components/Emoji';
 import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
 import { MetadataList } from '../../common/MetadataList';
-import { LozengeBlockWrapper } from '../../InlineCard/IconAndTitleLayout/styled';
+import { LozengeBlockWrapper } from './styled';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { getExtensionKey } from '../../../../state/helpers';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../../../state/helpers';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
@@ -36,6 +36,7 @@ const FlexibleUnauthorisedView = ({
   const extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   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 === null || cardState === void 0 ? void 0 : cardState.details);
   const handleAuthorize = useCallback(() => {
     if (onAuthorize) {
       analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
@@ -46,13 +47,14 @@ const FlexibleUnauthorisedView = ({
   }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
   const content = useMemo(() => onAuthorize ? jsx(UnauthorisedViewContent, {
     providerName: providerName,
+    isProductIntegrationSupported: isProductIntegrationSupported,
     analytics: analytics,
     testId: testId
   }) : jsx(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
     values: {
       context: providerName
     }
-  })), [analytics, onAuthorize, providerName, testId]);
+  })), [analytics, isProductIntegrationSupported, onAuthorize, providerName, testId]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
   return jsx(UnresolvedView, _extends({}, props, {
     actions: actions,

package/dist/es2019/view/BlockCard/views/flexible/styled.js

@@ -1,7 +1,5 @@
-import { tokens } from '../../../../utils/token';
 import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
@@ -19,9 +17,10 @@ export const metadataBlockCss = css`
 `;
 export const titleBlockCss = css`
   gap: 0.5em;
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `[data-smart-element="Title"] {
-          font-weight: 600;
-        }` : ``}
+
+  [data-smart-element='Title'] {
+    font-weight: 600;
+  }
 `;
 export const footerBlockCss = css`
   height: 1.5rem;
@@ -35,15 +34,9 @@ export const footerBlockCss = css`
     }
   }
 `;
-const flexibleBlockCardElevationStyle = css`
-  border-radius: 1.5px;
-  box-shadow: ${tokens.elevation};
-  margin: ${"var(--ds-space-025, 2px)"};
-`;
-const refreshedFlexibleBlockCardStyle = css`
+export const flexibleBlockCardStyle = css`
   & > div {
     border-radius: ${"var(--ds-border-radius-200, 8px)"};
     border: 1px solid ${`var(--ds-border, ${N40})`};
   }
-`;
-export const flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+`;

package/dist/es2019/view/BlockCard/views/styled.js

@@ -0,0 +1,7 @@
+import styled from '@emotion/styled';
+// TODO: Replace overrides with proper AtlasKit solution.
+export const LozengeBlockWrapper = styled.span`
+  & > span {
+    margin-left: ${"var(--ds-space-050, 4px)"};
+  }
+`;

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
 import { BlockCardResolvedView } from '../BlockCard';
 export class CardWithDataContent extends React.Component {
   render() {

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

@@ -6,9 +6,7 @@ import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
-import { InlineCard } from '../InlineCard';
 import { InlineCard as RedesignedInlineCard } from '../RedesignedInlineCard';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { EmbedCard } from '../EmbedCard';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
@@ -213,7 +211,7 @@ function Component({
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
+      return /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -4,7 +4,6 @@ import * as colors from '@atlaskit/theme/colors';
 import { gs as gridSize } from '../../common/utils';
 import { N40 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const className = 'media-card-frame';
 export const borderRadius = `
   border-radius: ${akBorderRadius()}px;
@@ -79,18 +78,15 @@ function selected({
       height: 100%;
       width: 100%;
       left: 0;
-      ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius}
+      ${wrapperBorderRadius}
     }
-    ` : isSelected && frameStyle === 'hide' ? `
-        ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : `box-shadow: 0 0 0 3px ${`var(--ds-border-selected, ${colors.B100})`};
-              ${borderRadius}`}
-      ` : '';
+    ` : isSelected && frameStyle === 'hide' ? contentBorderRadius : '';
 }
 const height = ({
   inheritDimensions
 }) => inheritDimensions ? 'height: 100%;' : `height: ${gridSize(54)}`;
 const wrapperStyles = props => `
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius}
+  ${wrapperBorderRadius}
   ${minWidth(props)}
   ${maxWidth(props)}
   ${getInteractiveStyles(props)}
@@ -114,19 +110,16 @@ const wrapperStyles = props => `
     width: calc(100% + ${"var(--ds-space-200, 16px)"});
     height: calc(100% + ${"var(--ds-space-100, 8px)"});
     left: ${"var(--ds-space-negative-100, -8px)"};
-    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : `background: transparent;
-           ${borderRadius}`}
+    ${wrapperBorderRadius}
   }
 `;
 const visibleStyles = `
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `` : `background-color: ${`var(--ds-background-neutral-subtle, ${colors.N30})`};`}
-
   &:after {
-    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `border: 1px solid ${`var(--ds-border, ${N40})`};
-           background-color: ${themed({
+    border: 1px solid ${`var(--ds-border, ${N40})`};
+    background-color: ${themed({
   light: "var(--ds-surface-raised, white)",
   dark: `var(--ds-surface-raised, ${BACKGROUND_COLOR_DARK})`
-})()};` : `background: ${`var(--ds-background-neutral, ${colors.N30})`} !important;`}
+})()};
   }
   .embed-header {
     opacity: 1;
@@ -197,8 +190,8 @@ export const TextWrapper = styled.div`
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
 export const Content = styled.div`
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `${contentBorderRadius};
-       border: 1px solid ${`var(--ds-border, ${N40})`};` : borderRadius}
+  ${contentBorderRadius};
+  border: 1px solid ${`var(--ds-border, ${N40})`};
   background-color: ${"var(--ds-surface-raised, white)"};
   position: absolute;
   z-index: 1;
@@ -216,20 +209,6 @@ export const Content = styled.div`
     margin: 0 auto;
   }
 
-  ${({
-  isInteractive
-}) => {
-  if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
-    return `
-          .${className}:hover & {
-            box-shadow: ${"var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))"};
-          }
-        `;
-  } else {
-    return '';
-  }
-}};
-
   ${({
   allowScrollBar
 }) => allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;'}

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

@@ -6,10 +6,10 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { getExtensionKey } from '../../state/helpers';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 import { BlockCardResolvedView, BlockCardResolvingView } from '../BlockCard';
-import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
 import { EmbedCardForbiddenView } from './views/ForbiddenView';
 import { EmbedCardNotFoundView } from './views/NotFoundView';
 import { EmbedCardResolvedView } from './views/ResolvedView';
@@ -50,6 +50,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extensionKey = getExtensionKey(details);
+  const isProductIntegrationSupported = hasAuthScopeOverrides(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -115,6 +116,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -130,6 +132,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':

package/dist/es2019/view/EmbedCard/views/UnauthorisedView.js

@@ -18,7 +18,8 @@ export const EmbedCardUnauthorisedView = ({
   onAuthorise,
   inheritDimensions,
   onClick,
-  extensionKey
+  extensionKey,
+  isProductIntegrationSupported
 }) => {
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
@@ -50,6 +51,7 @@ export const EmbedCardUnauthorisedView = ({
       }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
         analytics: analytics,
         providerName: context === null || context === void 0 ? void 0 : context.text,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     }
@@ -60,7 +62,7 @@ export const EmbedCardUnauthorisedView = ({
       testId: testId,
       title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
     });
-  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
+  }, [analytics, context, handleOnAuthorizeClick, isProductIntegrationSupported, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,

package/dist/es2019/view/EmbedCard/views/unauthorized-view/index.js

@@ -11,6 +11,7 @@ const UnauthorizedView = ({
   analytics,
   context,
   extensionKey,
+  isProductIntegrationSupported,
   onAuthorize,
   testId = 'embed-card-unauthorized-view',
   ...unresolvedViewProps
@@ -43,6 +44,7 @@ const UnauthorizedView = ({
           description: /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
             analytics: analytics,
             providerName: context === null || context === void 0 ? void 0 : context.text,
+            isProductIntegrationSupported: isProductIntegrationSupported,
             testId: testId
           }),
           button: /*#__PURE__*/React.createElement(Button, {
@@ -77,7 +79,7 @@ const UnauthorizedView = ({
       title: /*#__PURE__*/React.createElement(FormattedMessage, messages.unauthorised_account_name_no_provider),
       description: /*#__PURE__*/React.createElement(FormattedMessage, messages.unauthorised_account_description_no_provider)
     };
-  }, [analytics, context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, onAuthorize, testId]);
+  }, [analytics, context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, isProductIntegrationSupported, onAuthorize, testId]);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, content, {
     icon: context === null || context === void 0 ? void 0 : context.icon,
     image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : getUnresolvedEmbedCardImage('unauthorized'),

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

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import DropdownMenu, { DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import LozengeActionItem from './lozenge-action-item';
+import DropdownMenu from '@atlaskit/dropdown-menu';
 import LozengeActionTrigger from './lozenge-action-trigger';
 import LozengeActionError from './lozenge-action-error';
 import withErrorBoundary from './error-boundary';
-import { dropdownItemGroupStyles } from './styled';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
 import createStatusUpdateRequest from '../../../../../../utils/actions/create-status-update-request';
@@ -17,6 +15,7 @@ import { isInvokeCustomError } from '../../../../../../state/hooks/use-invoke/ut
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import { TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
 import { permissionLoadErrorAnalyticsPayload, unknownLoadErrorAnalyticsPayload, unknownUpdateErrorAnalyticsPayload, validationUpdateErrorAnalyticsPayload } from './lozenge-action-analytics';
+import LozengeActionItemsGroup from './lozenge-action-items-group';
 const validateItems = (items = [], text) => {
   return items.filter(item => item.text !== text);
 };
@@ -135,14 +134,11 @@ const LozengeAction = ({
       });
     }
     if (items && items.length > 0) {
-      return jsx("span", {
-        css: dropdownItemGroupStyles,
-        "data-testid": `${testId}-item-group`
-      }, jsx(DropdownItemGroup, null, items.map((item, idx) => jsx(LozengeActionItem, _extends({}, item, {
-        key: idx,
-        onClick: handleItemClick,
-        testId: `${testId}-item-${idx}`
-      })))));
+      return jsx(LozengeActionItemsGroup, {
+        testId: testId,
+        items: items,
+        onClick: handleItemClick
+      });
     }
   }, [errorMessage, handleItemClick, items, previewData, testId, url]);
   return jsx(DropdownMenu, {

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

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

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

@@ -14,7 +14,6 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 const FADE_IN_DELAY = 500;
 const FADE_OUT_DELAY = 300;
@@ -203,7 +202,7 @@ export const HoverCardComponent = ({
     onContextMenu: onContextMenuClick,
     "data-testid": "hover-card-trigger-wrapper"
   }), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return jsx(Popup, _extends({
+  return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -212,8 +211,7 @@ export const HoverCardComponent = ({
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
-  }, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') && {
+    zIndex: zIndex,
     popupComponent: CustomPopupContainer
-  }));
+  });
 };

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/styled.js

@@ -3,7 +3,6 @@ import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export const HOVER_CARD_Z_INDEX = layers.modal();
@@ -52,9 +51,9 @@ export const titleBlockCss = css`
     }
   }
 
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `[data-smart-element="Title"] {
-          font-weight: 600;
-        }` : ``}
+  [data-smart-element='Title'] {
+    font-weight: 600;
+  }
 `;
 export const getTransitionStyles = snippetHeight => css`
   transition: height 300ms ease-in-out;
@@ -73,9 +72,7 @@ export const popupContainerStyles = css`
 `;
 export const getPreviewBlockStyles = previewHeight => css`
   ${previewHeight ? `height: ${previewHeight}px;` : ''}
-
-  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `  border-top-left-radius: ${"var(--ds-border-radius-200, 8px)"};
-         border-top-right-radius: ${"var(--ds-border-radius-200, 8px)"};
-         margin-bottom: ${blockGap};
-        }` : ``}
+  border-top-left-radius: ${"var(--ds-border-radius-200, 8px)"};
+  border-top-right-radius: ${"var(--ds-border-radius-200, 8px)"};
+  margin-bottom: ${blockGap};
 `;

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.8",
+  packageVersion: "26.42.10",
   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 '../InlineCard/Frame';
+import { Frame } from '../RedesignedInlineCard/Frame';
 export class CardLinkView extends React.PureComponent {
   render() {
     return /*#__PURE__*/React.createElement(Frame, _extends({

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.

package/dist/esm/messages.js

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

package/dist/esm/state/helpers.js

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

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

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

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

@@ -12,7 +12,7 @@ import { Emoji } from '../components/Emoji';
 import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
 import { MetadataList } from '../../common/MetadataList';
-import { LozengeBlockWrapper } from '../../InlineCard/IconAndTitleLayout/styled';
+import { LozengeBlockWrapper } from './styled';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';