@atlaskit/smart-card 26.48.7 → 26.48.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.48.8
+
+### Patch Changes
+
+- [#74079](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74079) [`22faab8a24e4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22faab8a24e4) - Adds analytics for ai summary action and ai summary viewing.
+
 ## 26.48.7
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -0,0 +1,95 @@
+common:
+  product: media
+
+context:
+  PackageMetaData: &PackageMetaDataContext
+    packageName:
+      type: string
+      description: name of the package the event was fired from
+    packageVersion:
+      type: string
+      description: version of the package the event was fired from
+
+  ResolvedAttributes: &ResolvedAttributes
+    status:
+      type: ['pending', 'resolving', 'resolved', 'errored', 'fallback', 'unauthorized', 'forbidden', 'not_found']
+      description: The status of the link resolution at the time of the event.
+      required: false
+    statusDetails:
+      type: string
+      description: Provides further information of the resolved status. May be different for different status values
+      required: false
+    displayCategory:
+      type: ['smartLink', 'link']
+      description: |
+        The overarching category of what the link is shown as.
+        `smartLink` : we are able to resolve the link and is displayed as a smart link
+        `link` : we are unable to resolve the link and it is displayed as linked text or a linked URL
+    extensionKey:
+      type: string
+      required: false
+      description: The provider identifier of the resolver that was used to resolve the link
+    destinationProduct:
+      type: string
+      required: false
+      description: |
+        Which product the linked resource will navigate to when clicked.
+    destinationSubproduct:
+      type: string
+      required: false
+      description: |
+        Which subproduct will the link take you to when clicked.
+    destinationCategory:
+      type: string
+      required: false
+      description: |
+        The category of the linked object.
+        Typically value is either `object` or `comment`
+    destinationObjectId:
+      type: string
+      required: false
+      description: |
+        The `objectId` of the linked resource.
+    destinationObjectType:
+      type: string
+      required: false
+      description: |
+        The type of object of the linked resource.
+        Typically maps to `resourceType` as defined by resolvers.
+    destinationContainerId:
+      type: string
+      required: false
+      description: |
+        The `containerId` of the linked resource.
+        Eg. if the object is a Confluence page or blog post, then this value would be the ID of the "containing" space
+    destinationTenantId:
+      type: string
+      required: false
+      description: |
+        The `tenantId` of the linked resource if relevant.
+    canBeDatasource:
+      type: boolean
+      required: false
+      description: An indicator that a link can be converted to datasource view
+
+events:
+  - button clicked (aiSummary):
+      type: ui
+      description: fired when an ai summary is clicked
+      attributes:
+        <<: [*PackageMetaDataContext, *ResolvedAttributes]
+
+  - summary viewed:
+      type: ui
+      description: fired when a summary is viewed
+      attributes:
+        <<: [*PackageMetaDataContext, *ResolvedAttributes]
+        fromCache:
+          type: boolean
+          description: if the summary is from a cache
+
+  - error viewed (aiSummary):
+      type: ui
+      description: fired when a summary error is viewed
+      attributes:
+        <<: [*PackageMetaDataContext, *ResolvedAttributes]

package/dist/cjs/common/analytics/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EVENT_CHANNEL = void 0;
+var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';

package/dist/cjs/common/analytics/generated/analytics.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/common/analytics/generated/create-event-payload.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+
+var createEventPayload = function createEventPayload(eventKey) {
+  for (var _len = arguments.length, _ref = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    _ref[_key - 1] = arguments[_key];
+  }
+  var attributes = _ref[0];
+  var _eventKey$split = eventKey.split('.'),
+    _eventKey$split2 = (0, _slicedToArray2.default)(_eventKey$split, 4),
+    eventType = _eventKey$split2[0],
+    actionSubject = _eventKey$split2[1],
+    action = _eventKey$split2[2],
+    actionSubjectId = _eventKey$split2[3];
+  if (eventType === 'screen') {
+    return {
+      eventType: eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType: eventType,
+    actionSubject: actionSubject,
+    action: action,
+    actionSubjectId: actionSubjectId,
+    attributes: attributes
+  };
+};
+var _default = exports.default = createEventPayload;

package/dist/cjs/common/analytics/generated/use-analytics-events.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnalyticsEvents = void 0;
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _constants = require("../constants");
+var _createEventPayload = _interopRequireDefault(require("./create-event-payload"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+
+var useAnalyticsEvents = exports.useAnalyticsEvents = function useAnalyticsEvents() {
+  var _useAnalyticsNextEven = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsNextEven.createAnalyticsEvent;
+  var fireEvent = (0, _react.useCallback)(function () {
+    var event = createAnalyticsEvent(_createEventPayload.default.apply(void 0, arguments));
+    event.fire(_constants.EVENT_CHANNEL);
+  }, [createAnalyticsEvent]);
+  return {
+    fireEvent: fireEvent
+  };
+};

package/dist/cjs/i18n/zh.js

@@ -17,6 +17,9 @@ var _default = exports.default = {
   'fabric.linking.actions': '操作',
   'fabric.linking.add_account': '添加帐户',
   'fabric.linking.ai_summarize': '汇总',
+  'fabric.linking.ai_summarized': '由 Atlassian Intelligence 汇总',
+  'fabric.linking.ai_summarized_info': '信息质量可能有所不同。<a>了解更多</a>',
+  'fabric.linking.ai_summarizing': 'Atlassian Intelligence 正在运行...',
   'fabric.linking.assigned_to': '已分配给 {context}',
   'fabric.linking.cancel': '取消',
   'fabric.linking.cannot_connect': '无法连接，请重试',
@@ -41,6 +44,7 @@ var _default = exports.default = {
   'fabric.linking.create_on_relative': '创建时间：{context}',
   'fabric.linking.created_by': '创建者：{context}',
   'fabric.linking.delete': '删除',
+  'fabric.linking.direct_access': '立即加入',
   'fabric.linking.direct_access_description': '您的团队使用 {product} 进行协作，而您可以立即开始使用该产品！',
   'fabric.linking.direct_access_title': '加入 {product} 即可查看此内容',
   'fabric.linking.download': '下载',

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

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
+var AIEventErrorViewed = function AIEventErrorViewed() {
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.error.viewed.aiSummary', {});
+  }, [fireEvent]);
+  return null;
+};
+var _default = exports.default = AIEventErrorViewed;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
+var AIEventSummaryViewed = function AIEventSummaryViewed(_ref) {
+  var fromCache = _ref.fromCache;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.summary.viewed', {
+      fromCache: fromCache
+    });
+  }, [fireEvent, fromCache]);
+  return null;
+};
+var _default = exports.default = AIEventSummaryViewed;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -23,6 +23,9 @@ var _useAiSummary = require("../../../../../../state/hooks/use-ai-summary");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
+var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
+var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
+var _aiEventErrorViewed = _interopRequireDefault(require("../ai-event-error-viewed"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
@@ -38,6 +41,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     aiState = _useState2[0],
     setAIState = _useState2[1];
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var metadataElements = (0, _utils.renderElementItems)(metadata);
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var url = (context === null || context === void 0 ? void 0 : context.url) || '';
@@ -49,11 +54,12 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     status = _aiSummary$state.status,
     isSummarisedOnMount = aiSummary.isSummarisedOnMount;
   var onAIActionClick = (0, _react.useCallback)(function () {
+    fireEvent('ui.button.clicked.aiSummary', {});
     setAIState('loading');
     if (onAIActionChange) {
       onAIActionChange('loading');
     }
-  }, [onAIActionChange]);
+  }, [onAIActionChange, fireEvent]);
   var combinedActions = (0, _react.useMemo)(function () {
     if (aiState === 'ready') {
       var aiAction = {
@@ -79,6 +85,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
     direction: _constants.SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
+  }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
+    fromCache: isSummarisedOnMount
   }), /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
     content: content,
     showIcon: isSummarisedOnMount
@@ -100,7 +108,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     size: size
   }))), status === 'error' && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     grow: "fill"
