@atlaskit/smart-card 29.1.1 → 29.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 29.3.0
+
+### Minor Changes
+
+- [#150690](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150690)
+  [`dc28b053e40da`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc28b053e40da) -
+  [ux] Enable new icons behind a feature flag.
+
+## 29.2.0
+
+### Minor Changes
+
+- [#150309](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150309)
+  [`e59aea25f64b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e59aea25f64b1) -
+  EDM-10845 Use new AI smartlink summary service
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 29.1.1
 
 ### Patch Changes

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -15,6 +15,7 @@ var _types = require("./types");
 var _utils = require("./utils");
 var _readStream = require("./readStream");
 var _linkingCommon = require("@atlaskit/linking-common");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -46,7 +47,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payload = {
-              recipient_agent_named_id: 'summary_agent',
+              recipient_agent_named_id: (0, _platformFeatureFlags.fg)('platform-smart-card-use-ai-smartlink-summary-agent') ? 'smartlink_summary_agent' : 'summary_agent',
               agent_input_context: {
                 content_url: _this.url,
                 content_ari: _this.ari,

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

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

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("react");
 var _colors = require("@atlaskit/theme/colors");
-var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+var _warning = _interopRequireDefault(require("@atlaskit/icon/utility/migration/warning"));
 var _Frame = require("../components/Frame");
 var _Byline = require("../../common/Byline");
 var _ActionList = require("../components/ActionList");
@@ -22,12 +22,16 @@ var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _RetryAction = require("../actions/RetryAction");
+var _primitives = require("@atlaskit/primitives");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
+var iconWrapperStyles = (0, _primitives.xcss)({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -70,14 +74,16 @@ var ErroredView = exports.ErroredView = function ErroredView(_ref) {
     url: link,
     testId: testId
   })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    (0, _react.jsx)(_warning.default, {
+    icon: (0, _react.jsx)(_primitives.Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, (0, _react.jsx)(_warning.default, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
-      testId: "".concat(testId, "-warning-icon")
-    }),
+      LEGACY_size: "small",
+      color: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
+      testId: "".concat(testId, "-warning-icon"),
+      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 ", "var(--ds-space-negative-025, -2px)")
+    })),
     text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
   }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_ActionList.ActionList, {
     items: actions

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

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -4,6 +4,7 @@ import { ChunkProcessingError } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 export class AISummaryService {
   constructor(props) {
     var _getXProductHeaderVal;
@@ -22,7 +23,7 @@ export class AISummaryService {
     });
     _defineProperty(this, "fetchStream", async () => {
       const payload = {
-        recipient_agent_named_id: 'summary_agent',
+        recipient_agent_named_id: fg('platform-smart-card-use-ai-smartlink-summary-agent') ? 'smartlink_summary_agent' : 'summary_agent',
         agent_input_context: {
           content_url: this.url,
           content_ari: this.ari,

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

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

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
+import WarningIcon from '@atlaskit/icon/utility/migration/warning';
 import { Frame } from '../components/Frame';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
@@ -19,9 +19,13 @@ import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
+import { Flex, xcss } from '@atlaskit/primitives';
 const textDescriptionProps = {
   ...messages.could_not_load_link
 };
+const iconWrapperStyles = xcss({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -56,14 +60,16 @@ export const ErroredView = ({
     url: link,
     testId: testId
   })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    jsx(WarningIcon, {
+    icon: jsx(Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, jsx(WarningIcon, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: `var(--ds-icon-warning, ${R300})`,
-      testId: `${testId}-warning-icon`
-    }),
+      LEGACY_size: "small",
+      color: `var(--ds-icon-warning, ${R300})`,
+      testId: `${testId}-warning-icon`,
+      LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 ${"var(--ds-space-negative-025, -2px)"}`
+    })),
     text: jsx(FormattedMessage, textDescriptionProps)
   }))), jsx(ContentFooter, null, jsx(ActionList, {
     items: actions

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

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

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -15,6 +15,7 @@ import { ChunkProcessingError } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,
@@ -39,7 +40,7 @@ export var AISummaryService = /*#__PURE__*/function () {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payload = {
-              recipient_agent_named_id: 'summary_agent',
+              recipient_agent_named_id: fg('platform-smart-card-use-ai-smartlink-summary-agent') ? 'smartlink_summary_agent' : 'summary_agent',
               agent_input_context: {
                 content_url: _this.url,
                 content_ari: _this.ari,

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

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

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

@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
+import WarningIcon from '@atlaskit/icon/utility/migration/warning';
 import { Frame } from '../components/Frame';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
@@ -22,7 +22,11 @@ import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
+import { Flex, xcss } from '@atlaskit/primitives';
 var textDescriptionProps = _objectSpread({}, messages.could_not_load_link);
+var iconWrapperStyles = xcss({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -65,14 +69,16 @@ export var ErroredView = function ErroredView(_ref) {
     url: link,
     testId: testId
   })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    jsx(WarningIcon, {
+    icon: jsx(Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, jsx(WarningIcon, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: "var(--ds-icon-warning, ".concat(R300, ")"),
-      testId: "".concat(testId, "-warning-icon")
-    }),
+      LEGACY_size: "small",
+      color: "var(--ds-icon-warning, ".concat(R300, ")"),
+      testId: "".concat(testId, "-warning-icon"),
+      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 ", "var(--ds-space-negative-025, -2px)")
+    })),
     text: jsx(FormattedMessage, textDescriptionProps)
   }))), jsx(ContentFooter, null, jsx(ActionList, {
     items: actions

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

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

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -26,7 +26,17 @@ export type AISummaryServiceConfig = {
 };
 export type AISummaryStatus = 'ready' | 'loading' | 'error' | 'done';
 export type PostAgentPayload = {
-    recipient_agent_named_id: string;
+    /**
+     * Which agent in `assistance_service` to use.
+     *
+     * The AI mate team requested Linking Platform to move away from the default
+     * summary agent and create our own.
+     *
+     * There is likely to be a future migration from `assistance-service`
+     * to `convo-ai` which is currently unclear:
+     * https://atlassian.slack.com/archives/C05S4PH8YAY/p1728528096549549
+     */
+    recipient_agent_named_id: 'smartlink_summary_agent' | 'summary_agent';
     agent_input_context: AgentInputContext;
     user_intent?: string;
 };

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -26,7 +26,17 @@ export type AISummaryServiceConfig = {
 };
 export type AISummaryStatus = 'ready' | 'loading' | 'error' | 'done';
 export type PostAgentPayload = {
-    recipient_agent_named_id: string;
+    /**
+     * Which agent in `assistance_service` to use.
+     *
+     * The AI mate team requested Linking Platform to move away from the default
+     * summary agent and create our own.
+     *
+     * There is likely to be a future migration from `assistance-service`
+     * to `convo-ai` which is currently unclear:
+     * https://atlassian.slack.com/archives/C05S4PH8YAY/p1728528096549549
+     */
+    recipient_agent_named_id: 'smartlink_summary_agent' | 'summary_agent';
     agent_input_context: AgentInputContext;
     user_intent?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "29.1.1",
+	"version": "29.3.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/popup": "^1.28.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^18.0.0",
+		"@atlaskit/select": "^18.1.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
@@ -156,6 +156,9 @@
 		},
 		"send-smart-link-rendered-ufo-event-half-time": {
 			"type": "boolean"
+		},
+		"platform-smart-card-use-ai-smartlink-summary-agent": {
+			"type": "boolean"
 		}
 	}
 }