@atlaskit/smart-card 26.55.2 → 26.56.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.56.0
+
+### Minor Changes
+
+- [#89847](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89847) [`6dcb5cb39c7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6dcb5cb39c7c) - "Adding accessibility option for flexible link card custom action"
+- [#90020](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90020) [`4772c11ddb2a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4772c11ddb2a) - Add HIPAA content detected error message to AI Summary within hovercard
+- [#90445](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90445) [`88f0e72ecc1e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/88f0e72ecc1e) - [ux] Create CopyLinkAction for ActionBlock
+
+### Patch Changes
+
+- [#90431](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90431) [`8e9354e9cdfe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e9354e9cdfe) - [ux] Add purple pulse to AI summarise on hover card
+- [#91203](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91203) [`3c8348468618`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c8348468618) - Minor Typescript changes to improve compatibility with React 18
+
 ## 26.55.2
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -143,6 +143,7 @@ var ElementName = exports.ElementName = /*#__PURE__*/function (ElementName) {
  * Flexible UI action (button)
  */
 var ActionName = exports.ActionName = /*#__PURE__*/function (ActionName) {
+  ActionName["CopyLinkAction"] = "CopyLinkAction";
   ActionName["DeleteAction"] = "DeleteAction";
   ActionName["EditAction"] = "EditAction";
   ActionName["FollowAction"] = "FollowAction";

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractCopyLinkAction = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _types = require("../../../view/Card/types");
+var _canShowAction = require("../../../utils/actions/can-show-action");
+var extractCopyLinkAction = exports.extractCopyLinkAction = function extractCopyLinkAction(data, actionOptions) {
+  if (!(0, _canShowAction.canShowAction)(_types.CardAction.CopyLinkAction, actionOptions)) {
+    return;
+  }
+  var url = (0, _linkExtractors.extractLink)(data);
+  if (!url) {
+    return;
+  }
+  return {
+    url: url
+  };
+};

package/dist/cjs/extractors/flexible/actions/index.js

@@ -10,9 +10,10 @@ var _constants = require("../../../constants");
 var _extractDownloadAction = require("./extract-download-action");
 var _extractPreviewAction = require("./extract-preview-action");
 var _extractFollowAction = _interopRequireDefault(require("./extract-follow-action"));
+var _extractCopyLinkAction = require("./extract-copy-link-action");
 var extractActions = function extractActions(response, data, actionOptions, id) {
   var _action;
-  var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), _action);
+  var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/cjs/messages.js

@@ -51,6 +51,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: "We cannot show the results of this summary as it goes against <a>Atlassian's Acceptable Use Policy</a>.",
     description: 'Shown when AI summary is summarising the link resource content and the content violates atlassians acceptable use policy.'
   },
+  ai_summary_error_hipaa_content_detected: {
+    id: 'fabric.linking.ai_summary_error_hipaa_content_detected',
+    defaultMessage: 'Atlassian Intelligence was unable to process your request as your content contains links to HIPAA restricted content.',
+    description: 'Shown when the AI summary is summarising the link resource content and the content contains HIPAA restricted content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',
@@ -151,6 +156,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Copy link',
     description: ''
   },
+  copied_url_to_clipboard: {
+    id: 'fabric.linking.copied_url_to_clipboard.nonfinal',
+    defaultMessage: 'Copied!',
+    description: 'Url has been copied to the clipboard'
+  },
   could_not_load_link: {
     id: 'fabric.linking.couldnt_load_link',
     defaultMessage: "We couldn't load this link for an unknown reason.",

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorMessages = void 0;
-var errorMessages = exports.errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED'];
+var errorMessages = exports.errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED', 'HIPAA_CONTENT_DETECTED'];

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

package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
 var _reactIntlNext = require("react-intl-next");
@@ -19,9 +18,12 @@ var _messages = require("../../../../messages");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
-var _templateObject;
 /** @jsx jsx */
-var contentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), "var(--ds-text-subtlest, #626F86)");
+var contentStyles = (0, _react.css)({
+  color: "var(--ds-text-subtlest, #626F86)",
+  marginTop: "var(--ds-space-100, 0.5rem)",
+  fontSize: '0.75rem'
+});
 
 /**
  * This view represents a Block card that has an 'Unauthorized' status .

package/dist/cjs/view/BlockCard/views/styled.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LozengeBlockWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject;
 // TODO: Replace overrides with proper AtlasKit solution.
-var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > span {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-050, 4px)");
+var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span({
+  '& > span': {
+    marginLeft: "var(--ds-space-050, 4px)"
+  }
+});

package/dist/cjs/view/Card/types.js

@@ -10,5 +10,6 @@ var CardAction = exports.CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["ViewAction"] = "ViewAction";
   CardAction["ChangeStatusAction"] = "ChangeStatusAction";
   CardAction["FollowAction"] = "FollowAction";
+  CardAction["CopyLinkAction"] = "CopyLinkAction";
   return CardAction;
 }({});

package/dist/cjs/view/EmbedCard/views/unresolved-view/styled.js

@@ -1,16 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.titleStyles = exports.imageStyles = exports.descriptionStyles = exports.contentStyles = exports.containerStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _utils = require("../../../common/utils");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var containerStyles = exports.containerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  height: inherit;\n"])));
-var contentStyles = exports.contentStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  padding: ", ";\n  gap: ", ";\n  max-width: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-250, 20px)", (0, _utils.gs)(50));
-var imageStyles = exports.imageStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 120px;\n  width: 180px;\n  object-fit: contain;\n  object-position: center center;\n"])));
-var titleStyles = exports.titleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin: 0;\n  padding: 0;\n"])));
-var descriptionStyles = exports.descriptionStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 1em;\n  text-align: center;\n"])));
+var containerStyles = exports.containerStyles = (0, _react.css)({
+  display: 'grid',
+  height: 'inherit'
+});
+var contentStyles = exports.contentStyles = (0, _react.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  margin: 'auto',
+  padding: "var(--ds-space-200, 16px)",
+  gap: "var(--ds-space-250, 20px)",
+  maxWidth: (0, _utils.gs)(50)
+});
+var imageStyles = exports.imageStyles = (0, _react.css)({
+  height: '120px',
+  width: '180px',
+  objectFit: 'contain',
+  objectPosition: 'center center'
+});
+var titleStyles = exports.titleStyles = (0, _react.css)({
+  textAlign: 'center',
+  margin: 0,
+  padding: 0
+});
+var descriptionStyles = exports.descriptionStyles = (0, _react.css)({
+  fontSize: '1em',
+  textAlign: 'center'
+});

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -1,18 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _react = require("@emotion/react");
 var _utils = require("../../../../utils");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
-var _templateObject;
 /** @jsx jsx */
-var iframeCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: calc(100vh - 208px);\n"])));
+
+var iframeCss = (0, _react.css)({
+  width: '100%',
+  height: 'calc(100vh - 208px)'
+});
 var EmbedContent = function EmbedContent(_ref) {
   var isTrusted = _ref.isTrusted,
     name = _ref.name,

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

@@ -6,23 +6,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _button = require("@atlaskit/button");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
-var _templateObject, _templateObject2;
-/** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** @jsx jsx */
+
 var getButtonStyle = function getButtonStyle(size, iconOnly) {
   switch (size) {
     case _constants.SmartLinkSize.Large:
-      return iconOnly ? (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            button,\n            button:hover,\n            button:focus,\n            button:active {\n              padding: 0;\n              > span {\n                margin: 0;\n              }\n            }\n          "]))) : '';
+      return iconOnly ? (0, _react2.css)({
+        'button, button:hover, button:focus, button:active': {
+          padding: 0,
+          '> span': {
+            margin: 0
+          }
+        }
+      }) : '';
     case _constants.SmartLinkSize.Small:
-      return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        font-size: 0.75rem;\n        font-weight: 500;\n        line-height: 1rem;\n        button,\n        button:hover,\n        button:focus,\n        button:active {\n          line-height: 1rem;\n          ", "\n        }\n      "])), iconOnly ? "\n            padding: 0.125rem;\n          " : "\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n          ");
+      return (0, _react2.css)({
+        fontSize: '0.75rem',
+        fontWeight: 500,
+        lineHeight: '1rem',
+        'button, button:hover, button:focus, button:active': [{
+          lineHeight: '1rem'
+        }, iconOnly ? "\n            padding: 0.125rem;\n          " : "\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n          "]
+      });
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Medium:
     default:
@@ -40,7 +53,9 @@ var ActionButton = function ActionButton(_ref) {
     size = _ref.size,
     testId = _ref.testId,
     tooltipMessage = _ref.tooltipMessage,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    href = _ref.href,
+    ariaLabel = _ref.ariaLabel;
   var iconOnly = !content;
   var onButtonClick = (0, _react.useCallback)(function (handler) {
     return function (e) {
@@ -63,7 +78,9 @@ var ActionButton = function ActionButton(_ref) {
     isLoading: isLoading,
     onClick: onButtonClick(onClick),
     spacing: _utils.sizeToButtonSpacing[size],
-    testId: testId
+    testId: testId,
+    href: href,
+    "aria-label": ariaLabel
   }, content)));
 };
 var _default = exports.default = ActionButton;

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

@@ -56,7 +56,8 @@ var ActionStackItem = function ActionStackItem(_ref) {
     spaceOption = _ref.space,
     testId = _ref.testId,
     tooltipMessage = _ref.tooltipMessage,
-    xcss = _ref.xcss;
+    xcss = _ref.xcss,
+    tooltipOnHide = _ref.tooltipOnHide;
   var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : (0, _utils.getPrimitivesInlineSpaceBySize)(size);
   var onClick = (0, _react.useCallback)(function () {
     if (!isDisabled && !isLoading && onClickCallback) {
@@ -74,6 +75,7 @@ var ActionStackItem = function ActionStackItem(_ref) {
   // Replace Box with Pressable once it becomes stable (currently beta)
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: tooltipMessage || content,
+    onHide: tooltipOnHide,
     hideTooltipOnMouseDown: true
   }, function (tooltipProps) {
     return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({

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

@@ -35,10 +35,14 @@ var Action = function Action(_ref) {
     iconPosition = _ref$iconPosition === void 0 ? 'before' : _ref$iconPosition,
     spaceInline = _ref.spaceInline,
     tooltipMessage = _ref.tooltipMessage,
+    tooltipOnHide = _ref.tooltipOnHide,
     xcss = _ref.xcss,
     asDropDownItem = _ref.asDropDownItem,
     overrideCss = _ref.overrideCss,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    href = _ref.href,
+    ariaLabel = _ref.ariaLabel,
+    Wrapper = _ref.wrapper;
   if (!onClick) {
     return null;
   }
@@ -64,7 +68,8 @@ var Action = function Action(_ref) {
       size: size,
       testId: testId,
       tooltipMessage: tooltipMessage || content,
-      xcss: xcss
+      xcss: xcss,
+      tooltipOnHide: tooltipOnHide
     });
   }
   if (isDropdownItem) {
@@ -77,7 +82,7 @@ var Action = function Action(_ref) {
       testId: testId
     });
   }
-  return (0, _react.jsx)(_actionButton.default, {
+  var button = (0, _react.jsx)(_actionButton.default, {
     appearance: appearance,
     content: content,
     iconAfter: iconAfter,
@@ -88,7 +93,10 @@ var Action = function Action(_ref) {
     size: size,
     testId: testId,
     tooltipMessage: tooltipMessage || content,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    href: href,
+    ariaLabel: ariaLabel
   });
+  return Wrapper !== undefined ? (0, _react.jsx)(Wrapper, null, button) : button;
 };
 var _default = exports.default = Action;

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

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _action = _interopRequireDefault(require("../action"));
+var _messages = require("../../../../../messages");
+var _reactIntlNext = require("react-intl-next");
+var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _constants = require("../../../../../constants");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
+var _excluded = ["onClick"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var CopyLinkAction = function CopyLinkAction(_ref) {
+  var _context$actions;
+  var onClickCallback = _ref.onClick,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.CopyLinkAction];
+  var _useState = (0, _react.useState)(_messages.messages.copy_url_to_clipboard),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tooltipMessage = _useState2[0],
+    setTooltipMessage = _useState2[1];
+  var onClick = (0, _react.useCallback)(function () {
+    if (data && data.url) {
+      invoke({
+        actionType: _constants.ActionName.CopyLinkAction,
+        actionFn: function () {
+          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+            var _data$url;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return navigator.clipboard.writeText((_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : '');
+                case 2:
+                  setTooltipMessage(_messages.messages.copied_url_to_clipboard);
+                case 3:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        // These values have already been set in analytics context.
+        // We only pass these here for ufo experience.
+        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+      });
+    }
+    if (onClickCallback) {
+      onClickCallback();
+    }
+  }, [analytics, data, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
+    icon: /*#__PURE__*/_react.default.createElement(_link.default, {
+      label: "copy url",
+      size: "medium"
+    }),
+    onClick: onClick,
+    testId: "smart-action-copy-link-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage),
+    tooltipOnHide: function tooltipOnHide() {
+      return setTooltipMessage(_messages.messages.copy_url_to_clipboard);
+    }
+  }, data, props)) : null;
+};
+var _default = exports.default = CopyLinkAction;

package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/types.js

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

package/dist/cjs/view/FlexibleCard/components/actions/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "CopyLinkAction", {
+  enumerable: true,
+  get: function get() {
+    return _copyLinkAction.default;
+  }
+});
 Object.defineProperty(exports, "CustomAction", {
   enumerable: true,
   get: function get() {
@@ -45,4 +51,5 @@ var _deleteAction = _interopRequireDefault(require("./delete-action"));
 var _editAction = _interopRequireDefault(require("./edit-action"));
 var _downloadAction = _interopRequireDefault(require("./download-action"));
 var _followAction = _interopRequireDefault(require("./follow-action"));
-var _previewAction = _interopRequireDefault(require("./preview-action"));
+var _previewAction = _interopRequireDefault(require("./preview-action"));
+var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-motion-wrapper/types.js

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

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-error.js

@@ -21,7 +21,7 @@ var contentStyles = (0, _primitives.xcss)({
   fontWeight: '400',
   lineHeight: '14px'
 });
-var MessageWithAnchor = function MessageWithAnchor(_ref) {
+var FormattedErrorMessage = function FormattedErrorMessage(_ref) {
   var message = _ref.message,
     url = _ref.url;
   return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
@@ -41,6 +41,10 @@ var getErrorMesssageProps = function getErrorMesssageProps(error) {
         message: _messages.messages.ai_summary_error_acceptable_use_violation,
         url: _constants.CONTENT_URL_ACCEPTABLE_USE_POLICY
       };
+    case 'HIPAA_CONTENT_DETECTED':
+      return {
+        message: _messages.messages.ai_summary_error_hipaa_content_detected
+      };
     default:
       return {
         message: _messages.messages.ai_summary_error_generic,
@@ -69,7 +73,7 @@ var AIStateError = function AIStateError(_ref2) {
         content: /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           testId: "".concat(testId, "-error-message"),
           xcss: contentStyles
-        }, /*#__PURE__*/_react.default.createElement(MessageWithAnchor, {
+        }, /*#__PURE__*/_react.default.createElement(FormattedErrorMessage, {
           message: message,
           url: url
         })),

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _react2 = require("react");
+var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
+var _styled = require("./styled");
+/** @jsx jsx */
+
+var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
+var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
+var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
+var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
+var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000;
+/**
+ * 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
+ */
+var FeatureDiscovery = function FeatureDiscovery(_ref) {
+  var children = _ref.children,
+    testId = _ref.testId;
+  var renderedTime = (0, _react2.useRef)();
+  var storageClient = (0, _react2.useMemo)(function () {
+    return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
+  }, []);
+  var discovered = (0, _react2.useMemo)(function () {
+    return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
+  }, [storageClient]);
+  (0, _react2.useEffect)(function () {
+    renderedTime.current = Date.now();
+    return function () {
+      if (!discovered && renderedTime.current) {
+        var duration = Date.now() - renderedTime.current;
+        if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
+          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
+        }
+      }
+    };
+  }, [storageClient, discovered]);
+  var component = (0, _react2.useMemo)(function () {
+    if (!discovered) {
+      return (0, _react.jsx)("span", {
+        css: (0, _styled.getPulseStyles)(),
+        "data-testid": "".concat(testId, "-discovery")
+      }, children);
+    }
+  }, [children, discovered, testId]);
+  return component !== null && component !== void 0 ? component : children;
+};
+var _default = exports.default = FeatureDiscovery;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/styled.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPulseStyles = void 0;
+var _react = require("@emotion/react");
+var getPulseStyles = exports.getPulseStyles = function getPulseStyles() {
+  var color = "var(--ds-border-discovery, #8270DB)";
+  var pulseKeyframes = (0, _react.keyframes)({
+    to: {
+      boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
+    }
+  });
+  return (0, _react.css)({
+    display: 'inline-flex',
+    borderRadius: '3px',
+    boxShadow: "0 0 0 0 ".concat(color),
+    animation: "".concat(pulseKeyframes, " 2s cubic-bezier(0.5, 0, 0, 1) 0.25s both 2")
+  });
+};

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

@@ -28,6 +28,8 @@ var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
 var _aiEventErrorViewed = _interopRequireDefault(require("../ai-event-error-viewed"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _react2 = require("@emotion/react");
+var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
@@ -117,7 +119,12 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
         testId: "".concat(testId, "-ai-summary-action"),
         icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
           label: "AIIcon"
-        })
+        }),
+        /**
+         * Enabling feature discovery pulse
+         * Cleanup: https://product-fabric.atlassian.net/browse/EDM-9693
+         */
+        wrapper: _featureDiscovery.default
       };
       return [aiAction].concat((0, _toConsumableArray2.default)(actions));
     }
@@ -133,6 +140,13 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
     direction: _constants.SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
+    /**
+     * Enabled for feature discovery to allow box shadow to overflow
+     * Cleanup: https://product-fabric.atlassian.net/browse/EDM-8681
+     */,
+    overrideCss: (0, _react2.css)({
+      overflow: 'visible'
+    }, props.overrideCss)
   }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
   }), /*#__PURE__*/_react.default.createElement(_aiMotionWrapper.default, {

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -12,7 +12,9 @@ var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _templateObject;
 /** @jsx jsx */
-var getBlockStyles = function getBlockStyles(direction, size) {
+var getBlockStyles = function getBlockStyles(direction, size
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n  // Pull request elements: source branch \u2192 target branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2192';\n  }\n  // Pull request elements: target branch \u2190 source branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2190';\n  }\n"])), (0, _utils.getBaseStyles)(direction, size), _utils.highlightRemoveStyles, (0, _utils.getGapSize)(size), _constants.ElementName.SourceBranch, _constants.ElementName.TargetBranch, _constants.ElementName.TargetBranch, _constants.ElementName.SourceBranch);
 };