@atlaskit/smart-card 26.42.8 → 26.42.10

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 26.42.10
+
+### Patch Changes
+
+- [#57701](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57701) [`74bb477813d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/74bb477813d6) - update VR tests for actions lozenge
+- [#56913](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56913) [`0dca4d0184d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0dca4d0184d5) - Show an alternative message for 3P unauthorized view when `hasScopeOverrides` flag is set in the `meta`. This is to accomodate authorization which affects more than smart links.
+
+## 26.42.9
+
+### Patch Changes
+
+- [#57101](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57101) [`80da63d8b9d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80da63d8b9d5) - [ux] Feature flag cleanup (platform.linking-platform.smart-card.show-smart-links-refreshed-design) for Smart Links refresh design. This surfaces rounder corner and styling changes on Smart Links.
+- Updated dependencies
+
 ## 26.42.8
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.ActionName = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
 var CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
+var CONTENT_URL_3P_ACCOUNT_AUTH = exports.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/cjs/messages.js

@@ -96,12 +96,12 @@ var messages = exports.messages = (0, _reactIntlNext.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: {
@@ -184,6 +184,11 @@ var messages = exports.messages = (0, _reactIntlNext.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/cjs/state/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getDatasources = exports.getClickUrl = exports.getCanBeDatasource = exports.getByDefinitionId = void 0;
+exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.hasAuthScopeOverrides = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getDatasources = exports.getClickUrl = exports.getCanBeDatasource = exports.getByDefinitionId = void 0;
 var _extractVisitUrl = require("../extractors/common/primitives/extractVisitUrl");
 var getByDefinitionId = exports.getByDefinitionId = function getByDefinitionId(definitionId, store) {
   var urls = Object.keys(store);
@@ -68,4 +68,7 @@ var getDatasources = exports.getDatasources = function getDatasources(details) {
 var getCanBeDatasource = exports.getCanBeDatasource = function getCanBeDatasource(details) {
   var datasources = getDatasources(details);
   return !!datasources && datasources.length > 0;
+};
+var hasAuthScopeOverrides = exports.hasAuthScopeOverrides = function hasAuthScopeOverrides(details) {
+  return !!(details !== null && details !== void 0 && details.meta.hasScopeOverrides);
 };

package/dist/cjs/utils/analytics/analytics.js

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

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

@@ -18,7 +18,7 @@ var _Emoji = require("../components/Emoji");
 var _Icon = require("../../common/Icon");
 var _Content = require("../components/Content");
 var _MetadataList = require("../../common/MetadataList");
-var _styled = require("../../InlineCard/IconAndTitleLayout/styled");
+var _styled = require("./styled");
 var _ContentHeader = require("../components/ContentHeader");
 var _ContentFooter = require("../components/ContentFooter");
 var _utils = require("../../common/utils");

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

@@ -41,6 +41,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var extensionKey = (_getExtensionKey = (0, _helpers.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 = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var handleAuthorize = (0, _react2.useCallback)(function () {
     if (onAuthorize) {
       analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
@@ -52,6 +53,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var content = (0, _react2.useMemo)(function () {
     return onAuthorize ? (0, _react.jsx)(_UnauthorisedViewContent.default, {
       providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
       analytics: analytics,
       testId: testId
     }) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
@@ -59,7 +61,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
         context: providerName
       }
     }));
-  }, [analytics, onAuthorize, providerName, testId]);
+  }, [analytics, isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = (0, _react2.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);

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

@@ -6,16 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titleBlockCss = exports.metadataBlockCss = exports.footerBlockCss = exports.flexibleBlockCardStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _token = require("../../../../utils/token");
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
-var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0.5em;\n  ", "\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0.5em;\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])));
 var footerBlockCss = exports.footerBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), _token.tokens.elevation, "var(--ds-space-025, 2px)");
-var refreshedFlexibleBlockCardStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"));
-var flexibleBlockCardStyle = exports.flexibleBlockCardStyle = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
+var flexibleBlockCardStyle = exports.flexibleBlockCardStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"));

package/dist/cjs/view/{InlineCard/ResolvingView → BlockCard/views}/styled.js

@@ -4,9 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SpinnerWrapper = void 0;
+exports.LozengeBlockWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _styled2 = require("../IconAndTitleLayout/styled");
 var _templateObject;
-var SpinnerWrapper = exports.SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  vertical-align: text-top;\n  margin-left: ", ";\n"])), "var(--ds-space-025, 2px)");
+// TODO: Replace overrides with proper AtlasKit solution.
+var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > span {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-050, 4px)");

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

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _jsonld = require("../../utils/jsonld");
 var _inline = require("../../extractors/inline");
 var _block = require("../../extractors/block");
-var _ResolvedView = require("../InlineCard/ResolvedView");
+var _ResolvedView = require("../RedesignedInlineCard/ResolvedView");
 var _BlockCard = require("../BlockCard");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

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

@@ -14,9 +14,7 @@ var measure = _interopRequireWildcard(require("../../utils/performance"));
 var _helpers = require("../../state/helpers");
 var _state = require("../../state");
 var _BlockCard = require("../BlockCard");
-var _InlineCard = require("../InlineCard");
 var _RedesignedInlineCard = require("../RedesignedInlineCard");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _EmbedCard = require("../EmbedCard");
 var _flexible = require("../../utils/flexible");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
@@ -226,7 +224,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/_react.default.createElement(_RedesignedInlineCard.InlineCard, inlineProps) : /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, inlineProps);
+      return /*#__PURE__*/_react.default.createElement(_RedesignedInlineCard.InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {
         id: id,

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

@@ -13,7 +13,6 @@ var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var colors = _colors;
 var _utils = require("../../common/utils");
 var _components = require("@atlaskit/theme/components");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -56,19 +55,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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        ".concat((0, _platformFeatureFlags.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((0, _utils.gs)(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat((0, _platformFeatureFlags.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((0, _constants.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((0, _platformFeatureFlags.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((0, _constants.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((0, _platformFeatureFlags.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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";\n           background-color: ", (0, _components.themed)({
+var visibleStyles = "\n  &:after {\n    border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";\n    background-color: ", (0, _components.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 : '';
@@ -102,22 +101,15 @@ var TextWrapper = exports.TextWrapper = _styled.default.div(_templateObject5 ||
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-var Content = exports.Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border, ".concat(_colors.N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
-  var isInteractive = _ref9.isInteractive;
-  if (isInteractive && !(0, _platformFeatureFlags.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;
+var Content = exports.Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.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      ");
 });
-var Image = exports.Image = _styled.default.img(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref12) {
-  var size = _ref12.size;
+var Image = exports.Image = _styled.default.img(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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);
 var maxAvatarCount = exports.maxAvatarCount = 6;
@@ -128,8 +120,8 @@ var Byline = exports.Byline = _styled.default.div(_templateObject10 || (_templat
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 var Description = exports.Description = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\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);
 var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)");
-var Thumbnail = exports.Thumbnail = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\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;
+var Thumbnail = exports.Thumbnail = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\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;
 });
 var UsersWrapper = exports.UsersWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");

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

@@ -16,7 +16,7 @@ var _block = require("../../extractors/block");
 var _helpers = require("../../state/helpers");
 var _context = require("../../extractors/common/context");
 var _BlockCard = require("../BlockCard");
-var _ResolvedView = require("../InlineCard/ResolvedView");
+var _ResolvedView = require("../RedesignedInlineCard/ResolvedView");
 var _ForbiddenView = require("./views/ForbiddenView");
 var _NotFoundView = require("./views/NotFoundView");
 var _ResolvedView2 = require("./views/ResolvedView");
@@ -54,6 +54,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(details);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -119,6 +120,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           analytics: analytics,
           context: unauthorisedViewProps.context,
           extensionKey: extensionKey,
+          isProductIntegrationSupported: isProductIntegrationSupported,
           inheritDimensions: inheritDimensions,
           isSelected: isSelected,
           onAuthorize: handleAuthorize,
@@ -134,6 +136,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         onClick: handleFrameClick,
         analytics: analytics,
         extensionKey: extensionKey,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     case 'forbidden':

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

@@ -29,7 +29,8 @@ var EmbedCardUnauthorisedView = exports.EmbedCardUnauthorisedView = function Emb
     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.default.createElement(_ImageIcon.ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -60,6 +61,7 @@ var EmbedCardUnauthorisedView = exports.EmbedCardUnauthorisedView = function Emb
       }, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
         analytics: analytics,
         providerName: context === null || context === void 0 ? void 0 : context.text,
+        isProductIntegrationSupported: isProductIntegrationSupported,
         testId: testId
       }));
     }
