@atlaskit/smart-card 27.5.0 → 27.5.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/smart-card
 
+## 27.5.1
+
+### Patch Changes
+
+- [#105138](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105138)
+  [`ecf1728ade7d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ecf1728ade7d) -
+  Update focus state on related modal
+- [#107029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107029)
+  [`e837166391e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e837166391e1) -
+  Automation action analytics
+
 ## 27.5.0
 
 ### Minor Changes

package/analytics.spec.yaml

@@ -139,3 +139,9 @@ events:
       description: fired when an explicit request is made to use an AI-powered feature
       attributes:
         <<: [*PackageMetaDataContext, *aiInteractionAttributes]
+
+  - button clicked (automationAction):
+      type: ui
+      description: fired when the automation action button is clicked
+      attributes:
+        <<: [*PackageMetaDataContext, *ResolvedAttributes]

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

@@ -14,7 +14,7 @@ var _createEventPayload = _interopRequireDefault(require("./create-event-payload
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegen <<SignedSource::3fdfbbdbdb062babb9a2ab4e53454d79>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 

package/dist/cjs/extractors/flexible/actions/extract-automation-action.js

@@ -30,6 +30,6 @@ var extractAutomationAction = exports.extractAutomationAction = function extract
     // TODO: The admin experience will be a follow up
     canManageAutomation: false,
     baseAutomationUrl: '',
-    analyticsSource: 'smartCard'
+    analyticsSource: 'smartCardAutomationAction'
   };
 };

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

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/index.js

@@ -13,6 +13,7 @@ var _manaulTriggersIcon = _interopRequireDefault(require("./manaul-triggers-icon
 var _action = _interopRequireDefault(require("../action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _modal = require("../../../../../state/modal");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _utils = require("./utils");
@@ -30,6 +31,8 @@ var AutomationAction = function AutomationAction(props) {
   var modal = (0, _modal.useSmartLinkModal)();
   var onClickCallback = props.onClick;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];
   var automationActionOnClick = (0, _react.useCallback)(function (automationActionData) {
     var product = automationActionData.product,
@@ -40,6 +43,7 @@ var AutomationAction = function AutomationAction(props) {
       canManageAutomation = automationActionData.canManageAutomation,
       analyticsSource = automationActionData.analyticsSource,
       objectName = automationActionData.objectName;
+    fireEvent('ui.button.clicked.automationAction', {});
     var _ref = (0, _utils.getModalContent)(product, resourceType) || {},
       modalTitle = _ref.modalTitle,
       modalDescription = _ref.modalDescription;
@@ -66,7 +70,7 @@ var AutomationAction = function AutomationAction(props) {
       }
     }));
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [modal, onClickCallback]);
+  }, [modal, onClickCallback, fireEvent]);
   if (!automationActionData) {
     return null;
   }

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

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
@@ -25,14 +26,20 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
   var onClose = _ref.onClose,
     showModal = _ref.showModal,
     children = _ref.children;
-  return (0, _react.jsx)(_modalDialog.ModalTransition, null, showModal && (0, _react.jsx)(_modalDialog.default, {
+  var openCompleteHandler = (0, _react.useCallback)(function (el) {
+    el.focus();
+  }, []);
+  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, showModal && (0, _react2.jsx)(_modalDialog.default, {
+    testId: "related-links-modal",
     onClose: onClose,
-    width: fixedWidth
-  }, (0, _react.jsx)(_modalDialog.ModalHeader, null, (0, _react.jsx)(_modalDialog.ModalTitle, null, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)(_primitives.Box, {
+    width: fixedWidth,
+    autoFocus: false,
+    onOpenComplete: openCompleteHandler
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_primitives.Box, {
     xcss: boxStyles
-  }, children)), (0, _react.jsx)(_modalDialog.ModalFooter, null, (0, _react.jsx)(_new.default, {
+  }, children)), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_new.default, {
     appearance: "primary",
     onClick: onClose
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
 };
 var _default = exports.default = RelatedLinksBaseModal;

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegen <<SignedSource::3fdfbbdbdb062babb9a2ab4e53454d79>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import { useCallback } from 'react';

package/dist/es2019/extractors/flexible/actions/extract-automation-action.js

@@ -28,6 +28,6 @@ export const extractAutomationAction = response => {
     // TODO: The admin experience will be a follow up
     canManageAutomation: false,
     baseAutomationUrl: '',
-    analyticsSource: 'smartCard'
+    analyticsSource: 'smartCardAutomationAction'
   };
 };

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

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/index.js

@@ -5,6 +5,7 @@ import AutomationManualTriggersGlyph from './manaul-triggers-icon';
 import Action from '../action';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { useSmartLinkModal } from '../../../../../state/modal';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { getModalContent } from './utils';
@@ -19,6 +20,9 @@ const AutomationAction = props => {
     onClick: onClickCallback
   } = props;
   const context = useFlexibleUiContext();
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
   const automationActionData = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
   const automationActionOnClick = useCallback(automationActionData => {
     const {
@@ -31,6 +35,7 @@ const AutomationAction = props => {
       analyticsSource,
       objectName
     } = automationActionData;
+    fireEvent('ui.button.clicked.automationAction', {});
     const {
       modalTitle,
       modalDescription
@@ -54,7 +59,7 @@ const AutomationAction = props => {
       onClose: () => modal.close()
     }));
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
-  }, [modal, onClickCallback]);
+  }, [modal, onClickCallback, fireEvent]);
   if (!automationActionData) {
     return null;
   }

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

package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+import { useCallback } from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
@@ -16,9 +17,15 @@ const RelatedLinksBaseModal = ({
   showModal,
   children
 }) => {
+  const openCompleteHandler = useCallback(el => {
+    el.focus();
+  }, []);
   return jsx(ModalTransition, null, showModal && jsx(Modal, {
+    testId: "related-links-modal",
     onClose: onClose,
-    width: fixedWidth
+    width: fixedWidth,
+    autoFocus: false,
+    onOpenComplete: openCompleteHandler
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, jsx(Box, {
     xcss: boxStyles
   }, children)), jsx(ModalFooter, null, jsx(Button, {

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::5fbe35afe0479810b090b1746dd1ae71>>
+ * @codegen <<SignedSource::3fdfbbdbdb062babb9a2ab4e53454d79>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import { useCallback } from 'react';

package/dist/esm/extractors/flexible/actions/extract-automation-action.js

@@ -24,6 +24,6 @@ export var extractAutomationAction = function extractAutomationAction(response)
     // TODO: The admin experience will be a follow up
     canManageAutomation: false,
     baseAutomationUrl: '',
-    analyticsSource: 'smartCard'
+    analyticsSource: 'smartCardAutomationAction'
   };
 };

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

package/dist/esm/view/FlexibleCard/components/actions/automation-action/index.js

@@ -5,6 +5,7 @@ import AutomationManualTriggersGlyph from './manaul-triggers-icon';
 import Action from '../action';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { useSmartLinkModal } from '../../../../../state/modal';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { getModalContent } from './utils';
@@ -18,6 +19,8 @@ var AutomationAction = function AutomationAction(props) {
   var modal = useSmartLinkModal();
   var onClickCallback = props.onClick;
   var context = useFlexibleUiContext();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
   var automationActionOnClick = useCallback(function (automationActionData) {
     var product = automationActionData.product,
@@ -28,6 +31,7 @@ var AutomationAction = function AutomationAction(props) {
       canManageAutomation = automationActionData.canManageAutomation,
       analyticsSource = automationActionData.analyticsSource,
       objectName = automationActionData.objectName;
+    fireEvent('ui.button.clicked.automationAction', {});
     var _ref = getModalContent(product, resourceType) || {},
       modalTitle = _ref.modalTitle,
       modalDescription = _ref.modalDescription;
@@ -54,7 +58,7 @@ var AutomationAction = function AutomationAction(props) {
       }
     }));
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [modal, onClickCallback]);
+  }, [modal, onClickCallback, fireEvent]);
   if (!automationActionData) {
     return null;
   }

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

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+import { useCallback } from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
@@ -15,9 +16,15 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
   var onClose = _ref.onClose,
     showModal = _ref.showModal,
     children = _ref.children;
+  var openCompleteHandler = useCallback(function (el) {
+    el.focus();
+  }, []);
   return jsx(ModalTransition, null, showModal && jsx(Modal, {
+    testId: "related-links-modal",
     onClose: onClose,
-    width: fixedWidth
+    width: fixedWidth,
+    autoFocus: false,
+    onOpenComplete: openCompleteHandler
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, jsx(Box, {
     xcss: boxStyles
   }, children)), jsx(ModalFooter, null, jsx(Button, {

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::334c6c6965226785c649b8d6b292227c>>
+ * @codegen <<SignedSource::c3c6503e4183ef772d7576a979b729b7>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataType = {
@@ -33,9 +33,6 @@ export type ErrorViewedAiSummaryAttributesType = {};
 export type SummarySuccessAttributesType = {};
 export type SummaryFailedAttributesType = {
     reason: string | null;
-    /**
-     * True if the error should be counted towards the SLO.
-     */
     isSloError: boolean;
 };
 export type AiInteractionInitiatedAttributesType = {
@@ -43,6 +40,7 @@ export type AiInteractionInitiatedAttributesType = {
     proactiveAIGenerated: number;
     userGeneratedAI: number;
 };
+export type ButtonClickedAutomationActionAttributesType = {};
 export type AnalyticsEventAttributes = {
     /**
      * fired when an ai summary is clicked */
@@ -65,5 +63,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fired when an explicit request is made to use an AI-powered feature */
     'track.aiInteraction.initiated': AiInteractionInitiatedAttributesType;
+    /**
+     * fired when the automation action button is clicked */
+    'ui.button.clicked.automationAction': ButtonClickedAutomationActionAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

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

@@ -6,7 +6,7 @@
  * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
-import { type AnalyticsEventAttributes, type EventKey } from './analytics.types';
+import type { 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';

package/dist/types/view/RelatedLinksModal/components/RelatedLinksBaseModal.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type RelatedLinksBaseModalProps } from './types';
-declare const RelatedLinksBaseModal: ({ onClose, showModal, children, }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
+declare const RelatedLinksBaseModal: ({ onClose, showModal, children }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
 export default RelatedLinksBaseModal;

package/dist/types/view/RelatedLinksModal/components/types.d.ts

@@ -1,5 +1,5 @@
 import { type MessageDescriptor } from 'react-intl-next';
-import type React from "react";
+import type React from 'react';
 export type RelatedLinkItemProp = {
     url: string;
     testId?: string;

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::334c6c6965226785c649b8d6b292227c>>
+ * @codegen <<SignedSource::c3c6503e4183ef772d7576a979b729b7>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataType = {
@@ -33,9 +33,6 @@ export type ErrorViewedAiSummaryAttributesType = {};
 export type SummarySuccessAttributesType = {};
 export type SummaryFailedAttributesType = {
     reason: string | null;
-    /**
-     * True if the error should be counted towards the SLO.
-     */
     isSloError: boolean;
 };
 export type AiInteractionInitiatedAttributesType = {
@@ -43,6 +40,7 @@ export type AiInteractionInitiatedAttributesType = {
     proactiveAIGenerated: number;
     userGeneratedAI: number;
 };
+export type ButtonClickedAutomationActionAttributesType = {};
 export type AnalyticsEventAttributes = {
     /**
      * fired when an ai summary is clicked */
@@ -65,5 +63,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fired when an explicit request is made to use an AI-powered feature */
     'track.aiInteraction.initiated': AiInteractionInitiatedAttributesType;
+    /**
+     * fired when the automation action button is clicked */
+    'ui.button.clicked.automationAction': ButtonClickedAutomationActionAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

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

@@ -6,7 +6,7 @@
  * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
-import { type AnalyticsEventAttributes, type EventKey } from './analytics.types';
+import type { AnalyticsEventAttributes, EventKey } from './analytics.types';
 type OptionalIfUndefined<T> = undefined extends T ? [
     param?: T
 ] : [

package/dist/types-ts4.5/view/RelatedLinksModal/components/RelatedLinksBaseModal.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type RelatedLinksBaseModalProps } from './types';
-declare const RelatedLinksBaseModal: ({ onClose, showModal, children, }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
+declare const RelatedLinksBaseModal: ({ onClose, showModal, children }: RelatedLinksBaseModalProps) => jsx.JSX.Element;
 export default RelatedLinksBaseModal;

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

@@ -1,5 +1,5 @@
 import { type MessageDescriptor } from 'react-intl-next';
-import type React from "react";
+import type React from 'react';
 export type RelatedLinkItemProp = {
     url: string;
     testId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "27.5.0",
+  "version": "27.5.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"