@atlaskit/smart-card 26.46.2 → 26.46.4

package/dist/es2019/messages.js

@@ -1,7 +1,4 @@
 import { defineMessages } from 'react-intl-next';
-
-// | 'forbidden_access_crossjoin'
-// | 'forbidden_description_crossjoin';
 export const messages = defineMessages({
   actions: {
     id: 'fabric.linking.actions',
@@ -18,6 +15,21 @@ export const messages = defineMessages({
     defaultMessage: 'Summarize',
     description: 'Action to summarize link resource content with AI'
   },
+  ai_summarized: {
+    id: 'fabric.linking.ai_summarized',
+    defaultMessage: 'Summarized by Atlassian Intelligence',
+    description: 'Shown with the content summarised by AI.'
+  },
+  ai_summarized_info: {
+    id: 'fabric.linking.ai_summarized_info',
+    defaultMessage: 'Information quality may vary. <a>Learn more</a>',
+    description: 'Additional info about the content summarised by AI.'
+  },
+  ai_summarizing: {
+    id: 'fabric.linking.ai_summarizing',
+    defaultMessage: 'Atlassian Intelligence is working...',
+    description: 'Shown when AI summary is summarising the link resource content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',
@@ -153,11 +165,6 @@ export const messages = defineMessages({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
-  forbidden_description: {
-    id: 'fabric.linking.forbidden_description',
-    defaultMessage: 'You don’t have access to this preview. Contact the site admin if you need access.',
-    description: 'Informs the user that they cannot view this content.'
-  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -213,16 +220,6 @@ export const messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
-  not_found_description: {
-    id: 'fabric.linking.not_found_description',
-    defaultMessage: "We couldn't find the link. Check the url and try editing or paste again.",
-    description: 'Error case for when a provided item is not found within the list of items'
-  },
-  not_found_title: {
-    id: 'fabric.linking.not_found_title',
-    defaultMessage: "Uh oh. We can't find this link!",
-    description: 'Error case for when a provided link is not found'
-  },
   open_issue_in_jira: {
     id: 'fabric.linking.open_issue_in_jira',
     defaultMessage: 'Open issue in Jira',
@@ -333,26 +330,6 @@ export const messages = defineMessages({
     defaultMessage: 'Restricted link, try another account',
     description: 'Message shown when a user does not have permissions to view an item'
   },
-  request_access: {
-    id: 'fabric.linking.request_access',
-    defaultMessage: 'Request access',
-    description: 'Allows the user to request access to a product or service'
-  },
-  request_access_description: {
-    id: 'fabric.linking.request_access_description',
-    defaultMessage: 'Request access to {context} view this preview.',
-    description: 'Allows the user to request access to a product'
-  },
-  request_access_pending: {
-    id: 'fabric.linking.request_access_pending',
-    defaultMessage: 'Access pending',
-    description: 'Allows the user to try an action again with their current account'
-  },
-  request_access_pending_description: {
-    id: 'fabric.linking.request_access_pending_description',
-    defaultMessage: 'Your access request is pending.',
-    description: 'Informs the user that their request to view this content is pending'
-  },
   request_access_to_view: {
     id: 'fabric.linking.request_access_to_view',
     defaultMessage: 'Request access to {context} to view this issue',
@@ -363,11 +340,6 @@ export const messages = defineMessages({
     defaultMessage: 'Your access request was denied',
     description: 'The user had request access but the request was denied by a product or service'
   },
-  request_denied_description: {
-    id: 'fabric.linking.request_denied_description',
-    defaultMessage: 'Your access request was denied. Contact the site admin if you still need access.',
-    description: 'Informs the user that their request to view this content was denied'
-  },
   retry: {
     id: 'fabric.linking.retry',
     defaultMessage: 'Retry',
@@ -468,82 +440,78 @@ export const messages = defineMessages({
     defaultMessage: 'View Original',
     description: "We have a link in our preview modals to the original document. This is for when we don't know the provider name"
   },
-  /**
-   * Temp messages to put behind a feature flag for the cross join stream, replace the messages with the message of the same
-   * title (without _crossjoin) during cleanup in EDM-7977 [https://product-fabric.atlassian.net/browse/EDM-7977].
-   */
-  default_no_access_title_crossjoin: {
-    id: 'fabric.linking.no_access_title_crossjoin',
+  default_no_access_title: {
+    id: 'fabric.linking.no_access_title',
     defaultMessage: 'Join {product} to view this content',
     description: 'Informs the user that they dont have access to certain content'
   },
-  direct_access_title_crossjoin: {
-    id: 'fabric.linking.direct_access_title_crossjoin',
+  direct_access_title: {
+    id: 'fabric.linking.direct_access_title',
     defaultMessage: 'Join {product} to view this content',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
-  direct_access_description_crossjoin: {
-    id: 'fabric.linking.direct_access_description_crossjoin',
+  direct_access_description: {
+    id: 'fabric.linking.direct_access_description',
     defaultMessage: 'Your team uses {product} to collaborate and you can start using it right away!',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
-  direct_access_crossjoin: {
-    id: 'fabric.linking.direct_access_crossjoin',
+  direct_access: {
+    id: 'fabric.linking.direct_access',
     defaultMessage: 'Join now',
     description: 'Allows the user join the product or service immediately'
   },
-  request_access_description_crossjoin: {
-    id: 'fabric.linking.request_access_description_crossjoin',
+  request_access_description: {
+    id: 'fabric.linking.request_access_description',
     defaultMessage: 'Your team uses {product} to collaborate. Send your admin a request for access.',
     description: 'Informs the user to request access to a product by talking to the website administrator'
   },
-  request_access_crossjoin: {
-    id: 'fabric.linking.request_access_crossjoin',
+  request_access: {
+    id: 'fabric.linking.request_access',
     defaultMessage: 'Request access',
     description: 'Allows the user to request access to a product or service'
   },
-  request_access_pending_title_crossjoin: {
-    id: 'fabric.linking.request_access_pending_title_crossjoin',
+  request_access_pending_title: {
+    id: 'fabric.linking.request_access_pending_title',
     defaultMessage: 'Access to {product} is pending',
     description: 'Informs the user that their request to view this content is pending'
   },
-  request_access_pending_description_crossjoin: {
-    id: 'fabric.linking.request_access_pending_description_crossjoin',
+  request_access_pending_description: {
+    id: 'fabric.linking.request_access_pending_description',
     defaultMessage: 'Your request to access {hostname} is awaiting admin approval.',
     description: 'Informs the user that their request to view this content is pending website administrator approval'
   },
-  request_access_pending_crossjoin: {
-    id: 'fabric.linking.request_access_pending_crossjoin',
+  request_access_pending: {
+    id: 'fabric.linking.request_access_pending',
     defaultMessage: 'Pending approval',
     description: 'Informs the user that their request to view this content is pending'
   },
-  request_denied_description_crossjoin: {
-    id: 'fabric.linking.request_denied_description_crossjoin',
+  request_denied_description: {
+    id: 'fabric.linking.request_denied_description',
     defaultMessage: "Your admin didn't approve your request to view {product} pages from {hostname}.",
     description: 'Informs the user that their request to view this content was denied'
   },
-  access_exists_description_crossjoin: {
+  access_exists_description: {
     id: 'fabric.linking.access_exists_description',
     defaultMessage: 'Request access to view this content from {hostname}.',
     description: 'Informs the user to contact the website administrator to request access to a product'
   },
-  not_found_description_crossjoin: {
-    id: 'fabric.linking.not_found_description_crossjoin',
+  not_found_description: {
+    id: 'fabric.linking.not_found_description',
     defaultMessage: "The page doesn't exist or it may have changed after this link was added.",
     description: 'Error case for when a provided item is not found within the list of items'
   },
-  not_found_title_crossjoin: {
-    id: 'fabric.linking.not_found_title_crossjoin',
+  not_found_title: {
+    id: 'fabric.linking.not_found_title',
     defaultMessage: "We can't show you this {product} page",
     description: 'Error case for when a provided link is not found'
   },
-  forbidden_title_crossjoin: {
-    id: 'fabric.linking.forbidden_title_crossjoin',
+  forbidden_title: {
+    id: 'fabric.linking.forbidden_title',
     defaultMessage: "You don't have access to this content",
     description: 'Informs the user that they do not have access to the linked content.'
   },
-  forbidden_description_crossjoin: {
-    id: 'fabric.linking.forbidden_description_crossjoin',
+  forbidden_description: {
+    id: 'fabric.linking.forbidden_description',
     defaultMessage: 'Contact your admin to request access to {hostname}.',
     description: 'Informs the user that they must contact the site administrator for access.'
   },

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

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

@@ -159,7 +159,7 @@ export const BlockCard = ({
       const requestAccessContext = extractRequestAccessContext({
         jsonLd: cardMetadata,
         url,
-        context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
+        product: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
       return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,

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

@@ -32,7 +32,8 @@ export const ForbiddenView = ({
   const handleClick = event => handleClickCommon(event, onClick);
   const {
     action,
-    descriptiveMessageKey = 'invalid_permissions_description'
+    descriptiveMessageKey = 'invalid_permissions_description',
+    hostname = ''
   } = requestAccessContext;
   const items = action ? [...actions, action] : actions;
   return jsx(Frame, {
@@ -58,7 +59,9 @@ export const ForbiddenView = ({
     }),
     text: jsx(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
       values: {
-        context: context.text
+        product: context.text,
+        context: context.text,
+        hostname
       }
     }))
   }))), jsx(ContentFooter, null, jsx(Provider, {

package/dist/es2019/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -29,11 +29,11 @@ const FlexibleNotFoundView = ({
     const provider = extractProvider(cardState === null || cardState === void 0 ? void 0 : (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data);
     return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
   }, [cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data]);
-  const title = useMemo(() => intl.formatMessage(messages.not_found_title_crossjoin, {
+  const title = useMemo(() => intl.formatMessage(messages.not_found_title, {
     product
   }), [intl, product]);
   const description = useMemo(() => ({
-    descriptor: messages.not_found_description_crossjoin
+    descriptor: messages.not_found_description
   }), []);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
     showPreview: true,

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-container.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Inline, xcss } from '@atlaskit/primitives';
+const contentStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+const AIIndicatorContainer = ({
+  icon,
+  content,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    alignInline: "start",
+    space: "space.050",
+    xcss: contentStyles,
+    testId: testId
+  }, icon, content);
+};
+export default AIIndicatorContainer;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import styled from '@emotion/styled';
+import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
+import { Box, xcss } from '@atlaskit/primitives';
+const AIIndicatorTooltipPrimitive = styled(TooltipPrimitive)`
+  border-radius: ${"var(--ds-border-radius, 3px)"};
+  background-color: ${"var(--ds-surface-raised, white)"};
+  box-shadow: ${"var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))"};
+  box-sizing: content-box;
+  padding: ${"var(--ds-space-200, 16px)"};
+  max-width: 350px;
+`;
+const triggerStyles = xcss({
+  display: 'inline-flex'
+});
+const AIIndicatorTooltip = ({
+  content,
+  trigger
+}) => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    component: AIIndicatorTooltipPrimitive,
+    content: content,
+    tag: "span"
+  }, tooltipProps => /*#__PURE__*/React.createElement(Box, _extends({
+    xcss: triggerStyles
+  }, tooltipProps), trigger));
+};
+export default AIIndicatorTooltip;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-learn-more-anchor.js

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { CONTENT_URL_AI } from '../../../../../../constants';
+const AILearnMoreAnchor = ({
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement("a", _extends({
+  href: CONTENT_URL_AI,
+  target: "_blank",
+  rel: "noopener noreferrer"
+}, props), children);
+export default AILearnMoreAnchor;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { css, jsx } from '@emotion/react';
+import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { messages } from '../../../../../../messages';
+import AIIcon from '../../../../../common/ai-icon';
+import AIIndicatorTooltip from './ai-indicator-tooltip';
+import AIIndicatorContainer from './ai-indicator-container';
+import AILearnMoreAnchor from './ai-learn-more-anchor';
+const tooltipMsgStyles = xcss({
+  color: 'color.text',
+  fontSize: '14px',
+  fontWeight: '400',
+  lineHeight: '20px'
+});
+const iconTooltipLinkStyles = css({
+  color: "var(--ds-text-subtlest, #626F86)",
+  '&:link, :visited': {
+    color: "var(--ds-text-subtlest, #626F86)"
+  },
+  '&:hover': {
+    color: "var(--ds-text-subtle, #44546F)"
+  },
+  '&:active': {
+    color: "var(--ds-text, #172B4D)"
+  },
+  textDecoration: 'underline'
+});
+const iconTooltipTitleStyles = xcss({
+  color: 'color.text',
+  fontSize: '12px',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+const iconTooltipDescStyles = xcss({
+  color: 'color.text.subtlest',
+  fontSize: '11px',
+  fontWeight: '400',
+  lineHeight: '14px'
+});
+const AIStateDone = ({
+  appearance,
+  testId
+}) => {
+  const icon = jsx(AIIcon, {
+    label: "AI",
+    size: "small",
+    testId: `${testId}-done-icon`
+  });
+  switch (appearance) {
+    case 'icon-only':
+      return jsx(AIIndicatorTooltip, {
+        content: jsx(Inline, {
+          alignBlock: "center",
+          space: "space.100"
+        }, jsx(AIIcon, {
+          label: "AI",
+          size: "medium",
+          testId: `${testId}-done-tooltip-icon`
+        }), jsx(Stack, null, jsx(Box, {
+          xcss: iconTooltipTitleStyles,
+          testId: `${testId}-done-tooltip-title`
+        }, jsx(FormattedMessage, messages.ai_summarized)), jsx(Box, {
+          xcss: iconTooltipDescStyles
+        }, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
+          values: {
+            a: chunks => jsx(AILearnMoreAnchor, {
+              css: iconTooltipLinkStyles
+            }, chunks)
+          }
+        }))))),
+        trigger: icon
+      });
+    default:
+      return jsx(AIIndicatorContainer, {
+        icon: icon,
+        content: jsx(Inline, {
+          alignBlock: "center",
+          alignInline: "start",
+          space: "space.050"
+        }, jsx(Box, {
+          testId: `${testId}-done-message`
+        }, jsx(FormattedMessage, messages.ai_summarized)), jsx(AIIndicatorTooltip, {
+          content: jsx(Box, {
+            xcss: tooltipMsgStyles,
+            testId: `${testId}-done-tooltip`
+          }, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
+            values: {
+              a: chunks => jsx(AILearnMoreAnchor, null, chunks)
+            }
+          }))),
+          trigger: jsx(EditorPanelIcon, {
+            label: "Info",
+            size: "small",
+            testId: `${testId}-done-info`
+          })
+        })),
+        testId: `${testId}-done`
+      });
+  }
+};
+export default AIStateDone;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-loading.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box } from '@atlaskit/primitives';
+import { messages } from '../../../../../../messages';
+import AIIconLoading from '../../../../../common/ai-icon-loading';
+import AIIndicatorContainer from './ai-indicator-container';
+const AIStateLoading = ({
+  appearance,
+  testId
+}) => {
+  const icon = /*#__PURE__*/React.createElement(AIIconLoading, {
+    label: "AI",
+    size: "small",
+    testId: `${testId}-loading-icon`
+  });
+  switch (appearance) {
+    case 'icon-only':
+      return icon;
+    default:
+      return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
+        icon: icon,
+        content: /*#__PURE__*/React.createElement(Box, {
+          testId: `${testId}-loading-message`
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarizing)),
+        testId: `${testId}-loading`
+      });
+  }
+};
+export default AIStateLoading;

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

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import AIStateLoading from './ai-state-loading';
+import AIStateDone from './ai-state-done';
+const AIStateIndicator = ({
+  state,
+  appearance = 'default',
+  testId = 'ai-state-indicator'
+}) => {
+  switch (state) {
+    case 'loading':
+      return jsx(AIStateLoading, {
+        appearance: appearance,
+        testId: testId
+      });
+    case 'done':
+      return jsx(AIStateDone, {
+        appearance: appearance,
+        testId: testId
+      });
+    default:
+      return null;
+  }
+};
+export default AIStateIndicator;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/types.js

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

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

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName, SmartLinkAlignment, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { Box, Inline } from '@atlaskit/primitives';
+import { ActionName, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { filterActionItems, getActionGroupStyles, renderElementItems } from '../../utils';
+import AIStateIndicator from '../ai-state-indicator';
+import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
 import AiIcon from '../../../../../common/ai-icon';
 const AISummaryBlockResolvedView = props => {
@@ -18,29 +19,29 @@ const AISummaryBlockResolvedView = props => {
     onAIActionChange,
     size = SmartLinkSize.Medium
   } = props;
-  const context = useFlexibleUiContext();
+  const [aiState, setAIState] = useState('ready');
   const metadataElements = renderElementItems(metadata);
   const onAIActionClick = useCallback(() => {
+    setAIState('loading');
     if (onAIActionChange) {
-      onAIActionChange();
+      onAIActionChange('loading');
     }
   }, [onAIActionChange]);
   const combinedActions = useMemo(() => {
-    const aiAction = {
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarize),
-      name: ActionName.CustomAction,
-      onClick: onAIActionClick,
-      testId: `${testId}-ai-summary-action`,
-      icon: /*#__PURE__*/React.createElement(AiIcon, {
-        label: "AiIcon"
-      })
-    };
-    return [aiAction, ...actions];
-  }, [actions, onAIActionClick, testId]);
-  const hasActions = useMemo(() => {
-    var _filterActionItems;
-    return ((_filterActionItems = filterActionItems(combinedActions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [combinedActions, context]);
+    if (aiState === 'ready') {
+      const aiAction = {
+        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarize),
+        name: ActionName.CustomAction,
+        onClick: onAIActionClick,
+        testId: `${testId}-ai-summary-action`,
+        icon: /*#__PURE__*/React.createElement(AiIcon, {
+          label: "AiIcon"
+        })
+      };
+      return [aiAction, ...actions];
+    }
+    return actions;
+  }, [actions, aiState, onAIActionClick, testId]);
   const onDropdownOpenChange = useCallback(isOpen => {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -50,17 +51,21 @@ const AISummaryBlockResolvedView = props => {
   }, [onActionMenuOpenChange]);
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: `${testId}-resolved-view`
-  }), /*#__PURE__*/React.createElement(ElementGroup, {
-    width: SmartLinkWidth.Flexible
-  }, metadataElements), hasActions && /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    alignInline: "end",
+    grow: "fill",
+    spread: "space-between"
+  }, /*#__PURE__*/React.createElement(Box, null, aiState === 'loading' || aiState === 'done' ? /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: aiState,
+    testId: testId
+  }) : /*#__PURE__*/React.createElement(ElementGroup, {
+    width: SmartLinkWidth.FitToContent
+  }, metadataElements)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
-    appearance: "default"
-  })));
+    appearance: "default",
+    size: size
+  }))));
 };
 export default AISummaryBlockResolvedView;

package/dist/es2019/view/FlexibleCard/utils.js

@@ -73,7 +73,7 @@ export const getRetryOptions = (url, status, response, onAuthorize) => {
       const access = extractRequestAccessContext({
         jsonLd: meta,
         url,
-        context
+        product: context
       });
       const messageKey = getForbiddenMessageKey(meta);
       const descriptor = messages[messageKey];

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