-  }, /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, null), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
     state: status,
     testId: testId
   })));

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

package/dist/es2019/common/analytics/constants.js

@@ -0,0 +1 @@
+export const EVENT_CHANNEL = 'media';

package/dist/es2019/common/analytics/generated/analytics.types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/common/analytics/generated/create-event-payload.js

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+
+const createEventPayload = (eventKey, ...[attributes]) => {
+  const [eventType, actionSubject, action, actionSubjectId] = eventKey.split('.');
+  if (eventType === 'screen') {
+    return {
+      eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType,
+    actionSubject,
+    action,
+    actionSubjectId,
+    attributes: attributes
+  };
+};
+export default createEventPayload;

package/dist/es2019/common/analytics/generated/use-analytics-events.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+import { useCallback } from 'react';
+import { useAnalyticsEvents as useAnalyticsNextEvents } from '@atlaskit/analytics-next';
+import { EVENT_CHANNEL } from '../constants';
+import createEventPayload from './create-event-payload';
+export const useAnalyticsEvents = () => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsNextEvents();
+  const fireEvent = useCallback((...params) => {
+    const event = createAnalyticsEvent(createEventPayload(...params));
+    event.fire(EVENT_CHANNEL);
+  }, [createAnalyticsEvent]);
+  return {
+    fireEvent
+  };
+};

