@atlaskit/smart-card 43.5.0 → 43.5.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 43.5.2
+
+### Patch Changes
+
+- [`06627d3e25367`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06627d3e25367) -
+  [ux] Add the experiment title variation for the hovercard title
+- Updated dependencies
+
+## 43.5.1
+
+### Patch Changes
+
+- [`bcfeb40aa9347`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcfeb40aa9347) -
+  Remove custom custom AI icon fallback, behind fg navx-1959-remove-custom-ai-icon
+- Updated dependencies
+
 ## 43.5.0
 
 ### Minor Changes

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

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
@@ -46,12 +47,13 @@ function AISummariseAction(_ref) {
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
-    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, (0, _extends2.default)({
       spacing: "spacious",
       color: "currentColor",
-      label: "Summarise with AI",
+      label: "Summarise with AI"
+    }, (0, _platformFeatureFlags.fg)('navx-1959-remove-custom-ai-icon') ? undefined : {
       LEGACY_fallbackIcon: _aiIcon.default
-    }),
+    })),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),
     isLoading: status === 'loading',

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AIFooterMetadata = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _reactMagneticDi = require("react-magnetic-di");
 var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../../../messages");
@@ -37,10 +39,12 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
       LEGACY_size: "small",
       color: "var(--ds-icon-subtle, #626F86)"
     }));
-  }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
-    label: "AI",
-    LEGACY_size: "small",
+  }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, (0, _extends2.default)({
+    label: "AI"
+  }, (0, _platformFeatureFlags.fg)('navx-1959-remove-custom-ai-icon') ? undefined : {
     LEGACY_fallbackIcon: _aiIcon.default,
+    LEGACY_size: 'small'
+  }, {
     color: "var(--ds-icon-subtle, #626F86)"
-  }));
+  })));
 };

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

@@ -52,6 +52,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   }, [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 hoverCardTitle = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' ? _messages.messages.experiment_connect_link_account_card_name_title : _messages.messages.connect_link_account_card_name;
   var actions = (0, _react.useMemo)(function () {
     return [{
       name: _constants.ActionName.CustomAction,
@@ -71,7 +72,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-title"),
     className: (0, _runtime.ax)(["_zulpu2gc _13mh1pd9"])
-  }, /*#__PURE__*/React.createElement(_elements.LinkIcon, null), /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+  }, /*#__PURE__*/React.createElement(_elements.LinkIcon, null), /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, hoverCardTitle, {
     values: {
       context: providerName
     }

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: "43.4.4",
+  packageVersion: "43.5.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/ai-icon/index.js

@@ -11,6 +11,8 @@ var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
+ * @deprecated Use @atlaskit/icon/core/atlassian-intelligence instead.
+ * TODO: Remove on navx-1959-remove-custom-ai-icon cleanup
  */
 var AiIcon = function AiIcon(props) {
   return (

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

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import LegacyAiIcon from '../../../../common/ai-icon';
@@ -37,12 +38,13 @@ export function AISummariseAction({
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-    icon: /*#__PURE__*/React.createElement(AiIcon, {
+    icon: /*#__PURE__*/React.createElement(AiIcon, _extends({
       spacing: "spacious",
       color: "currentColor",
-      label: "Summarise with AI",
+      label: "Summarise with AI"
+    }, fg('navx-1959-remove-custom-ai-icon') ? undefined : {
       LEGACY_fallbackIcon: LegacyAiIcon
-    }),
+    })),
     onClick: handleActionClick,
     testId: `${testId}-summarise-action`,
     isLoading: status === 'loading',

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,7 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { di } from 'react-magnetic-di';
 import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../../../messages';
@@ -32,10 +34,12 @@ export const AIFooterMetadata = ({
     label: "Information",
     LEGACY_size: "small",
     color: "var(--ds-icon-subtle, #626F86)"
-  }))), /*#__PURE__*/React.createElement(AIIcon, {
-    label: "AI",
-    LEGACY_size: "small",
+  }))), /*#__PURE__*/React.createElement(AIIcon, _extends({
+    label: "AI"
+  }, fg('navx-1959-remove-custom-ai-icon') ? undefined : {
     LEGACY_fallbackIcon: LegacyAIIcon,
+    LEGACY_size: 'small'
+  }, {
     color: "var(--ds-icon-subtle, #626F86)"
-  }));
+  })));
 };

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

