@atlaskit/smart-card 26.42.8 → 26.42.10

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

@@ -1,15 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { tokens } from '../../../../utils/token';
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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
 export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n      margin-right: 0.5rem;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
-export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5em;\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5em;\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])));
 export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
-var flexibleBlockCardElevationStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
-var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));
-export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+export var flexibleBlockCardStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));

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

@@ -0,0 +1,5 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import styled from '@emotion/styled';
+// TODO: Replace overrides with proper AtlasKit solution.
+export var LozengeBlockWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > span {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-050, 4px)");

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

@@ -10,7 +10,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 var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
   _inherits(CardWithDataContent, _React$Component);

package/dist/esm/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';
@@ -216,7 +214,7 @@ function Component(_ref) {
         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/esm/view/EmbedCard/components/styled.js

@@ -6,7 +6,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 var className = 'media-card-frame';
 export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
 var BACKGROUND_COLOR_DARK = '#262B31';
@@ -46,19 +45,19 @@ function getInteractiveStyles(_ref3) {
 function selected(_ref4) {
   var isSelected = _ref4.isSelected,
     frameStyle = _ref4.frameStyle;
-  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : "box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n              ", borderRadius), "\n      ") : '';
+  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(wrapperBorderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? contentBorderRadius : '';
 }
 var height = function height(_ref5) {
   var inheritDimensions = _ref5.inheritDimensions;
   return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
+  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(wrapperBorderRadius, "\n  }\n");
 };
-var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n           background-color: ", themed({
+var visibleStyles = "\n  &:after {\n    border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n    background-color: ", themed({
   light: "var(--ds-surface-raised, white)",
   dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
-})(), ";") : "background: ".concat("var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;"), "\n  }\n  .embed-header {\n    opacity: 1;\n  }");
+})(), ";\n  }\n  .embed-header {\n    opacity: 1;\n  }");
 function visible(_ref6) {
   var frameStyle = _ref6.frameStyle;
   return frameStyle === 'show' ? visibleStyles : '';
@@ -92,22 +91,15 @@ export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _tag
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
-  var isInteractive = _ref9.isInteractive;
-  if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
-    return "\n          .".concat(className, ":hover & {\n            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))", ";\n          }\n        ");
-  } else {
-    return '';
-  }
-}, function (_ref10) {
-  var allowScrollBar = _ref10.allowScrollBar;
+export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref9) {
+  var allowScrollBar = _ref9.allowScrollBar;
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
-}, function (_ref11) {
-  var frameStyle = _ref11.frameStyle;
+}, function (_ref10) {
+  var frameStyle = _ref10.frameStyle;
   return frameStyle === 'hide' ? 'height: 100%;' : "\n        height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n        top: ", "var(--ds-space-400, 32px)", ";\n      ");
 });
-export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref12) {
-  var size = _ref12.size;
+export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref11) {
+  var size = _ref11.size;
   return csssize(size);
 }, borderRadius);
 export var maxAvatarCount = 6;
@@ -118,8 +110,8 @@ export var Byline = styled.div(_templateObject10 || (_templateObject10 = _tagged
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var Description = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 7px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), 18 / 12, 18 * 3);
 export var ResolvedViewIconWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)");
-export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: ", " 0 ", "\n    ", ";\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-skeleton, ".concat(colors.N30, ")"), function (_ref13) {
-  var src = _ref13.src;
+export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: ", " 0 ", "\n    ", ";\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-skeleton, ".concat(colors.N30, ")"), function (_ref12) {
+  var src = _ref12.src;
   return src;
 });
 export var UsersWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");

package/dist/esm/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';
@@ -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/HoverCard/components/HoverCardComponent.js

@@ -15,7 +15,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';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -221,7 +220,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       "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,
@@ -230,8 +229,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     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/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/HoverCard/styled.js

@@ -5,7 +5,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 var HOVER_CARD_Z_INDEX = layers.modal();
@@ -23,7 +22,7 @@ var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
 export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, loadingPlaceholderClassName);
-export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  ", "\n"])), blockGap, separatorCss, elementGap, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
 };
@@ -35,5 +34,5 @@ export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _t
   dark: "var(--ds-shadow-overlay, 0px 0px 0px rgba(188, 214, 240, 0.12),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5))"
 })());
 export var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-200, 8px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  margin-bottom: ", ";\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', "var(--ds-border-radius-200, 8px)", "var(--ds-border-radius-200, 8px)", blockGap);
 };

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.8",
+  packageVersion: "26.42.10",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
-import { Frame } from '../InlineCard/Frame';
+import { Frame } from '../RedesignedInlineCard/Frame';
 export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(CardLinkView, _React$PureComponent);
   var _super = _createSuper(CardLinkView);

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/extractors/inline/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
+import { InlineCardResolvedViewProps } from '../../view/RedesignedInlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;

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/BlockCard/views/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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/LinkView/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FrameViewProps } from '../InlineCard/Frame';
+import { FrameViewProps } from '../RedesignedInlineCard/Frame';
 export interface CardLinkViewProps extends FrameViewProps {
     placeholder?: string;
 }

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.
  */