package/dist/es2019/i18n/zh.js

@@ -11,6 +11,9 @@ export default {
   'fabric.linking.actions': '操作',
   'fabric.linking.add_account': '添加帐户',
   'fabric.linking.ai_summarize': '汇总',
+  'fabric.linking.ai_summarized': '由 Atlassian Intelligence 汇总',
+  'fabric.linking.ai_summarized_info': '信息质量可能有所不同。<a>了解更多</a>',
+  'fabric.linking.ai_summarizing': 'Atlassian Intelligence 正在运行...',
   'fabric.linking.assigned_to': '已分配给 {context}',
   'fabric.linking.cancel': '取消',
   'fabric.linking.cannot_connect': '无法连接，请重试',
@@ -35,6 +38,7 @@ export default {
   'fabric.linking.create_on_relative': '创建时间：{context}',
   'fabric.linking.created_by': '创建者：{context}',
   'fabric.linking.delete': '删除',
+  'fabric.linking.direct_access': '立即加入',
   'fabric.linking.direct_access_description': '您的团队使用 {product} 进行协作，而您可以立即开始使用该产品！',
   'fabric.linking.direct_access_title': '加入 {product} 即可查看此内容',
   'fabric.linking.download': '下载',

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

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+const AIEventErrorViewed = () => {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    fireEvent('ui.error.viewed.aiSummary', {});
+  }, [fireEvent]);
+  return null;
+};
+export default AIEventErrorViewed;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+const AIEventSummaryViewed = ({
+  fromCache
+}) => {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    fireEvent('ui.summary.viewed', {
+      fromCache
+    });
+  }, [fireEvent, fromCache]);
+  return null;
+};
+export default AIEventSummaryViewed;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -13,6 +13,9 @@ import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+import AIEventSummaryViewed from '../ai-event-summary-viewed';
+import AIEventErrorViewed from '../ai-event-error-viewed';
 const AISummaryBlockResolvedView = props => {
   const {
     actions = [],
@@ -23,6 +26,9 @@ const AISummaryBlockResolvedView = props => {
     testId
   } = props;
   const [aiState, setAIState] = useState('ready');
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
   const metadataElements = renderElementItems(metadata);
   const context = useFlexibleUiContext();
   const url = (context === null || context === void 0 ? void 0 : context.url) || '';
@@ -37,11 +43,12 @@ const AISummaryBlockResolvedView = props => {
     isSummarisedOnMount
   } = aiSummary;
   const onAIActionClick = useCallback(() => {
+    fireEvent('ui.button.clicked.aiSummary', {});
     setAIState('loading');
     if (onAIActionChange) {
       onAIActionChange('loading');
     }
-  }, [onAIActionChange]);
+  }, [onAIActionChange, fireEvent]);
   const combinedActions = useMemo(() => {
     if (aiState === 'ready') {
       const aiAction = {
@@ -67,6 +74,8 @@ const AISummaryBlockResolvedView = props => {
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     direction: SmartLinkDirection.Vertical,
     testId: `${testId}-resolved-view`
+  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
+    fromCache: isSummarisedOnMount
   }), /*#__PURE__*/React.createElement(AISummary, {
     content: content,
     showIcon: isSummarisedOnMount
@@ -88,7 +97,7 @@ const AISummaryBlockResolvedView = props => {
     size: size
   }))), status === 'error' && /*#__PURE__*/React.createElement(Inline, {
     grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, null), /*#__PURE__*/React.createElement(AIStateIndicator, {
     state: status,
     testId: testId
   })));

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: "0.0.0-development",
+  packageVersion: "26.48.8",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/common/analytics/constants.js

@@ -0,0 +1 @@
+export var EVENT_CHANNEL = 'media';

package/dist/esm/common/analytics/generated/analytics.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/common/analytics/generated/create-event-payload.js

@@ -0,0 +1,38 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+
+var createEventPayload = function createEventPayload(eventKey) {
+  for (var _len = arguments.length, _ref = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    _ref[_key - 1] = arguments[_key];
+  }
+  var attributes = _ref[0];
+  var _eventKey$split = eventKey.split('.'),
+    _eventKey$split2 = _slicedToArray(_eventKey$split, 4),
+    eventType = _eventKey$split2[0],
+    actionSubject = _eventKey$split2[1],
+    action = _eventKey$split2[2],
+    actionSubjectId = _eventKey$split2[3];
+  if (eventType === 'screen') {
+    return {
+      eventType: eventType,
+      name: actionSubject,
+      action: 'viewed',
+      attributes: attributes
+    };
+  }
+  return {
+    eventType: eventType,
+    actionSubject: actionSubject,
+    action: action,
+    actionSubjectId: actionSubjectId,
+    attributes: attributes
+  };
+};
+export default createEventPayload;

package/dist/esm/common/analytics/generated/use-analytics-events.js

@@ -0,0 +1,23 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+import { useCallback } from 'react';
+import { useAnalyticsEvents as useAnalyticsNextEvents } from '@atlaskit/analytics-next';
+import { EVENT_CHANNEL } from '../constants';
+import createEventPayload from './create-event-payload';
+export var useAnalyticsEvents = function useAnalyticsEvents() {
+  var _useAnalyticsNextEven = useAnalyticsNextEvents(),
+    createAnalyticsEvent = _useAnalyticsNextEven.createAnalyticsEvent;
+  var fireEvent = useCallback(function () {
+    var event = createAnalyticsEvent(createEventPayload.apply(void 0, arguments));
+    event.fire(EVENT_CHANNEL);
+  }, [createAnalyticsEvent]);
+  return {
+    fireEvent: fireEvent
+  };
+};

package/dist/esm/i18n/zh.js

@@ -11,6 +11,9 @@ export default {
   'fabric.linking.actions': '操作',
   'fabric.linking.add_account': '添加帐户',
   'fabric.linking.ai_summarize': '汇总',
+  'fabric.linking.ai_summarized': '由 Atlassian Intelligence 汇总',
+  'fabric.linking.ai_summarized_info': '信息质量可能有所不同。<a>了解更多</a>',
+  'fabric.linking.ai_summarizing': 'Atlassian Intelligence 正在运行...',
   'fabric.linking.assigned_to': '已分配给 {context}',
   'fabric.linking.cancel': '取消',
   'fabric.linking.cannot_connect': '无法连接，请重试',
@@ -35,6 +38,7 @@ export default {
   'fabric.linking.create_on_relative': '创建时间：{context}',
   'fabric.linking.created_by': '创建者：{context}',
   'fabric.linking.delete': '删除',
+  'fabric.linking.direct_access': '立即加入',
   'fabric.linking.direct_access_description': '您的团队使用 {product} 进行协作，而您可以立即开始使用该产品！',
   'fabric.linking.direct_access_title': '加入 {product} 即可查看此内容',
   'fabric.linking.download': '下载',

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

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+var AIEventErrorViewed = function AIEventErrorViewed() {
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  useEffect(function () {
+    fireEvent('ui.error.viewed.aiSummary', {});
+  }, [fireEvent]);
+  return null;
+};
+export default AIEventErrorViewed;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+var AIEventSummaryViewed = function AIEventSummaryViewed(_ref) {
+  var fromCache = _ref.fromCache;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  useEffect(function () {
+    fireEvent('ui.summary.viewed', {
+      fromCache: fromCache
+    });
+  }, [fireEvent, fromCache]);
+  return null;
+};
+export default AIEventSummaryViewed;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -15,6 +15,9 @@ import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+import AIEventSummaryViewed from '../ai-event-summary-viewed';
+import AIEventErrorViewed from '../ai-event-error-viewed';
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
@@ -28,6 +31,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     _useState2 = _slicedToArray(_useState, 2),
     aiState = _useState2[0],
     setAIState = _useState2[1];
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var metadataElements = renderElementItems(metadata);
   var context = useFlexibleUiContext();
   var url = (context === null || context === void 0 ? void 0 : context.url) || '';
@@ -39,11 +44,12 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     status = _aiSummary$state.status,
     isSummarisedOnMount = aiSummary.isSummarisedOnMount;
   var onAIActionClick = useCallback(function () {
+    fireEvent('ui.button.clicked.aiSummary', {});
     setAIState('loading');
     if (onAIActionChange) {
       onAIActionChange('loading');
     }
-  }, [onAIActionChange]);
+  }, [onAIActionChange, fireEvent]);
   var combinedActions = useMemo(function () {
     if (aiState === 'ready') {
       var aiAction = {
@@ -69,6 +75,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     direction: SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
+  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
+    fromCache: isSummarisedOnMount
   }), /*#__PURE__*/React.createElement(AISummary, {
     content: content,
     showIcon: isSummarisedOnMount
@@ -90,7 +98,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     size: size
   }))), status === 'error' && /*#__PURE__*/React.createElement(Inline, {
     grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, null), /*#__PURE__*/React.createElement(AIStateIndicator, {
     state: status,
     testId: testId
   })));

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

