@atlaskit/smart-card 26.55.1 → 26.56.0

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

@@ -14,6 +14,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
 import { extractAri, extractLink } from '@atlaskit/link-extractors';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { SmartLinkStatus } from '../../../../../constants';
 import { di } from 'react-magnetic-di';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
@@ -55,11 +56,15 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
 var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   var bottomPrimary = _ref.bottomPrimary,
     imagePreview = _ref.imagePreview,
-    url = _ref.url,
-    ari = _ref.ari;
+    data = _ref.data;
+  var dataUrl = data ? extractLink(data) : null;
+  var dataAri = data ? extractAri(data) : null;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    product = _useSmartLinkContext.product;
   var _useAISummary = useAISummary({
-      url: url,
-      ari: ari
+      url: dataUrl || '',
+      ari: dataAri || '',
+      product: product
     }),
     _useAISummary$state = _useAISummary.state,
     status = _useAISummary$state.status,
@@ -79,7 +84,7 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   })) : null;
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
-  var _cardState$details, _extractLink, _extractAri;
+  var _cardState$details;
   var flexibleCardProps = _ref2.flexibleCardProps,
     titleBlockProps = _ref2.titleBlockProps,
     analytics = _ref2.analytics,
@@ -104,8 +109,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     return toFooterActions(cardActions, onActionClick);
   }, [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 {
@@ -154,9 +157,8 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     blockRef: connectedAIBlockRef
   }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
     imagePreview: !!imagePreview,
-    url: dataUrl,
-    ari: dataAri,
-    bottomPrimary: bottomPrimary
+    bottomPrimary: bottomPrimary,
+    data: data
   })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
     status: SmartLinkStatus.Resolved
   }), /*#__PURE__*/React.createElement(SnippetBlock, {

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

@@ -1,8 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject;
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
 var elementGap = '0.5rem';
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])), separatorCss, elementGap, elementGap);
-export var footerBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n"])));
-export var hiddenSnippetStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  position: absolute;\n"])));
+export var footerBlockCss = css({
+  height: '1.5rem'
+});
+export var hiddenSnippetStyles = css({
+  visibility: 'hidden',
+  position: 'absolute'
+});

package/dist/esm/view/HoverCard/components/views/resolving/styled.js

@@ -1,9 +1,26 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
-export var loadingViewContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"])));
-export var skeletonContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n  align-items: center;\n"])));
+export var loadingViewContainer = css({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: "var(--ds-space-200, 1rem)"
+});
+export var skeletonContainer = css({
+  display: 'flex',
+  flexDirection: 'column',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
+  gap: '0.625rem',
+  alignItems: 'center'
+});
 export var getTitleStyles = function getTitleStyles(height) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: 1 0 auto;\n    height: ", "rem;\n\n    span {\n      width: 100%;\n    }\n  "])), height);
+  return css({
+    flex: '1 0 auto',
+    height: "".concat(height, "rem"),
+    span: {
+      width: '100%'
+    }
+  });
 };
-export var titleBlockStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  gap: 0.5rem;\n"])));
+export var titleBlockStyles = css({
+  width: '100%',
+  gap: "var(--ds-space-100, 0.5rem)"
+});

package/dist/esm/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,9 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';
 var titleFontWeight = '500';
-export var connectButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  justify-content: flex-end;\n  margin-top: ", ";\n"])), blockGap);
-export var titleBlockStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: ", " ", ";\n  a {\n    font-weight: ", ";\n  }\n"])), blockGap, iconGap, titleFontWeight);
-export var mainTextStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  font-size: 0.75rem;\n"])), blockGap);
+export var connectButtonStyles = css({
+  justifyContent: 'flex-end',
+  marginTop: blockGap
+});
+export var titleBlockStyles = css({
+  gap: "".concat(blockGap, " ").concat(iconGap),
+  a: {
+    fontWeight: titleFontWeight
+  }
+});
+export var mainTextStyles = css({
+  marginTop: blockGap,
+  fontSize: '0.75rem'
+});