@@ -70,7 +72,7 @@ var EmbedCardUnauthorisedView = exports.EmbedCardUnauthorisedView = function Emb
       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.default.createElement(_ExpandedFrame.ExpandedFrame, {
     href: link,
     icon: icon,

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

@@ -16,7 +16,7 @@ var _messages = require("../../../../messages");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
 var _utils = require("../../utils");
 var _unresolvedView = _interopRequireDefault(require("../unresolved-view"));
-var _excluded = ["analytics", "context", "extensionKey", "onAuthorize", "testId"];
+var _excluded = ["analytics", "context", "extensionKey", "isProductIntegrationSupported", "onAuthorize", "testId"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var UnauthorizedView = function UnauthorizedView(_ref) {
@@ -24,6 +24,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,
@@ -55,6 +56,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
           description: /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
             analytics: analytics,
             providerName: context === null || context === void 0 ? void 0 : context.text,
+            isProductIntegrationSupported: isProductIntegrationSupported,
             testId: testId
           }),
           button: /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -89,7 +91,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
       title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.unauthorised_account_name_no_provider),
       description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.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.default.createElement(_unresolvedView.default, (0, _extends2.default)({}, 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 : (0, _utils.getUnresolvedEmbedCardImage)('unauthorized'),

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,12 +11,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _lozengeActionItem = _interopRequireDefault(require("./lozenge-action-item"));
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
 var _lozengeActionTrigger = _interopRequireDefault(require("./lozenge-action-trigger"));
 var _lozengeActionError = _interopRequireDefault(require("./lozenge-action-error"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-var _styled = require("./styled");
 var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../extractors/action/extract-lozenge-action-items"));
 var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../../utils/actions/create-status-update-request"));
@@ -27,8 +24,7 @@ var _utils = require("../../../../../../state/hooks/use-invoke/utils");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _analytics = require("../../../../../../utils/analytics/analytics");
 var _lozengeActionAnalytics = require("./lozenge-action-analytics");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _lozengeActionItemsGroup = _interopRequireDefault(require("./lozenge-action-items-group"));
 /** @jsx jsx */
 
 var validateItems = function validateItems() {
@@ -224,16 +220,11 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
     if (items && items.length > 0) {
-      return (0, _react.jsx)("span", {
-        css: _styled.dropdownItemGroupStyles,
-        "data-testid": "".concat(testId, "-item-group")
-      }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
-        return (0, _react.jsx)(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
-          key: idx,
-          onClick: handleItemClick,
-          testId: "".concat(testId, "-item-").concat(idx)
-        }));
-      })));
+      return (0, _react.jsx)(_lozengeActionItemsGroup.default, {
+        testId: testId,
+        items: items,
+        onClick: handleItemClick
+      });
     }
   }, [errorMessage, handleItemClick, items, previewData, testId, url]);
   return (0, _react.jsx)(_dropdownMenu.default, {

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
+var _lozengeActionItem = _interopRequireDefault(require("../lozenge-action-item"));
+var _styled = require("../styled");
+var _dropdownMenu = require("@atlaskit/dropdown-menu");
+/** @jsx jsx */
+
+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
+    (0, _react.jsx)("span", {
+      css: _styled.dropdownItemGroupStyles,
+      "data-testid": "".concat(testId, "-item-group")
+    }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
+      return (0, _react.jsx)(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
+        key: idx,
+        onClick: onClick,
+        testId: "".concat(testId, "-item-").concat(idx)
+      }));
+    })))
+  );
+};
+var _default = exports.default = LozengeActionItemsGroup;

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