package/dist/types/common/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::7957a4f104d8499ba8c1d791bc4c61e2>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+export type PackageMetaDataType = {
+    packageName: string;
+    packageVersion: string;
+};
+export type ResolvedAttributesType = {
+    status: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    statusDetails: string | null;
+    displayCategory: 'smartLink' | 'link';
+    extensionKey: string | null;
+    destinationProduct: string | null;
+    destinationSubproduct: string | null;
+    destinationCategory: string | null;
+    destinationObjectId: string | null;
+    destinationObjectType: string | null;
+    destinationContainerId: string | null;
+    destinationTenantId: string | null;
+    canBeDatasource: boolean | null;
+};
+export type ButtonClickedAiSummaryAttributesType = {};
+export type SummaryViewedAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {};
+export type AnalyticsEventAttributes = {
+    /**
+     * fired when an ai summary is clicked */
+    'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when a summary is viewed */
+    'ui.summary.viewed': SummaryViewedAttributesType;
+    /**
+     * fired when a summary error is viewed */
+    'ui.error.viewed.aiSummary': ErrorViewedAiSummaryAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/common/analytics/generated/create-event-payload.d.ts

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+type OptionalIfUndefined<T> = undefined extends T ? [param?: T] : [param: T];
+export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
+type EventTypes = 'ui' | 'track' | 'operational' | 'screen';
+type ScreenEventPayload<K extends EventKey> = {
+    eventType: 'screen';
+    name: string;
+    action: 'viewed';
+    attributes?: AnalyticsEventAttributes[K];
+};
+type EventPayload<K extends EventKey> = {
+    eventType: Omit<EventTypes, 'screen'>;
+    actionSubject: string;
+    action: string;
+    actionSubjectId?: string;
+    attributes?: AnalyticsEventAttributes[K];
+};
+declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
+export default createEventPayload;

package/dist/types/common/analytics/generated/use-analytics-events.d.ts

@@ -0,0 +1,3 @@
+export declare const useAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
+};