package/dist/esm/view/HoverCard/styled.js

@@ -26,7 +26,11 @@ export var separatorCss = css({
     marginRight: elementGap
   }
 });
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css({

package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import styled from '@emotion/styled';
 // TODO: remove this override behaviour for @atlaskit/icon-object
 export var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
@@ -12,27 +10,55 @@ export var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width:
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-export var IconWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
+export var IconWrapper = styled.span({
+  userSelect: 'none'
+}, IconOverrides, IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-export var EmojiWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  margin-right: ", ";\n  user-select: none;\n  ", "\n  ", "\n"])), "var(--ds-space-025, 2px)", IconOverrides, IconObjectOverrides);
+export var EmojiWrapper = styled.span({
+  display: 'inline-block',
+  marginRight: "var(--ds-space-025, 2px)",
+  userSelect: 'none'
+}, IconOverrides, IconObjectOverrides);
 
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  white-space: pre-wrap;\n  word-break: break-all;\n  box-decoration-break: clone;\n  padding: ", " ", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-050, 4px)");
+export var IconTitleWrapper = styled.span({
+  whiteSpace: 'pre-wrap',
+  wordBreak: 'break-all',
+  boxDecorationBreak: 'clone',
+  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
+});
 
 // TODO: Replace overrides with proper AtlasKit solution.
-export var LozengeWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: 1px;\n  margin: 0 ", " 0 ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-025, 2px)");
-export var RightIconPositionWrapper = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-025, 2px)");
+export var LozengeWrapper = styled.span({
+  display: 'inline-block',
+  verticalAlign: '1px',
+  margin: "0 ".concat("var(--ds-space-050, 4px)", " 0 ", "var(--ds-space-025, 2px)")
+});
+export var RightIconPositionWrapper = styled.span({
+  marginLeft: "var(--ds-space-025, 2px)",
+  position: 'relative',
+  display: 'inline-block'
+});
 
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-export var IconPositionWrapper = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-050, 4px)");
-export var IconEmptyWrapper = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 14px;\n  height: 100%;\n  display: inline-block;\n  opacity: 0;\n"])));
+export var IconPositionWrapper = styled.span({
+  marginRight: "var(--ds-space-050, 4px)",
+  position: 'relative',
+  display: 'inline-block'
+});
+export var IconEmptyWrapper = styled.span({
+  width: '14px',
+  height: '100%',
+  display: 'inline-block',
+  opacity: 0
+});
 
 // With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
 // To achieve same result we use classname instead.
 export var TitleWrapperClassName = 'smart-link-title-wrapper';
-export var TitleWrapper = styled.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([""])));
+export var TitleWrapper = styled.span({});

package/dist/esm/view/InlineCard/ResolvingView/styled.js

@@ -1,5 +1,6 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
-export var SpinnerWrapper = styled(IconTitleWrapper)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  vertical-align: text-bottom;\n  padding: 0px;\n"])));
+export var SpinnerWrapper = styled(IconTitleWrapper)({
+  verticalAlign: 'text-bottom',
+  padding: '0px'
+});

package/dist/esm/view/InlineCard/styled.js

@@ -1,10 +1,41 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 4px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
-export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-left: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-050, 4px)");
-export var LowercaseAppearance = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-transform: lowercase;\n"])));
-export var LinkAppearance = styled.a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n\n  &:hover {\n    text-decoration: none;\n  }\n"])), "var(--ds-link, ".concat(B400, ")"));
+export var IconStyledButton = styled.span({
+  '&&&': {
+    textAlign: 'initial',
+    display: 'inline',
+    verticalAlign: 'baseline',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    borderTopLeftRadius: '0px',
+    borderBottomLeftRadius: '0px',
+    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
+    backgroundClip: 'padding-box',
+    boxDecorationBreak: 'clone'
+  },
+  '> span': {
+    display: 'inline',
+    overflow: 'initial',
+    textOverflow: 'initial',
+    whiteSpace: 'initial',
+    '> span': {
+      overflow: 'initial',
+      textOverflow: 'initial',
+      whiteSpace: 'initial'
+    }
+  }
+});
+export var NoLinkAppearance = styled.span({
+  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
+  marginLeft: "var(--ds-space-050, 4px)"
+});
+export var LowercaseAppearance = styled.span({
+  textTransform: 'lowercase'
+});
+export var LinkAppearance = styled.a({
+  color: "var(--ds-link, ".concat(B400, ")"),
+  '&:hover': {
+    textDecoration: 'none'
+  }
+});