@@ -22,7 +22,6 @@ var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnal
 var _actions = require("../../../state/actions");
 var _analytics = require("../../../state/analytics");
 var _linkProvider = require("@atlaskit/link-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -232,7 +231,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return (0, _react.jsx)(_popup.default, (0, _extends2.default)({
+  return (0, _react.jsx)(_popup.default, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -241,8 +240,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') && {
+    zIndex: zIndex,
     popupComponent: _CustomPopupContainer.default
-  }));
+  });
 };

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

@@ -19,6 +19,7 @@ var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/comp
 var _elements = require("../../../../FlexibleCard/components/elements");
 var _constants = require("../../../../../constants");
 var _actions = require("../../../../../state/actions");
+var _helpers = require("../../../../../state/helpers");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
@@ -34,6 +35,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var cardState = flexibleCardProps.cardState;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
   var handleAuthorize = (0, _react.useCallback)(function () {
@@ -69,6 +71,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     testId: "".concat(testId, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
     providerName: providerName,
+    isProductIntegrationSupported: isProductIntegrationSupported,
     analytics: analytics
   }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
     overrideCss: _styled.connectButtonStyles,

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

@@ -11,7 +11,6 @@ var _index = require("../../index");
 var _constants = require("../../constants");
 var _constants2 = require("@atlaskit/theme/constants");
 var _components = require("@atlaskit/theme/components");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 var HOVER_CARD_Z_INDEX = exports.HOVER_CARD_Z_INDEX = _constants2.layers.modal();
@@ -29,7 +28,7 @@ var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 var separatorCss = exports.separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
 var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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, _index.loadingPlaceholderClassName);
-var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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);
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
 };
@@ -41,5 +40,5 @@ var popupContainerStyles = exports.popupContainerStyles = (0, _react.css)(_templ
   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))"
 })());
 var getPreviewBlockStyles = exports.getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  ", "\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', (0, _platformFeatureFlags.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 (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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/cjs/view/LinkUrl/index.js

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

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

@@ -12,7 +12,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
-var _Frame = require("../InlineCard/Frame");
+var _Frame = require("../RedesignedInlineCard/Frame");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var CardLinkView = exports.CardLinkView = /*#__PURE__*/function (_React$PureComponent) {

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

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