package/dist/types/i18n/zh.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
     'fabric.linking.actions': string;
     'fabric.linking.add_account': string;
     'fabric.linking.ai_summarize': string;
+    'fabric.linking.ai_summarized': string;
+    'fabric.linking.ai_summarized_info': string;
+    'fabric.linking.ai_summarizing': string;
     'fabric.linking.assigned_to': string;
     'fabric.linking.cancel': string;
     'fabric.linking.cannot_connect': string;
@@ -33,6 +36,7 @@ declare const _default: {
     'fabric.linking.create_on_relative': string;
     'fabric.linking.created_by': string;
     'fabric.linking.delete': string;
+    'fabric.linking.direct_access': string;
     'fabric.linking.direct_access_description': string;
     'fabric.linking.direct_access_title': string;
     'fabric.linking.download': string;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AIEventErrorViewed: React.FC;
+export default AIEventErrorViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AIEventSummaryViewedProps } from './types';
+declare const AIEventSummaryViewed: React.FC<AIEventSummaryViewedProps>;
+export default AIEventSummaryViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.d.ts

@@ -0,0 +1,3 @@
+export type AIEventSummaryViewedProps = {
+    fromCache?: boolean;
+};

package/dist/types-ts4.5/common/analytics/constants.d.ts

@@ -0,0 +1 @@
+export declare const EVENT_CHANNEL = "media";

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::7957a4f104d8499ba8c1d791bc4c61e2>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+export type PackageMetaDataType = {
+    packageName: string;
+    packageVersion: string;
+};
+export type ResolvedAttributesType = {
+    status: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    statusDetails: string | null;
+    displayCategory: 'smartLink' | 'link';
+    extensionKey: string | null;
+    destinationProduct: string | null;
+    destinationSubproduct: string | null;
+    destinationCategory: string | null;
+    destinationObjectId: string | null;
+    destinationObjectType: string | null;
+    destinationContainerId: string | null;
+    destinationTenantId: string | null;
+    canBeDatasource: boolean | null;
+};
+export type ButtonClickedAiSummaryAttributesType = {};
+export type SummaryViewedAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {};
+export type AnalyticsEventAttributes = {
+    /**
+     * fired when an ai summary is clicked */
+    'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when a summary is viewed */
+    'ui.summary.viewed': SummaryViewedAttributesType;
+    /**
+     * fired when a summary error is viewed */
+    'ui.error.viewed.aiSummary': ErrorViewedAiSummaryAttributesType;
+};
+export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/common/analytics/generated/create-event-payload.d.ts

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Generates Typescript types for analytics events from analytics.spec.yaml
+ *
+ * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
+ * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
+ */
+import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+type OptionalIfUndefined<T> = undefined extends T ? [
+    param?: T
+] : [
+    param: T
+];
+export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
+type EventTypes = 'ui' | 'track' | 'operational' | 'screen';
+type ScreenEventPayload<K extends EventKey> = {
+    eventType: 'screen';
+    name: string;
+    action: 'viewed';
+    attributes?: AnalyticsEventAttributes[K];
+};
+type EventPayload<K extends EventKey> = {
+    eventType: Omit<EventTypes, 'screen'>;
+    actionSubject: string;
+    action: string;
+    actionSubjectId?: string;
+    attributes?: AnalyticsEventAttributes[K];
+};
+declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
+export default createEventPayload;

