@atlaskit/smart-card 26.50.13 → 26.50.15

package/dist/esm/view/FlexibleCard/components/actions/utils.js

@@ -12,8 +12,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import EditIcon from '@atlaskit/icon/glyph/edit';
-import PreviewAction from './action/preview-action';
-import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import DownloadAction from './action/download-action';
@@ -41,16 +39,6 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     }),
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
   }
-}), _defineProperty(_actionMappings, ActionName.PreviewAction, {
-  component: PreviewAction,
-  props: {
-    testId: 'smart-action-preview-action',
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
-    icon: /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
-      label: "Open preview"
-    }),
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
-  }
 }), _defineProperty(_actionMappings, ActionName.ViewAction, {
   component: ViewAction,
   props: {
@@ -83,7 +71,6 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   }
   var data = context[contextKey];
   switch (actionName) {
-    case ActionName.PreviewAction:
     case ActionName.ViewAction:
     case ActionName.DownloadAction:
       return data;

package/dist/esm/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -8,7 +8,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { jsx } from '@emotion/react';
 import React, { useCallback } from 'react';
 import * as Actions from '../../../actions';
-import { isJSXElementNull } from '../../utils';
 var ActionGroupItem = function ActionGroupItem(_ref) {
   var item = _ref.item,
     size = _ref.size,
@@ -40,7 +39,14 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-  var action = jsx(Action, _extends({
+  return jsx(Action
+  // Remove url once ViewAction is retired.
+  // This seems to be a typescript workaround
+  // because ViewAction marks it as required,
+  // which does not reflect actual implementation as the url
+  // came from data context and not all actions require url.
+  // https://product-fabric.atlassian.net/browse/EDM-9547
+  , _extends({
     url: "",
     asDropDownItem: asDropDownItems,
     size: size,
@@ -48,9 +54,5 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
     onClick: handleOnClick,
     isDisabled: isDisabled
   }, actionProps));
-  if (!isJSXElementNull(action)) {
-    return action;
-  }
-  return null;
 };
 export default ActionGroupItem;

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

@@ -32,8 +32,10 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     fireEvent = _useAnalyticsEvents.fireEvent;
   var context = useFlexibleUiContext();
   var url = (context === null || context === void 0 ? void 0 : context.url) || '';
+  var ari = (context === null || context === void 0 ? void 0 : context.ari) || '';
   var _useAISummary = useAISummary({
-      url: url
+      url: url,
+      ari: ari
     }),
     summariseUrl = _useAISummary.summariseUrl,
     _useAISummary$state = _useAISummary.state,

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
-var _ElementDisplaySchema, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _ElementDisplaySchema, _templateObject;
 import React from 'react';
 import { css } from '@emotion/react';
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
@@ -19,10 +19,16 @@ export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {
     case SmartLinkDirection.Vertical:
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-direction: column;\n        align-items: flex-start;\n      "])));
+      return css({
+        flexDirection: 'column',
+        alignItems: 'flex-start'
+      });
     case SmartLinkDirection.Horizontal:
     default:
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        flex-direction: row;\n        align-items: center;\n      "])));
+      return css({
+        flexDirection: 'row',
+        alignItems: 'center'
+      });
   }
 };
 export var getGapSize = function getGapSize(size) {
@@ -39,9 +45,26 @@ export var getGapSize = function getGapSize(size) {
   }
 };
 export var getBaseStyles = function getBaseStyles(direction, size) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  gap: ", "rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  ", ";\n  &:empty {\n    display: none;\n  }\n  & > * {\n    min-width: 0;\n  }\n  & > [data-fit-to-content] {\n    min-width: fit-content;\n  }\n"])), getGapSize(size), getDirectionStyles(direction));
+  return css({
+    alignItems: 'center',
+    display: 'flex',
+    gap: "".concat(getGapSize(size), "rem"),
+    lineHeight: '1rem',
+    minWidth: 0,
+    overflow: 'hidden'
+  }, getDirectionStyles(direction), {
+    '&:empty': {
+      display: 'none'
+    },
+    '& > *': {
+      minWidth: 0
+    },
+    '& > [data-fit-to-content]': {
+      minWidth: 'fit-content'
+    }
+  });
 };
-export var highlightRemoveStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 };
@@ -60,26 +83,37 @@ export var getActionGroupStyles = function getActionGroupStyles(size) {
     // The biggest height of the action button exceeds the max line-height
     // of the elements causing the action on the block with x-large size to
     // get cut at the bottom.
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
+    return css({
+      maxHeight: '2rem'
+    });
   }
 };
 export var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
   return items.filter(function (item) {
+    var _context$actions;
     switch (item.name) {
-      // Action that require data from the data context to render.
+      case ActionName.DeleteAction:
+      case ActionName.EditAction:
+      case ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(ActionName[item.name]);
       case ActionName.DownloadAction:
+        // Remove once DownloadAction is refactored to context.action
+        // https://product-fabric.atlassian.net/browse/EDM-9545
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
+      // Remove once FollowAction is refactored to context.action
+      // https://product-fabric.atlassian.net/browse/EDM-9559
       case ActionName.FollowAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
-      case ActionName.PreviewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
+      // Remove once ViewAction is retired
+      // https://product-fabric.atlassian.net/browse/EDM-9547
       case ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
       default:
-        // Named and custom actions that user defines.
-        return Boolean(ActionName[item.name]);
+        // Action that require data from the data context to render.
+        return Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[item.name]);
     }
   });
 };

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -12,9 +12,9 @@ import AIPrism from '../../common/ai-prism';
 import { hoverCardClassName } from './HoverCardContent';
 import { useAISummary } from '../../../state/hooks/use-ai-summary';
 import { useSmartCardState } from '../../../state/store';
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractAri, extractLink } from '@atlaskit/link-extractors';
 var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