package/dist/esm/view/LinkUrl/LinkWarningModal/styled.js

@@ -1,4 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var breakWordsCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  white-space: pre-line;\n  word-break: break-all;\n"])));
+export var breakWordsCss = css({
+  whiteSpace: 'pre-line',
+  wordBreak: 'break-all'
+});

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

package/dist/esm/view/common/Icon.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import React from 'react';
@@ -17,13 +15,22 @@ var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {
     return;
   }
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n  "])), gs(2), gs(2));
+  return css({
+    height: gs(2),
+    width: gs(2)
+  });
 };
 var getSpanStyles = function getSpanStyles(isFlexibleUi) {
   if (isFlexibleUi) {
     return;
   }
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "])), gs(2.5), gs(2));
+  return css({
+    height: gs(2.5),
+    width: gs(2),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  });
 };
 export var Icon = function Icon(_ref) {
   var url = _ref.url,

package/dist/esm/view/common/ai-icon-loading/index.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 /** @jsx jsx */
 import { css, jsx, keyframes } from '@emotion/react';
 import SVG from '@atlaskit/icon/svg';
@@ -11,7 +9,17 @@ import { aiThemeTokens } from '../ai-prism/constants';
  * with modifications
  */
 
-var bounce = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    transform: translateY(0);\n  }\n\n  // 200ms of 1200ms = 16.67%\n  16.67% {\n    transform: translateY(-2px);\n  }\n\n  // 400ms of 1200ms = 33.33%\n  33.33% {\n    transform: translateY(0px);\n  }\n"])));
+var bounce = keyframes({
+  from: {
+    transform: 'translateY(0)'
+  },
+  '16.67%': {
+    transform: 'translateY(-2px)'
+  },
+  '33.33%': {
+    transform: 'translateY(0px)'
+  }
+});
 var BASE_DELAY = 400;
 var QUEUE_DELAY = 200;
 var animationStyles = css({

package/dist/types/constants.d.ts

@@ -127,6 +127,7 @@ export declare enum ElementName {
  * Flexible UI action (button)
  */
 export declare enum ActionName {
+    CopyLinkAction = "CopyLinkAction",
     DeleteAction = "DeleteAction",
     EditAction = "EditAction",
     FollowAction = "FollowAction",

package/dist/types/extractors/flexible/actions/extract-copy-link-action.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { CopyLinkActionData } from '../../../state/flexible-ui-context/types';
+import { type CardActionOptions } from '../../../view/Card/types';
+export declare const extractCopyLinkAction: (data: JsonLd.Data.BaseData, actionOptions?: CardActionOptions) => CopyLinkActionData | undefined;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -244,6 +244,7 @@ export type FlexibleUiActions = {
     [ActionName.PreviewAction]?: PreviewActionData;
     [ActionName.DownloadAction]?: DownloadActionData;
     [ActionName.FollowAction]?: ServerActionProp<boolean>;
+    [ActionName.CopyLinkAction]?: CopyLinkActionData;
 };
 export type PreviewActionData = {
     downloadUrl?: string;
@@ -260,6 +261,9 @@ export type ViewActionData = {
 export type DownloadActionData = {
     downloadUrl?: string;
 };
+export type CopyLinkActionData = {
+    url: string;
+};
 export type FlexibleAnalyticsContextType = AnalyticsFacade & {
     display?: CardInnerAppearance;
     extensionKey?: string;

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

@@ -1,4 +1,5 @@
 /// <reference types="filesystem" />
+import type { ProductType } from '@atlaskit/linking-common';
 export interface AISummaryServiceInt {
     summariseUrl: () => Promise<void>;
     state: AISummaryState;
@@ -22,7 +23,6 @@ export type AISummaryServiceConfig = {
     headers: Record<string, string>;
 };
 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_context: AgentInputContext;
@@ -36,7 +36,7 @@ export type AgentInputContext = {
 };
 export type PromptId = 'smart_links';
 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 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", "HIPAA_CONTENT_DETECTED"];
 export type ErrorMessage = (typeof errorMessages)[number];
 export type AISummaryState = {
     content: string;

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

@@ -19,7 +19,8 @@ export declare enum CardAction {
     PreviewAction = "PreviewAction",
     ViewAction = "ViewAction",
     ChangeStatusAction = "ChangeStatusAction",
-    FollowAction = "FollowAction"
+    FollowAction = "FollowAction",
+    CopyLinkAction = "CopyLinkAction"
 }
 export type CardActionOptions = {
     hide: true;

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

@@ -7,4 +7,6 @@ export type ActionButtonProps = ActionProps & {
     isLoading?: boolean;
     size: SmartLinkSize;
     isDisabled?: boolean;
+    href?: string;
+    ariaLabel?: string;
 };

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

@@ -1,10 +1,12 @@
 import type { Space, XCSS } from '@atlaskit/primitives';
 import type { SmartLinkSize } from '../../../../../../constants';
 import type { ActionProps } from '../types';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionStackItemProps = ActionProps & {
     isLoading?: boolean;
     size: SmartLinkSize;
     isDisabled?: boolean;
     space?: Space;
     xcss?: XCSS;
+    tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
 };

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

@@ -3,6 +3,7 @@ import type { Space, XCSS } from '@atlaskit/primitives';
 import type { SerializedStyles } from '@emotion/react';
 import type { ReactChild, ReactNode } from 'react';
 import type { SmartLinkSize } from '../../../../../constants';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionProps = {
     /**
      * Determines the appearance of the action.
@@ -41,6 +42,10 @@ export type ActionProps = {
      * Determines the tooltip message when hovering over the Action.
      */
     tooltipMessage?: ReactNode;
+    /**
+     * Determines the onHide behaviour of the Tooltip
+     */
+    tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
     /**
      * @deprecated Use 'as' instead
      * Used to determine whether the Action is in a Dropdown.
@@ -69,4 +74,18 @@ export type ActionProps = {
      * Additional styling properties for Primitives based component
      */
     xcss?: XCSS;
+    /**
+     * Allows the use of hyperlinks as buttons via the atlaskit component
+     */
+    href?: string;
+    /**
+     * Additional text properties for accessibility of actions
+     */
+    ariaLabel?: string;
+    /**
+     * Optional wrapper component to wrap the action
+     * E.g., Feature discovery pulse
+     * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
+     */
+    wrapper?: React.ElementType;
 };

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

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

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

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

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

@@ -4,3 +4,4 @@ export { default as EditAction } from './edit-action';
 export { default as DownloadAction } from './download-action';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
+export { default as CopyLinkAction } from './copy-link-action';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AIMotionWrapperProps } from './types';
+export declare const AIMotionWrapper: ({ children, isFadeIn, minHeight, show, showTransition, }: AIMotionWrapperProps) => JSX.Element | null;
+export default AIMotionWrapper;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-motion-wrapper/types.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+export type AIMotionWrapperProps = PropsWithChildren<{
+    isFadeIn?: boolean;
+    minHeight?: number;
+    show: boolean;
+    showTransition?: boolean;
+}>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type FeatureDiscoveryProps = {
+    children: React.ReactElement;
+    testId?: string;
+};
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
+ */
+declare const FeatureDiscovery: ({ children, testId, }: FeatureDiscoveryProps) => JSX.Element;
+export default FeatureDiscovery;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/styled.d.ts

@@ -0,0 +1 @@
+export declare const getPulseStyles: () => import("@emotion/react").SerializedStyles;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import type { AISummaryBlockProps } from '../types';
 import type { AISummaryStatus, ErrorMessage } from '../../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
-export declare const AISummaryBlockErrorIndicator: ({ showErrorIndicator, error, testId, }: {
+export declare const AISummaryBlockErrorIndicator: ({ showErrorIndicator, error, showTransition, testId, }: {
     showErrorIndicator: boolean;
-    error?: "NETWORK_ERROR" | "NO_ANSWER" | "RATE_LIMIT" | "NO_AGENT" | "PLUGIN_ERRORED" | "OPENAI_RATE_LIMIT_USER_ABUSE" | "ACCEPTABLE_USE_VIOLATIONS" | "AI_DISABLED" | "UNEXPECTED" | undefined;
-} & Pick<AISummaryBlockProps, "testId">) => JSX.Element | null;
+    error?: "NETWORK_ERROR" | "NO_ANSWER" | "RATE_LIMIT" | "NO_AGENT" | "PLUGIN_ERRORED" | "OPENAI_RATE_LIMIT_USER_ABUSE" | "ACCEPTABLE_USE_VIOLATIONS" | "AI_DISABLED" | "UNEXPECTED" | "HIPAA_CONTENT_DETECTED" | undefined;
+    showTransition: boolean;
+} & Pick<AISummaryBlockProps, "testId">) => JSX.Element;
 export declare const AISummaryBlockStatusIndicator: ({ showStatusIndicator, metadata, status, testId, }: {
     showStatusIndicator: boolean;
     status: AISummaryStatus;

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

@@ -167,7 +167,7 @@ export type NamedDataActionItem = BaseDataActionItem & {
      * Currently left in to maintain backwards compatibility with public API
      * https://product-fabric.atlassian.net/browse/EDM-9665
      */
-     | ActionName.ViewAction;
+     | ActionName.ViewAction | ActionName.CopyLinkAction;
 };
 /**
  * This represents an action that does not fetch data where Icon and Content are provided implicitly.
@@ -182,6 +182,8 @@ export type NamedActionItem = BaseActionItem & {
  */
 export type CustomActionItem = BaseActionItem & {
     name: ActionName.CustomAction;
+    href?: string;
+    ariaLabel?: string;
 } & ((Required<Pick<ActionProps, 'icon' | 'iconPosition'>> & Pick<ActionProps, 'content'>) | ((Required<Pick<ActionProps, 'content'>> & Pick<ActionProps, 'icon' | 'iconPosition'>) & Pick<ActionProps, 'tooltipMessage'>));
 export type ActionItem = NamedActionItem | NamedDataActionItem | CustomActionItem;
 export type OnActionMenuOpenChangeOptions = {

package/dist/types/view/FlexibleCard/components/elements/avatar-group/index.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import React from 'react';
 import { AvatarGroupProps } from './types';
 /**

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

@@ -127,6 +127,7 @@ export declare enum ElementName {
  * Flexible UI action (button)
  */
 export declare enum ActionName {
+    CopyLinkAction = "CopyLinkAction",
     DeleteAction = "DeleteAction",
     EditAction = "EditAction",
     FollowAction = "FollowAction",

package/dist/types-ts4.5/extractors/flexible/actions/extract-copy-link-action.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { CopyLinkActionData } from '../../../state/flexible-ui-context/types';
+import { type CardActionOptions } from '../../../view/Card/types';
+export declare const extractCopyLinkAction: (data: JsonLd.Data.BaseData, actionOptions?: CardActionOptions) => CopyLinkActionData | undefined;