package/dist/types-ts4.5/common/analytics/generated/use-analytics-events.d.ts

@@ -0,0 +1,7 @@
+export declare const useAnalyticsEvents: () => {
+    fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [
+        param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined
+    ] : [
+        param: import("./analytics.types").AnalyticsEventAttributes[K]
+    ]) => void;
+};

package/dist/types-ts4.5/i18n/zh.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
     'fabric.linking.actions': string;
     'fabric.linking.add_account': string;
     'fabric.linking.ai_summarize': string;
+    'fabric.linking.ai_summarized': string;
+    'fabric.linking.ai_summarized_info': string;
+    'fabric.linking.ai_summarizing': string;
     'fabric.linking.assigned_to': string;
     'fabric.linking.cancel': string;
     'fabric.linking.cannot_connect': string;
@@ -33,6 +36,7 @@ declare const _default: {
     'fabric.linking.create_on_relative': string;
     'fabric.linking.created_by': string;
     'fabric.linking.delete': string;
+    'fabric.linking.direct_access': string;
     'fabric.linking.direct_access_description': string;
     'fabric.linking.direct_access_title': string;
     'fabric.linking.download': string;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AIEventErrorViewed: React.FC;
+export default AIEventErrorViewed;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AIEventSummaryViewedProps } from './types';
+declare const AIEventSummaryViewed: React.FC<AIEventSummaryViewedProps>;
+export default AIEventSummaryViewed;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.d.ts

@@ -0,0 +1,3 @@
+export type AIEventSummaryViewedProps = {
+    fromCache?: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.48.7",
+  "version": "26.48.8",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,14 +24,17 @@
       "name": "Smart Card"
     }
   },
+  "scripts": {
+    "analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card --output ./src/common/analytics/generated"
+  },
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.5.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.6.0",
-    "@atlaskit/dropdown-menu": "^12.6.0",
+    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/dropdown-menu": "^12.7.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -40,8 +43,8 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^5.3.0",
-    "@atlaskit/linking-types": "^8.6.0",
+    "@atlaskit/linking-common": "^5.4.0",
+    "@atlaskit/linking-types": "^8.7.0",
     "@atlaskit/logo": "^13.15.0",
     "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/modal-dialog": "^12.10.0",
@@ -71,7 +74,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.6.4",
+    "@atlaskit/link-provider": "^1.8.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -85,6 +88,7 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
+    "@atlassian/analytics-tooling": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "^0.2.0",
     "@testing-library/dom": "^8.17.1",