-  var _extractLink, _cardState$details;
+  var _cardState$details, _extractLink, _extractAri;
   var children = _ref.children,
     _ref$isAIEnabled = _ref.isAIEnabled,
     isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
@@ -22,9 +22,12 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
     url = _ref.url,
     props = _objectWithoutProperties(_ref, _excluded);
   var cardState = useSmartCardState(url);
-  var dataUrl = (_extractLink = extractLink(cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var data = cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var dataUrl = (_extractLink = extractLink(data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var dataAri = (_extractAri = extractAri(data)) !== null && _extractAri !== void 0 ? _extractAri : '';
   var _useAISummary = useAISummary({
-      url: dataUrl
+      url: dataUrl,
+      ari: dataAri
     }),
     status = _useAISummary.state.status;
   var _useState = useState(status === 'loading'),

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

@@ -13,7 +13,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractAri, extractLink } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../../../../constants';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
@@ -54,9 +54,11 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
 var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   var bottomPrimary = _ref.bottomPrimary,
     imagePreview = _ref.imagePreview,
-    url = _ref.url;
+    url = _ref.url,
+    ari = _ref.ari;
   var _useAISummary = useAISummary({
-      url: url
+      url: url,
+      ari: ari
     }),
     _useAISummary$state = _useAISummary.state,
     status = _useAISummary$state.status,
@@ -76,7 +78,7 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   })) : null;
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
-  var _cardState$details, _extractLink;
+  var _cardState$details, _extractLink, _extractAri;
   var flexibleCardProps = _ref2.flexibleCardProps,
     titleBlockProps = _ref2.titleBlockProps,
     analytics = _ref2.analytics,