@@ -46,6 +46,7 @@ const HoverCardUnauthorisedView = ({
   }, [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 hoverCardTitle = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' ? messages.experiment_connect_link_account_card_name_title : messages.connect_link_account_card_name;
   const actions = useMemo(() => [{
     name: ActionName.CustomAction,
     content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, connectActionMessage, {
@@ -63,7 +64,7 @@ const HoverCardUnauthorisedView = ({
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-title`,
     className: ax(["_zulpu2gc _13mh1pd9"])
-  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, hoverCardTitle, {
     values: {
       context: providerName
     }

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: "43.4.4",
+  packageVersion: "43.5.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/ai-icon/index.js

@@ -4,6 +4,8 @@ import SVG from '@atlaskit/icon/svg';
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
+ * @deprecated Use @atlaskit/icon/core/atlassian-intelligence instead.
+ * TODO: Remove on navx-1959-remove-custom-ai-icon cleanup
  */
 const AiIcon = props =>
 /*#__PURE__*/

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

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -4,6 +4,7 @@ var _excluded = ["url", "onClick", "onError", "testId", "status", "summariseUrl"
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import LegacyAiIcon from '../../../../common/ai-icon';
@@ -37,12 +38,13 @@ export function AISummariseAction(_ref) {
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-    icon: /*#__PURE__*/React.createElement(AiIcon, {
+    icon: /*#__PURE__*/React.createElement(AiIcon, _extends({
       spacing: "spacious",
       color: "currentColor",
-      label: "Summarise with AI",
+      label: "Summarise with AI"
+    }, fg('navx-1959-remove-custom-ai-icon') ? undefined : {
       LEGACY_fallbackIcon: LegacyAiIcon
-    }),
+    })),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),
     isLoading: status === 'loading',

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,7 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { di } from 'react-magnetic-di';
 import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../../../messages';
@@ -30,10 +32,12 @@ export var AIFooterMetadata = function AIFooterMetadata(_ref) {
       LEGACY_size: "small",
       color: "var(--ds-icon-subtle, #626F86)"
     }));
-  }), /*#__PURE__*/React.createElement(AIIcon, {
-    label: "AI",
-    LEGACY_size: "small",
+  }), /*#__PURE__*/React.createElement(AIIcon, _extends({
+    label: "AI"
+  }, fg('navx-1959-remove-custom-ai-icon') ? undefined : {
     LEGACY_fallbackIcon: LegacyAIIcon,
+    LEGACY_size: 'small'
+  }, {
     color: "var(--ds-icon-subtle, #626F86)"
-  }));
+  })));
 };

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

@@ -43,6 +43,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   }, [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 hoverCardTitle = hoverCardExperimentCohort === 'test1' || hoverCardExperimentCohort === 'test2' ? messages.experiment_connect_link_account_card_name_title : messages.connect_link_account_card_name;
   var actions = useMemo(function () {
     return [{
       name: ActionName.CustomAction,
@@ -62,7 +63,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-title"),
     className: ax(["_zulpu2gc _13mh1pd9"])
-  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, hoverCardTitle, {
     values: {
       context: providerName
     }

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: "43.4.4",
+  packageVersion: "43.5.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-icon/index.js

@@ -4,6 +4,8 @@ import SVG from '@atlaskit/icon/svg';
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
+ * @deprecated Use @atlaskit/icon/core/atlassian-intelligence instead.
+ * TODO: Remove on navx-1959-remove-custom-ai-icon cleanup
  */
 var AiIcon = function AiIcon(props) {
   return (

package/dist/types/view/common/ai-icon/index.d.ts

@@ -4,6 +4,8 @@ import type { SVGProps } from '@atlaskit/icon/types';
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
+ * @deprecated Use @atlaskit/icon/core/atlassian-intelligence instead.
+ * TODO: Remove on navx-1959-remove-custom-ai-icon cleanup
  */
 declare const AiIcon: (props: SVGProps) => React.JSX.Element;
 export default AiIcon;

package/dist/types-ts4.5/view/common/ai-icon/index.d.ts

@@ -4,6 +4,8 @@ import type { SVGProps } from '@atlaskit/icon/types';
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
+ * @deprecated Use @atlaskit/icon/core/atlassian-intelligence instead.
+ * TODO: Remove on navx-1959-remove-custom-ai-icon cleanup
  */
 declare const AiIcon: (props: SVGProps) => React.JSX.Element;
 export default AiIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.5.0",
+	"version": "43.5.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,14 +64,14 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/section-message": "^8.8.0",
+		"@atlaskit/section-message": "^8.9.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.22.0",
-		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.26.0",
+		"@atlaskit/tokens": "^7.1.0",
 		"@atlaskit/tooltip": "^20.7.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -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.13.0",
+		"@atlaskit/react-ufo": "^4.14.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
@@ -226,6 +226,9 @@
 		"expose-product-details-from-smart-card": {
 			"type": "boolean"
 		},
+		"navx-1959-remove-custom-ai-icon": {
+			"type": "boolean"
+		},
 		"navx-1910-fix-hovercard-performance-metrics": {
 			"type": "boolean"
 		},