@atlaskit/smart-card 26.42.9 → 26.42.10

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.10",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

@@ -7,7 +7,7 @@ var _templateObject;
 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';
@@ -34,6 +34,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var handleAuthorize = useCallback(function () {
     if (onAuthorize) {
       analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
@@ -45,6 +46,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var content = useMemo(function () {
     return onAuthorize ? jsx(UnauthorisedViewContent, {
       providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
       analytics: analytics,
       testId: testId
     }) : jsx(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
@@ -52,7 +54,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
         context: providerName
       }
     }));
-  }, [analytics, onAuthorize, providerName, testId]);
+  }, [analytics, isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);

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

@@ -6,7 +6,7 @@ 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 '../RedesignedInlineCard/ResolvedView';
@@ -47,6 +47,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extensionKey = getExtensionKey(details);
+  var isProductIntegrationSupported = hasAuthScopeOverrides(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -112,6 +113,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -127,6 +129,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':

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

@@ -19,7 +19,8 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     onAuthorise = _ref.onAuthorise,
     inheritDimensions = _ref.inheritDimensions,
     onClick = _ref.onClick,
-    extensionKey = _ref.extensionKey;
+    extensionKey = _ref.extensionKey,
+    isProductIntegrationSupported = _ref.isProductIntegrationSupported;
   var icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -50,6 +51,7 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       }, /*#__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 var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       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/esm/view/EmbedCard/views/unauthorized-view/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["analytics", "context", "extensionKey", "onAuthorize", "testId"];
+var _excluded = ["analytics", "context", "extensionKey", "isProductIntegrationSupported", "onAuthorize", "testId"];
 import Button from '@atlaskit/button';
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -14,6 +14,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
   var analytics = _ref.analytics,
     context = _ref.context,
     extensionKey = _ref.extensionKey,
+    isProductIntegrationSupported = _ref.isProductIntegrationSupported,
     onAuthorize = _ref.onAuthorize,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
@@ -45,6 +46,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
           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, {
@@ -79,7 +81,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
       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/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -5,12 +5,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @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';
@@ -20,6 +18,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';
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;
@@ -213,16 +212,11 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
     if (items && items.length > 0) {
-      return jsx("span", {
-        css: dropdownItemGroupStyles,
-        "data-testid": "".concat(testId, "-item-group")
-      }, jsx(DropdownItemGroup, null, items.map(function (item, idx) {
-        return jsx(LozengeActionItem, _extends({}, item, {
-          key: idx,
-          onClick: handleItemClick,
-          testId: "".concat(testId, "-item-").concat(idx)
-        }));
-      })));
+      return jsx(LozengeActionItemsGroup, {
+        testId: testId,
+        items: items,
+        onClick: handleItemClick
+      });
     }
   }, [errorMessage, handleItemClick, items, previewData, testId, url]);
   return jsx(DropdownMenu, {

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

@@ -0,0 +1,25 @@
+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';
+var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
+  var items = _ref.items,
+    testId = _ref.testId,
+    onClick = _ref.onClick;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+    jsx("span", {
+      css: dropdownItemGroupStyles,
+      "data-testid": "".concat(testId, "-item-group")
+    }, jsx(DropdownItemGroup, null, items.map(function (item, idx) {
+      return jsx(LozengeActionItem, _extends({}, item, {
+        key: idx,
+        onClick: onClick,
+        testId: "".concat(testId, "-item-").concat(idx)
+      }));
+    })))
+  );
+};
+export default LozengeActionItemsGroup;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/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';
 var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
   var analytics = _ref.analytics,
@@ -24,6 +25,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 = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
   var handleAuthorize = useCallback(function () {
@@ -59,6 +61,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     testId: "".concat(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/esm/view/LinkUrl/index.js

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

package/dist/esm/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
  */
 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 = useCallback(function () {
     analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+  var 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": "".concat(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/types/constants.d.ts

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

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/helpers.d.ts

@@ -17,3 +17,4 @@ export declare const getStatusDetails: (details?: JsonLd.Response) => string | u
 export declare const isFinalState: (status: CardType) => boolean;
 export declare const getDatasources: (details?: JsonLdDatasourceResponse) => DatasourceResolveResponse[] | undefined;
 export declare const getCanBeDatasource: (details?: JsonLdDatasourceResponse) => boolean;
+export declare const hasAuthScopeOverrides: (details?: JsonLd.Response) => boolean;

package/dist/types/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -11,6 +11,7 @@ export interface EmbedCardUnauthorisedViewProps {
     inheritDimensions?: boolean;
     onClick?: (evt: React.MouseEvent) => void;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
 }
 /**
  * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\

package/dist/types/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -5,5 +5,6 @@ export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions
     analytics: AnalyticsFacade;
     context?: ContextViewModel;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
     onAuthorize?: () => void;
 };

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { LozengeActionItemsGroupProps } from './types';
+declare const LozengeActionItemsGroup: FC<LozengeActionItemsGroupProps>;
+export default LozengeActionItemsGroup;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/types.d.ts

@@ -0,0 +1,7 @@
+import { LozengeItem } from '../types';
+import { ThemeAppearance } from '@atlaskit/lozenge';
+export type LozengeActionItemsGroupProps = {
+    items: LozengeItem[];
+    testId?: string;
+    onClick?: (id: string, text: string, appearance?: ThemeAppearance) => Promise<void>;
+};

package/dist/types/view/common/UnauthorisedViewContent.d.ts

@@ -6,6 +6,11 @@ type UnauthorisedViewContentProps = {
      * Eg. Google, Microsoft etc
      */
     providerName?: string;
+    /**
+     * If `true`, display an alternative message which prompts user to connect all
+     * Atlassian products (vs. smart links only) to the 3rd party account.
+     */
+    isProductIntegrationSupported?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
@@ -22,5 +27,5 @@ type UnauthorisedViewContentProps = {
  * 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
  */
-declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, isProductIntegrationSupported, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
 export default UnauthorisedViewContent;

package/dist/types-ts4.5/constants.d.ts

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

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/helpers.d.ts

@@ -17,3 +17,4 @@ export declare const getStatusDetails: (details?: JsonLd.Response) => string | u
 export declare const isFinalState: (status: CardType) => boolean;
 export declare const getDatasources: (details?: JsonLdDatasourceResponse) => DatasourceResolveResponse[] | undefined;
 export declare const getCanBeDatasource: (details?: JsonLdDatasourceResponse) => boolean;
+export declare const hasAuthScopeOverrides: (details?: JsonLd.Response) => boolean;

package/dist/types-ts4.5/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -11,6 +11,7 @@ export interface EmbedCardUnauthorisedViewProps {
     inheritDimensions?: boolean;
     onClick?: (evt: React.MouseEvent) => void;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
 }
 /**
  * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\

package/dist/types-ts4.5/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -5,5 +5,6 @@ export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions
     analytics: AnalyticsFacade;
     context?: ContextViewModel;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
     onAuthorize?: () => void;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { LozengeActionItemsGroupProps } from './types';
+declare const LozengeActionItemsGroup: FC<LozengeActionItemsGroupProps>;
+export default LozengeActionItemsGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/types.d.ts

@@ -0,0 +1,7 @@
+import { LozengeItem } from '../types';
+import { ThemeAppearance } from '@atlaskit/lozenge';
+export type LozengeActionItemsGroupProps = {
+    items: LozengeItem[];
+    testId?: string;
+    onClick?: (id: string, text: string, appearance?: ThemeAppearance) => Promise<void>;
+};

package/dist/types-ts4.5/view/common/UnauthorisedViewContent.d.ts

@@ -6,6 +6,11 @@ type UnauthorisedViewContentProps = {
      * Eg. Google, Microsoft etc
      */
     providerName?: string;
+    /**
+     * If `true`, display an alternative message which prompts user to connect all
+     * Atlassian products (vs. smart links only) to the 3rd party account.
+     */
+    isProductIntegrationSupported?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
@@ -22,5 +27,5 @@ type UnauthorisedViewContentProps = {
  * 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
  */
-declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, isProductIntegrationSupported, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
 export default UnauthorisedViewContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.42.9",
+  "version": "26.42.10",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"