@@ -102,6 +104,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }, [cardActions, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var dataUrl = (_extractLink = extractLink(data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var dataAri = (_extractAri = extractAri(data)) !== null && _extractAri !== void 0 ? _extractAri : '';
   var _useMemo = useMemo(function () {
       var betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
       return {
@@ -151,6 +154,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
     imagePreview: !!imagePreview,
     url: dataUrl,
+    ari: dataAri,
     bottomPrimary: bottomPrimary
   })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
     status: SmartLinkStatus.Resolved

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

package/dist/types/extractors/flexible/actions/index.d.ts

@@ -0,0 +1,5 @@
+import type { JsonLd } from 'json-ld-types';
+import type { FlexibleUiActions } from '../../../state/flexible-ui-context/types';
+import type { CardActionOptions } from '../../../view/Card/types';
+declare const extractActions: (response: JsonLd.Response, actionOptions?: CardActionOptions) => FlexibleUiActions | undefined;
+export default extractActions;

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -1,6 +1,6 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
 import { LinkPerson } from '@atlaskit/link-extractors';
-import { IconType, MediaType } from '../../constants';
+import { ActionName, IconType, MediaType } from '../../constants';
 import { InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
@@ -9,6 +9,10 @@ import type { AnalyticsFacade } from '../analytics';
  * underlying elements.
  */
 export type FlexibleUiDataContext = {
+    /**
+     * An object containing available action on the linked resource.
+     */
+    actions?: FlexibleUiActions;
     /**
      * An array containing data used to populate the AssignedToGroup element.
      * @see AvatarGroup
@@ -102,12 +106,6 @@ export type FlexibleUiDataContext = {
      * @see CreatedOn
      */
     createdOn?: string;
-    /**
-     * Contains data needed to show a preview action.
-     * @type PreviewActionData
-     * @see PreviewAction
-     */
-    previewAction?: PreviewActionData;
     /**
      * Contains data needed to show a view action.
      * @type ViewActionData
@@ -228,6 +226,12 @@ export type FlexibleUiDataContext = {
      * @see Title
      */
     url?: string;
+    /**
+     * Contains the atlassian resource identifier (ARI) of the linked resource.
+     * @type string
+     * @see Title
+     */
+    ari?: string;
     /**
      * Contains the name and url of the location that the resource is located in.
      * @type LinkLocation
@@ -248,6 +252,9 @@ export type Media = {
     type: MediaType;
     url: string;
 };
+export type FlexibleUiActions = {
+    [ActionName.PreviewAction]?: PreviewActionData;
+};
 export type PreviewActionData = {
     downloadUrl?: string;
     linkIcon?: Icon;

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

@@ -3,6 +3,7 @@ export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
     private url;
+    private ari?;
     private subscribedStateSetters;
     private onStart?;
     private onSuccess?;

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

@@ -12,6 +12,7 @@ export type AISummaryServiceProps = {
     onSuccess?: (id: string) => void;
     product?: ProductType;
     url: string;
+    ari: string;
 };
 export type AISummaryServiceConfig = {
     baseUrl: string;
@@ -21,14 +22,17 @@ export type AISummaryStatus = 'ready' | 'loading' | 'error' | 'done';
 export type ProductType = 'confluence' | 'atlas' | 'jpd' | 'jsm' | 'jsw' | 'jwm' | 'bitbucket' | 'trello';
 export type PostAgentPayload = {
     recipient_agent_named_id: string;
-    agent_input: AgentInput;
+    agent_input_context: AgentInputContext;
     user_intent?: string;
 };
-export type AgentInput = {
-    urls: Array<string>;
+export type AgentInputContext = {
+    content_url: string;
+    content_ari?: string;
     summary_style?: SummaryStyle;
+    summary_output_mimetype?: SummaryOutputMimeType;
 };
 export type SummaryStyle = 'short' | 'medium' | 'long';
+export type SummaryOutputMimeType = 'text/adf' | 'text/markdown' | 'text/json';
 export declare const errorMessages: readonly ["NETWORK_ERROR", "NO_ANSWER", "RATE_LIMIT", "NO_AGENT", "PLUGIN_ERRORED", "OPENAI_RATE_LIMIT_USER_ABUSE", "ACCEPTABLE_USE_VIOLATIONS", "AI_DISABLED", "UNEXPECTED"];
 export type ErrorMessage = (typeof errorMessages)[number];
 export type AISummaryState = {

package/dist/types/view/FlexibleCard/components/actions/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ActionProps } from './action/types';
-import { PreviewActionProps } from './action/preview-action/types';
 import { ViewActionProps } from './action/view-action/types';
 import { DownloadActionProps } from './action/download-action/types';
 export { default as FollowAction } from './follow-action';
+export { default as PreviewAction } from './preview-action';
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.
@@ -16,12 +16,6 @@ export declare const DeleteAction: import("react").FC<ActionProps>;
  * @see Action
  */
 export declare const EditAction: import("react").FC<ActionProps>;
-/**
- * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
- * to the text 'Preview' inside the button.
- * @see Action
- */
-export declare const PreviewAction: import("react").FC<PreviewActionProps>;
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/types/view/FlexibleCard/components/actions/preview-action/index.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/preview-action/types.d.ts

@@ -0,0 +1,2 @@
+import { LinkActionProps } from '../types';
+export type PreviewActionProps = LinkActionProps;

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

@@ -0,0 +1,7 @@
+import type { Optional } from '../../types';
+import type { ActionProps } from './action/types';
+/**
+ * Action based on link data.
+ * Action behaviour is determined by the availability of the link data.
+ */
+export type LinkActionProps = Optional<ActionProps, 'onClick'>;

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

@@ -79,12 +79,12 @@ export type FlexibleCardProps = {
      * Determine whether or not a preview card should show up when a user hovers
      * over the smartlink. Default value is false.
      */
-    showHoverPreview?: Boolean;
+    showHoverPreview?: boolean;
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.
      */
-    showAuthTooltip?: Boolean;
+    showAuthTooltip?: boolean;
 };
 export type FlexibleUiOptions = {
     /**
@@ -146,3 +146,21 @@ export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'id' |
     response?: JsonLd.Response;
     featureFlags?: Partial<LinkingPlatformFeatureFlags>;
 };
+/**
+ * Mark a specific props in the type as optional.
+ * FlexibleCard use this concept where base component has required props
+ * and the extended component provides these props. The props become an optional
+ * for the extended component but is still available for override/callback.
+ *
+ * For example: Action component require onClick callback to perform action
+ * but PreviewAction defines the onClick behaviour inside its component.
+ * PreviewAction still wants the onClick for a callback to executed after the
+ * action completes, but it is optional.
+ *
+ * Usage:
+ *   type ActionProps = { onClick: () => {}, content: string, icon?: React.ReactNode }
+ *   type PreviewActionProps = Optional<ActionProps, 'onClick'>
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & {
+    [K in keyof T]?: T[K];
+};

package/dist/types-ts4.5/extractors/flexible/actions/index.d.ts

@@ -0,0 +1,5 @@
+import type { JsonLd } from 'json-ld-types';
+import type { FlexibleUiActions } from '../../../state/flexible-ui-context/types';
+import type { CardActionOptions } from '../../../view/Card/types';
+declare const extractActions: (response: JsonLd.Response, actionOptions?: CardActionOptions) => FlexibleUiActions | undefined;
+export default extractActions;

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -1,6 +1,6 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
 import { LinkPerson } from '@atlaskit/link-extractors';
-import { IconType, MediaType } from '../../constants';
+import { ActionName, IconType, MediaType } from '../../constants';
 import { InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
@@ -9,6 +9,10 @@ import type { AnalyticsFacade } from '../analytics';
  * underlying elements.
  */
 export type FlexibleUiDataContext = {
+    /**
+     * An object containing available action on the linked resource.
+     */
+    actions?: FlexibleUiActions;
     /**
      * An array containing data used to populate the AssignedToGroup element.
      * @see AvatarGroup
@@ -102,12 +106,6 @@ export type FlexibleUiDataContext = {
      * @see CreatedOn
      */
     createdOn?: string;
-    /**
-     * Contains data needed to show a preview action.
-     * @type PreviewActionData
-     * @see PreviewAction
-     */
-    previewAction?: PreviewActionData;
     /**
      * Contains data needed to show a view action.
      * @type ViewActionData
@@ -228,6 +226,12 @@ export type FlexibleUiDataContext = {
      * @see Title
      */
     url?: string;
+    /**
+     * Contains the atlassian resource identifier (ARI) of the linked resource.
+     * @type string
+     * @see Title
+     */
+    ari?: string;
     /**
      * Contains the name and url of the location that the resource is located in.
      * @type LinkLocation
@@ -248,6 +252,9 @@ export type Media = {
     type: MediaType;
     url: string;
 };
+export type FlexibleUiActions = {
+    [ActionName.PreviewAction]?: PreviewActionData;
+};
 export type PreviewActionData = {
     downloadUrl?: string;
     linkIcon?: Icon;

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

@@ -3,6 +3,7 @@ export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
     private url;
+    private ari?;
     private subscribedStateSetters;
     private onStart?;
     private onSuccess?;

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

@@ -12,6 +12,7 @@ export type AISummaryServiceProps = {
     onSuccess?: (id: string) => void;
     product?: ProductType;
     url: string;
+    ari: string;
 };
 export type AISummaryServiceConfig = {
     baseUrl: string;
@@ -21,14 +22,17 @@ export type AISummaryStatus = 'ready' | 'loading' | 'error' | 'done';
 export type ProductType = 'confluence' | 'atlas' | 'jpd' | 'jsm' | 'jsw' | 'jwm' | 'bitbucket' | 'trello';
 export type PostAgentPayload = {
     recipient_agent_named_id: string;
-    agent_input: AgentInput;
+    agent_input_context: AgentInputContext;
     user_intent?: string;
 };
-export type AgentInput = {
-    urls: Array<string>;
+export type AgentInputContext = {
+    content_url: string;
+    content_ari?: string;
     summary_style?: SummaryStyle;
+    summary_output_mimetype?: SummaryOutputMimeType;
 };
 export type SummaryStyle = 'short' | 'medium' | 'long';
+export type SummaryOutputMimeType = 'text/adf' | 'text/markdown' | 'text/json';
 export declare const errorMessages: readonly [
     "NETWORK_ERROR",
     "NO_ANSWER",

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ActionProps } from './action/types';
-import { PreviewActionProps } from './action/preview-action/types';
 import { ViewActionProps } from './action/view-action/types';
 import { DownloadActionProps } from './action/download-action/types';
 export { default as FollowAction } from './follow-action';
+export { default as PreviewAction } from './preview-action';
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.
@@ -16,12 +16,6 @@ export declare const DeleteAction: import("react").FC<ActionProps>;
  * @see Action
  */
 export declare const EditAction: import("react").FC<ActionProps>;
-/**
- * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
- * to the text 'Preview' inside the button.
- * @see Action
- */
-export declare const PreviewAction: import("react").FC<PreviewActionProps>;
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/types-ts4.5/view/FlexibleCard/components/actions/preview-action/index.d.ts

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

package/dist/types-ts4.5/view/FlexibleCard/components/actions/preview-action/types.d.ts

@@ -0,0 +1,2 @@
+import { LinkActionProps } from '../types';
+export type PreviewActionProps = LinkActionProps;

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

@@ -0,0 +1,7 @@
+import type { Optional } from '../../types';
+import type { ActionProps } from './action/types';
+/**
+ * Action based on link data.
+ * Action behaviour is determined by the availability of the link data.
+ */
+export type LinkActionProps = Optional<ActionProps, 'onClick'>;

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

@@ -79,12 +79,12 @@ export type FlexibleCardProps = {
      * Determine whether or not a preview card should show up when a user hovers
      * over the smartlink. Default value is false.
      */
-    showHoverPreview?: Boolean;
+    showHoverPreview?: boolean;
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.
      */
-    showAuthTooltip?: Boolean;
+    showAuthTooltip?: boolean;
 };
 export type FlexibleUiOptions = {
     /**
@@ -146,3 +146,21 @@ export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'id' |
     response?: JsonLd.Response;
     featureFlags?: Partial<LinkingPlatformFeatureFlags>;
 };
+/**
+ * Mark a specific props in the type as optional.
+ * FlexibleCard use this concept where base component has required props
+ * and the extended component provides these props. The props become an optional
+ * for the extended component but is still available for override/callback.
+ *
+ * For example: Action component require onClick callback to perform action
+ * but PreviewAction defines the onClick behaviour inside its component.
+ * PreviewAction still wants the onClick for a callback to executed after the
+ * action completes, but it is optional.
+ *
+ * Usage:
+ *   type ActionProps = { onClick: () => {}, content: string, icon?: React.ReactNode }
+ *   type PreviewActionProps = Optional<ActionProps, 'onClick'>
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & {
+    [K in keyof T]?: T[K];
+};