@atlaskit/smart-card 43.4.2 → 43.4.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/smart-card
 
+## 43.4.3
+
+### Patch Changes
+
+- [`5f187d238dd42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f187d238dd42) -
+  [ux] Add experiment variations for hovercard unauthorized state
+- [`b01d4bfa70a61`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b01d4bfa70a61) -
+  Internal refactoring - deduplication of FlexCard related types
+- Updated dependencies
+
 ## 43.4.2
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -185,6 +185,31 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     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.'
   },
+  experiment_connect_unauthorised_account_action: {
+    id: 'fabric.linking.experiment_connect_unauthorised_account_action.non-final',
+    defaultMessage: 'Connect {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  experiment_connect_link_account_card_name_title: {
+    id: 'fabric.linking.experiment_connect_link_account_card_name.non-final',
+    defaultMessage: 'Get more out of {context}',
+    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. Displayed in title.'
+  },
+  experiment_connect_hovercard_description_1: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_1.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews, making it easier to collaborate and stay in context.',
+    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. (experiment test 1)'
+  },
+  experiment_connect_hovercard_description_2: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_2.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews and unlock more AI experiences, making it easier to collaborate and stay in context.',
+    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. (experiment test 2)'
+  },
+  experiment_connect_hovercard_description_3: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_3.non-final',
+    defaultMessage: 'Transform ordinary URLs into rich, interactive previews of your {context} content, and unlock enhanced AI-powered features within your Atlassian apps.',
+    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. (experiment test 3)'
+  },
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
@@ -330,6 +355,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.'
   },
+  experiment_learn_more_about_smart_links: {
+    id: 'fabric.linking.experiment_learn_more_about_smart_links.non-final',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    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.',

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

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

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
@@ -49,17 +50,22 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
       authorize(_constants.CardDisplay.HoverCardPreview);
     }
   }, [authorize, fireEvent]);
+  var hoverCardExperimentCohort = providerName === 'Google' ? _featureGateJsClient.default.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  var connectActionMessage = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' || hoverCardExperimentCohort === 'test3' ? _messages.messages.experiment_connect_unauthorised_account_action : _messages.messages.connect_unauthorised_account_action;
   var actions = (0, _react.useMemo)(function () {
     return [{
       name: _constants.ActionName.CustomAction,
-      content: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
+      content: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, connectActionMessage, {
         values: {
           context: providerName
         }
       })),
       onClick: handleAuthorize
     }];
-  }, [handleAuthorize, providerName]);
+  }, [handleAuthorize, providerName, connectActionMessage]);
+  if (hoverCardExperimentCohort === 'test4') {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
     testId: testId
   }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
@@ -74,7 +80,8 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     className: (0, _runtime.ax)(["_11c8dcr7 _19pku2gc"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
     providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
+    isProductIntegrationSupported: isProductIntegrationSupported,
+    appearance: hoverCardExperimentCohort !== 'control' ? 'hoverCardPreview' : undefined
   }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-button"),
     className: (0, _runtime.ax)(["_1bahesu3 _19pku2gc"])

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

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

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

@@ -9,12 +9,21 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _messages = require("../../messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var cohortMessages = {
+  control: _messages.messages.connect_unauthorised_account_description,
+  test1: _messages.messages.experiment_connect_hovercard_description_1,
+  test2: _messages.messages.experiment_connect_hovercard_description_2,
+  test3: _messages.messages.experiment_connect_hovercard_description_3,
+  test4: _messages.messages.connect_unauthorised_account_description
+};
+
 /**
  * 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
@@ -23,14 +32,31 @@ 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;
+    testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
+    appearance = _ref.appearance;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var handleLearnMoreClick = (0, _react.useCallback)(function () {
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
-  var learnMoreMessage = isProductIntegrationSupported ? (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.learn_more_about_connecting_account_appify : _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)({}, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.connect_unauthorised_account_description_appify : _messages.messages.connect_unauthorised_account_description, {
+  var hoverCardExperimentCohort = providerName === 'Google' && appearance === 'hoverCardPreview' ? _featureGateJsClient.default.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  var learnMoreMessage;
+  if (isProductIntegrationSupported) {
+    if (hoverCardExperimentCohort === 'control') {
+      learnMoreMessage = (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.learn_more_about_connecting_account_appify : _messages.messages.learn_more_about_connecting_account;
+    } else {
+      learnMoreMessage = _messages.messages.experiment_learn_more_about_smart_links;
+    }
+  } else {
+    learnMoreMessage = _messages.messages.learn_more_about_smart_links;
+  }
+  var unauthorizedAccountDescriptionMessage;
+  if (hoverCardExperimentCohort === 'control') {
+    unauthorizedAccountDescriptionMessage = (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.connect_unauthorised_account_description_appify : _messages.messages.connect_unauthorised_account_description;
+  } else {
+    unauthorizedAccountDescriptionMessage = cohortMessages[hoverCardExperimentCohort];
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }

package/dist/es2019/messages.js

@@ -179,6 +179,31 @@ export const messages = defineMessages({
     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.'
   },
+  experiment_connect_unauthorised_account_action: {
+    id: 'fabric.linking.experiment_connect_unauthorised_account_action.non-final',
+    defaultMessage: 'Connect {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  experiment_connect_link_account_card_name_title: {
+    id: 'fabric.linking.experiment_connect_link_account_card_name.non-final',
+    defaultMessage: 'Get more out of {context}',
+    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. Displayed in title.'
+  },
+  experiment_connect_hovercard_description_1: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_1.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews, making it easier to collaborate and stay in context.',
+    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. (experiment test 1)'
+  },
+  experiment_connect_hovercard_description_2: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_2.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews and unlock more AI experiences, making it easier to collaborate and stay in context.',
+    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. (experiment test 2)'
+  },
+  experiment_connect_hovercard_description_3: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_3.non-final',
+    defaultMessage: 'Transform ordinary URLs into rich, interactive previews of your {context} content, and unlock enhanced AI-powered features within your Atlassian apps.',
+    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. (experiment test 3)'
+  },
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
@@ -324,6 +349,11 @@ export const messages = defineMessages({
     defaultMessage: 'Learn more about Smart Links.',
     description: 'An anchor link to redirect user to a page about Smart Links.'
   },
+  experiment_learn_more_about_smart_links: {
+    id: 'fabric.linking.experiment_learn_more_about_smart_links.non-final',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    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.',

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development"
+  packageVersion: "43.4.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
@@ -43,15 +44,20 @@ const HoverCardUnauthorisedView = ({
       authorize(CardDisplay.HoverCardPreview);
     }
   }, [authorize, fireEvent]);
+  const hoverCardExperimentCohort = providerName === 'Google' ? FeatureGates.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  const connectActionMessage = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' || hoverCardExperimentCohort === 'test3' ? messages.experiment_connect_unauthorised_account_action : messages.connect_unauthorised_account_action;
   const actions = useMemo(() => [{
     name: ActionName.CustomAction,
-    content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, connectActionMessage, {
       values: {
         context: providerName
       }
     })),
     onClick: handleAuthorize
-  }], [handleAuthorize, providerName]);
+  }], [handleAuthorize, providerName, connectActionMessage]);
+  if (hoverCardExperimentCohort === 'test4') {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
@@ -66,7 +72,8 @@ const HoverCardUnauthorisedView = ({
     className: ax(["_11c8dcr7 _19pku2gc"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
+    isProductIntegrationSupported: isProductIntegrationSupported,
+    appearance: hoverCardExperimentCohort !== 'control' ? 'hoverCardPreview' : undefined
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-button`,
     className: ax(["_1bahesu3 _19pku2gc"])

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.4.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

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

@@ -1,11 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
+const cohortMessages = {
+  control: messages.connect_unauthorised_account_description,
+  test1: messages.experiment_connect_hovercard_description_1,
+  test2: messages.experiment_connect_hovercard_description_2,
+  test3: messages.experiment_connect_hovercard_description_3,
+  test4: messages.connect_unauthorised_account_description
+};
+
 /**
  * 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
@@ -13,7 +22,8 @@ import { messages } from '../../messages';
 const UnauthorisedViewContent = ({
   providerName,
   isProductIntegrationSupported,
-  testId = 'unauthorised-view-content'
+  testId = 'unauthorised-view-content',
+  appearance
 }) => {
   const {
     fireEvent
@@ -21,8 +31,24 @@ const UnauthorisedViewContent = ({
   const handleLearnMoreClick = useCallback(() => {
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
-  const learnMoreMessage = isProductIntegrationSupported ? fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : 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({}, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description, {
+  const hoverCardExperimentCohort = providerName === 'Google' && appearance === 'hoverCardPreview' ? FeatureGates.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  let learnMoreMessage;
+  if (isProductIntegrationSupported) {
+    if (hoverCardExperimentCohort === 'control') {
+      learnMoreMessage = fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : messages.learn_more_about_connecting_account;
+    } else {
+      learnMoreMessage = messages.experiment_learn_more_about_smart_links;
+    }
+  } else {
+    learnMoreMessage = messages.learn_more_about_smart_links;
+  }
+  let unauthorizedAccountDescriptionMessage;
+  if (hoverCardExperimentCohort === 'control') {
+    unauthorizedAccountDescriptionMessage = fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description;
+  } else {
+    unauthorizedAccountDescriptionMessage = cohortMessages[hoverCardExperimentCohort];
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }

package/dist/esm/messages.js

@@ -179,6 +179,31 @@ export var messages = defineMessages({
     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.'
   },
+  experiment_connect_unauthorised_account_action: {
+    id: 'fabric.linking.experiment_connect_unauthorised_account_action.non-final',
+    defaultMessage: 'Connect {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  experiment_connect_link_account_card_name_title: {
+    id: 'fabric.linking.experiment_connect_link_account_card_name.non-final',
+    defaultMessage: 'Get more out of {context}',
+    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. Displayed in title.'
+  },
+  experiment_connect_hovercard_description_1: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_1.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews, making it easier to collaborate and stay in context.',
+    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. (experiment test 1)'
+  },
+  experiment_connect_hovercard_description_2: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_2.non-final',
+    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews and unlock more AI experiences, making it easier to collaborate and stay in context.',
+    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. (experiment test 2)'
+  },
+  experiment_connect_hovercard_description_3: {
+    id: 'fabric.linking.experiment_connect_hovercard_description_3.non-final',
+    defaultMessage: 'Transform ordinary URLs into rich, interactive previews of your {context} content, and unlock enhanced AI-powered features within your Atlassian apps.',
+    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. (experiment test 3)'
+  },
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
@@ -324,6 +349,11 @@ export var messages = defineMessages({
     defaultMessage: 'Learn more about Smart Links.',
     description: 'An anchor link to redirect user to a page about Smart Links.'
   },
+  experiment_learn_more_about_smart_links: {
+    id: 'fabric.linking.experiment_learn_more_about_smart_links.non-final',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    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.',

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

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

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
@@ -40,17 +41,22 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
       authorize(CardDisplay.HoverCardPreview);
     }
   }, [authorize, fireEvent]);
+  var hoverCardExperimentCohort = providerName === 'Google' ? FeatureGates.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  var connectActionMessage = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' || hoverCardExperimentCohort === 'test3' ? messages.experiment_connect_unauthorised_account_action : messages.connect_unauthorised_account_action;
   var actions = useMemo(function () {
     return [{
       name: ActionName.CustomAction,
-      content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {
+      content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, connectActionMessage, {
         values: {
           context: providerName
         }
       })),
       onClick: handleAuthorize
     }];
-  }, [handleAuthorize, providerName]);
+  }, [handleAuthorize, providerName, connectActionMessage]);
+  if (hoverCardExperimentCohort === 'test4') {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
@@ -65,7 +71,8 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     className: ax(["_11c8dcr7 _19pku2gc"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
+    isProductIntegrationSupported: isProductIntegrationSupported,
+    appearance: hoverCardExperimentCohort !== 'control' ? 'hoverCardPreview' : undefined
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-button"),
     className: ax(["_1bahesu3 _19pku2gc"])

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.4.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

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

@@ -1,11 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
+var cohortMessages = {
+  control: messages.connect_unauthorised_account_description,
+  test1: messages.experiment_connect_hovercard_description_1,
+  test2: messages.experiment_connect_hovercard_description_2,
+  test3: messages.experiment_connect_hovercard_description_3,
+  test4: messages.connect_unauthorised_account_description
+};
+
 /**
  * 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
@@ -14,14 +23,31 @@ 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;
+    testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
+    appearance = _ref.appearance;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var handleLearnMoreClick = useCallback(function () {
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
-  var learnMoreMessage = isProductIntegrationSupported ? fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : 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({}, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description, {
+  var hoverCardExperimentCohort = providerName === 'Google' && appearance === 'hoverCardPreview' ? FeatureGates.getExperimentValue('platform_editor_google_hovercard_experiment', 'cohort', 'control') : 'control';
+  var learnMoreMessage;
+  if (isProductIntegrationSupported) {
+    if (hoverCardExperimentCohort === 'control') {
+      learnMoreMessage = fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : messages.learn_more_about_connecting_account;
+    } else {
+      learnMoreMessage = messages.experiment_learn_more_about_smart_links;
+    }
+  } else {
+    learnMoreMessage = messages.learn_more_about_smart_links;
+  }
+  var unauthorizedAccountDescriptionMessage;
+  if (hoverCardExperimentCohort === 'control') {
+    unauthorizedAccountDescriptionMessage = fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description;
+  } else {
+    unauthorizedAccountDescriptionMessage = cohortMessages[hoverCardExperimentCohort];
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type 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_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_appify';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_appify' | 'experiment_connect_link_account_card_name_title' | 'experiment_connect_hovercard_description_1' | 'experiment_connect_hovercard_description_2' | 'experiment_connect_hovercard_description_3' | 'experiment_connect_unauthorised_account_action' | 'experiment_learn_more_about_smart_links';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,6 +1,13 @@
 import { type ReactNode, type Ref } from 'react';
 import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
+import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
+import type { BaseAvatarGroupElementProps } from '../elements/common/base-avatar-group-element';
+import type { CreatedOnProps } from '../elements/created-on-element';
+import type { ModifiedOnProps } from '../elements/modified-on-element';
+import type { OwnedByElementProps } from '../elements/owned-by-element';
+import type { OwnedByGroupElementProps } from '../elements/owned-by-group-element';
+import type { ProviderElementProps } from '../elements/provider-element';
 export type BlockProps = {
     /**
      * Ref to block wrapper div.
@@ -208,37 +215,21 @@ export type AppliedToComponentsCount = {
  */
 export type AuthorGroup = {
     name: ElementName.AuthorGroup;
-    /**
-     * Shows a name prefix Created by in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<BaseAvatarGroupElementProps, 'showNamePrefix'>;
 /**
  * Represents the props available for an OwnedByGroup element.
  * @see AuthorGroup
  */
 export type OwnedByGroup = {
     name: ElementName.OwnedByGroup;
-    /**
-     * Shows a name prefix Owned by in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<OwnedByGroupElementProps, 'showNamePrefix'>;
 /**
  * Represents the props available for an AssignedToGroup element.
  * @see AuthorGroup
  */
 export type AssignedToGroup = {
     name: ElementName.AssignedToGroup;
-    /**
-     * Shows a default unassigned fallback avatar when no person is assigned.
-     */
-    showFallbackAvatar?: boolean;
-    /**
-     * Shows a name prefix Assigned To in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<AssignedToGroupElementProps, 'showFallbackAvatar' | 'showNamePrefix'>;
 /**
  * Represents the props available for an ChecklistProgress element.
  * @see ChecklistProgress
@@ -279,22 +270,15 @@ export type CreatedBy = {
  * @see OwnedBy
  */
 export type OwnedBy = {
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
-    hideFormat?: boolean;
     name: ElementName.OwnedBy;
-    textPrefix?: 'owned_by' | 'owned_by_override';
-};
+} & Pick<OwnedByElementProps, 'fontSize' | 'hideFormat' | 'textPrefix'>;
 /**
  * Represents the props available for an CreatedOn element.
  * @see CreatedOn
  */
 export type CreatedOn = {
     name: ElementName.CreatedOn;
-    /**
-     * A string which will be displayed before the specified element.
-     */
-    text?: string;
-};
+} & Pick<CreatedOnProps, 'text'>;
 /**
  * Represents the props available for an DueOn element.
  * @see CreatedOn
@@ -334,13 +318,8 @@ export type ModifiedBy = {
  * @see ModifiedOn
  */
 export type ModifiedOn = {
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
     name: ElementName.ModifiedOn;
-    /**
-     * A string which will be displayed before the specified element.
-     */
-    text?: string;
-};
+} & Pick<ModifiedOnProps, 'fontSize' | 'text'>;
 /**
  * Represents the props available for an Preview element.
  * @see Preview
@@ -367,9 +346,8 @@ export type ProgrammingLanguage = {
  * @see Provider
  */
 export type Provider = {
-    hideIcon?: boolean;
     name: ElementName.Provider;
-};
+} & Pick<ProviderElementProps, 'hideIcon'>;
 /**
  * Represents the props available for an ReactCount element.
  * @see ReactCount

package/dist/types/view/HoverCard/components/views/unauthorised/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardUnauthorisedProps } from './types';
-declare const HoverCardUnauthorisedView: ({ id, flexibleCardProps, testId, url, }: HoverCardUnauthorisedProps) => JSX.Element;
+declare const HoverCardUnauthorisedView: ({ id, flexibleCardProps, testId, url, }: HoverCardUnauthorisedProps) => JSX.Element | null;
 export default HoverCardUnauthorisedView;

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

@@ -1,5 +1,11 @@
 import React from 'react';
+import { type CardInnerAppearance } from '../Card/types';
 type UnauthorisedViewContentProps = {
+    /**
+     * The type of card this component is being used in.
+     * Determines the display behavior and messaging.
+     */
+    appearance?: CardInnerAppearance;
     /**
      * If `true`, display an alternative message which prompts user to connect all
      * Atlassian products (vs. smart links only) to the 3rd party account.
@@ -21,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, isProductIntegrationSupported, testId, }: UnauthorisedViewContentProps) => React.JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, isProductIntegrationSupported, testId, appearance, }: UnauthorisedViewContentProps) => React.JSX.Element;
 export default UnauthorisedViewContent;

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

@@ -1,6 +1,6 @@
 import { type 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_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_appify';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | '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' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | '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' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | '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' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_appify' | 'experiment_connect_link_account_card_name_title' | 'experiment_connect_hovercard_description_1' | 'experiment_connect_hovercard_description_2' | 'experiment_connect_hovercard_description_3' | 'experiment_connect_unauthorised_account_action' | 'experiment_learn_more_about_smart_links';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,6 +1,13 @@
 import { type ReactNode, type Ref } from 'react';
 import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
+import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
+import type { BaseAvatarGroupElementProps } from '../elements/common/base-avatar-group-element';
+import type { CreatedOnProps } from '../elements/created-on-element';
+import type { ModifiedOnProps } from '../elements/modified-on-element';
+import type { OwnedByElementProps } from '../elements/owned-by-element';
+import type { OwnedByGroupElementProps } from '../elements/owned-by-group-element';
+import type { ProviderElementProps } from '../elements/provider-element';
 export type BlockProps = {
     /**
      * Ref to block wrapper div.
@@ -208,37 +215,21 @@ export type AppliedToComponentsCount = {
  */
 export type AuthorGroup = {
     name: ElementName.AuthorGroup;
-    /**
-     * Shows a name prefix Created by in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<BaseAvatarGroupElementProps, 'showNamePrefix'>;
 /**
  * Represents the props available for an OwnedByGroup element.
  * @see AuthorGroup
  */
 export type OwnedByGroup = {
     name: ElementName.OwnedByGroup;
-    /**
-     * Shows a name prefix Owned by in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<OwnedByGroupElementProps, 'showNamePrefix'>;
 /**
  * Represents the props available for an AssignedToGroup element.
  * @see AuthorGroup
  */
 export type AssignedToGroup = {
     name: ElementName.AssignedToGroup;
-    /**
-     * Shows a default unassigned fallback avatar when no person is assigned.
-     */
-    showFallbackAvatar?: boolean;
-    /**
-     * Shows a name prefix Assigned To in the Avatar tooltip.
-     */
-    showNamePrefix?: boolean;
-};
+} & Pick<AssignedToGroupElementProps, 'showFallbackAvatar' | 'showNamePrefix'>;
 /**
  * Represents the props available for an ChecklistProgress element.
  * @see ChecklistProgress
@@ -279,22 +270,15 @@ export type CreatedBy = {
  * @see OwnedBy
  */
 export type OwnedBy = {
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
-    hideFormat?: boolean;
     name: ElementName.OwnedBy;
-    textPrefix?: 'owned_by' | 'owned_by_override';
-};
+} & Pick<OwnedByElementProps, 'fontSize' | 'hideFormat' | 'textPrefix'>;
 /**
  * Represents the props available for an CreatedOn element.
  * @see CreatedOn
  */
 export type CreatedOn = {
     name: ElementName.CreatedOn;
-    /**
-     * A string which will be displayed before the specified element.
-     */
-    text?: string;
-};
+} & Pick<CreatedOnProps, 'text'>;
 /**
  * Represents the props available for an DueOn element.
  * @see CreatedOn
@@ -334,13 +318,8 @@ export type ModifiedBy = {
  * @see ModifiedOn
  */
 export type ModifiedOn = {
-    fontSize?: 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small';
     name: ElementName.ModifiedOn;
-    /**
-     * A string which will be displayed before the specified element.
-     */
-    text?: string;
-};
+} & Pick<ModifiedOnProps, 'fontSize' | 'text'>;
 /**
  * Represents the props available for an Preview element.
  * @see Preview
@@ -367,9 +346,8 @@ export type ProgrammingLanguage = {
  * @see Provider
  */
 export type Provider = {
-    hideIcon?: boolean;
     name: ElementName.Provider;
-};
+} & Pick<ProviderElementProps, 'hideIcon'>;
 /**
  * Represents the props available for an ReactCount element.
  * @see ReactCount

package/dist/types-ts4.5/view/HoverCard/components/views/unauthorised/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardUnauthorisedProps } from './types';
-declare const HoverCardUnauthorisedView: ({ id, flexibleCardProps, testId, url, }: HoverCardUnauthorisedProps) => JSX.Element;
+declare const HoverCardUnauthorisedView: ({ id, flexibleCardProps, testId, url, }: HoverCardUnauthorisedProps) => JSX.Element | null;
 export default HoverCardUnauthorisedView;

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

@@ -1,5 +1,11 @@
 import React from 'react';
+import { type CardInnerAppearance } from '../Card/types';
 type UnauthorisedViewContentProps = {
+    /**
+     * The type of card this component is being used in.
+     * Determines the display behavior and messaging.
+     */
+    appearance?: CardInnerAppearance;
     /**
      * If `true`, display an alternative message which prompts user to connect all
      * Atlassian products (vs. smart links only) to the 3rd party account.
@@ -21,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, isProductIntegrationSupported, testId, }: UnauthorisedViewContentProps) => React.JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, isProductIntegrationSupported, testId, appearance, }: UnauthorisedViewContentProps) => React.JSX.Element;
 export default UnauthorisedViewContent;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.4.2",
+	"version": "43.4.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,9 +70,9 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.20.0",
+		"@atlaskit/tmp-editor-statsig": "^13.22.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tooltip": "^20.7.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -100,7 +100,7 @@
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/react-ufo": "^4.12.0",
+		"@atlaskit/react-ufo": "^4.13.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
@@ -231,6 +231,9 @@
 		},
 		"navx-1910-fix-hovercard-performance-metrics": {
 			"type": "boolean"
+		},
+		"platform_editor_google_hovercard_experiment": {
+			"type": "string"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"