@atlaskit/smart-card 26.59.1 → 26.61.0

package/dist/es2019/view/common/ai-icon/index.js

@@ -1,108 +1,113 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
  */
-const AiIcon = props => /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg0",
-  x1: "21",
-  y1: "12",
-  x2: "17.5",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.270833",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg1",
-  x1: "12.5",
-  y1: "3",
-  x2: "12.5",
-  y2: "6.5",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.1875",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg2",
-  x1: "6.82996",
-  y1: "12",
-  x2: "3.32996",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.791667",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg3",
-  x1: "12.5",
-  y1: "17",
-  x2: "12.5",
-  y2: "21",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.802083",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-  fill: "url(#ai_icon_lg0)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-  fill: "url(#ai_icon_lg1)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-  fill: "url(#ai_icon_lg2)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-  fill: "url(#ai_icon_lg3)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-})));
+const AiIcon = props => {
+  const iconColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`;
+  const textColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-text-accent-blue, ${B400})`;
+  return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg0",
+    x1: "21",
+    y1: "12",
+    x2: "17.5",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.270833",
+    stopColor: iconColor,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: textColor,
+    color: textColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg1",
+    x1: "12.5",
+    y1: "3",
+    x2: "12.5",
+    y2: "6.5",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.1875",
+    stopColor: iconColor,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: textColor,
+    color: textColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg2",
+    x1: "6.82996",
+    y1: "12",
+    x2: "3.32996",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: textColor,
+    color: textColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.791667",
+    stopColor: iconColor,
+    color: iconColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg3",
+    x1: "12.5",
+    y1: "17",
+    x2: "12.5",
+    y2: "21",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: textColor,
+    color: textColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.802083",
+    stopColor: iconColor,
+    color: iconColor
+  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
+    fill: "url(#ai_icon_lg0)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
+    fill: "url(#ai_icon_lg1)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
+    fill: "url(#ai_icon_lg2)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
+    fill: "url(#ai_icon_lg3)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
+    fill: iconColor
+  })));
+};
 export default AiIcon;

package/dist/es2019/view/common/ai-summary/index.js

@@ -13,6 +13,7 @@ const AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
+  wordBreak: 'break-word',
   whiteSpace: 'normal',
   WebkitUserSelect: 'text',
   MozUserSelect: 'text',

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ProjectIcon from '@atlaskit/icon/glyph/people-group';
 import CommitIcon from '@atlaskit/icon-object/glyph/commit/16';
 import PullRequestIcon from '@atlaskit/icon-object/glyph/pull-request/16';
@@ -11,6 +12,7 @@ import { extractFileFormat } from './extractFileFormat';
 import { extractIconFromDocument } from './extractIconFromDocument';
 import { extractIconFromTask } from './extractIconFromTask';
 import { extractTaskType } from '../lozenge/extractTaskType';
+import { prioritiseIcon } from './prioritiseIcon';
 export var extractIcon = function extractIcon(jsonLd) {
   var priority = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
   var type = jsonLd['@type'];
@@ -87,6 +89,22 @@ var extractIconByType = function extractIconByType(type, opts) {
     case 'atlassian:Task':
       return extractIconFromTask(opts);
     default:
-      return opts.provider && opts.provider.icon;
+      return getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon(opts) : opts.provider && opts.provider.icon;
   }
+};
+
+/**
+ * Choose which icon to show when the type is not recognized.
+ */
+var extractDefaultIcon = function extractDefaultIcon(opts) {
+  var _opts$provider;
+  var provider = opts.provider;
+  var providerId = provider === null || provider === void 0 ? void 0 : provider.id;
+  return prioritiseIcon({
+    providerId: providerId,
+    fileFormatIcon: undefined,
+    documentTypeIcon: undefined,
+    urlIcon: opts.icon,
+    providerIcon: (_opts$provider = opts.provider) === null || _opts$provider === void 0 ? void 0 : _opts$provider.icon
+  });
 };

package/dist/esm/extractors/common/icon/index.js

@@ -1,4 +1,5 @@
 export { extractFileFormat } from './extractFileFormat';
+export { prioritiseIcon } from './prioritiseIcon';
 export { extractIcon } from './extractIcon';
 export { extractIconFromDocument } from './extractIconFromDocument';
 export { extractIconFromTask } from './extractIconFromTask';

package/dist/esm/extractors/embed/index.js

@@ -1,9 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/link-extractors';
+import { extractLink, extractTitle, extractProvider, extractProviderIcon, extractPreview, extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
+import { prioritiseIcon } from '../common/icon';
 var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeUrlType) {
   var preview = extractPreview(jsonLd, platform, iframeUrlType);
   if (preview && preview.src) {
@@ -12,11 +14,34 @@ var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeU
     });
   }
 };
+function generateContext(jsonLd) {
+  var provider = extractProvider(jsonLd);
+  if (!provider) {
+    return undefined;
+  }
+
+  // If no icon is supplied, return existing context
+  if (!jsonLd.icon) {
+    return provider;
+  }
+  var generator = jsonLd.generator;
+  var icon = prioritiseIcon({
+    providerId: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' ? generator['@id'] : undefined,
+    fileFormatIcon: undefined,
+    documentTypeIcon: undefined,
+    urlIcon: extractUrlFromIconJsonLd(jsonLd.icon),
+    // We still attempt to follow the icon priority function even if no generator (and therefore provider icon) is defined
+    providerIcon: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' && extractProviderIcon(generator.icon)
+  });
+  return _objectSpread(_objectSpread({}, provider), {}, {
+    icon: icon ? icon : provider.icon
+  });
+}
 export var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
   return {
     link: extractLink(jsonLd) || '',
     title: extractTitle(jsonLd),
-    context: extractProvider(jsonLd),
+    context: getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? generateContext(jsonLd) : extractProvider(jsonLd),
     preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
     isTrusted: extractIsTrusted(meta),
     isSupportTheming: extractIsSupportTheming(meta)

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

@@ -1,6 +1,6 @@
 import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
-import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 import { extractAri } from '@atlaskit/link-extractors';
 export var extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
   if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {

package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -9,7 +9,7 @@ import { extractTaskType } from '../../common/lozenge';
 import { extractTitle } from '@atlaskit/link-extractors';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
 import { IconType } from '../../../constants';
-import { prioritiseIcon } from '../../common/icon/prioritiseIcon';
+import { prioritiseIcon } from '../../common/icon';
 var extractTask = function extractTask(data, label) {
   var _ref = extractTaskType(data) || {},
     id = _ref.id,
@@ -123,7 +123,37 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
         label: label || 'Repository'
       };
     default:
-      return providerIcon;
+      return getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon({
+        data: data,
+        type: type,
+        label: label,
+        provider: provider,
+        urlIcon: urlIcon,
+        providerIcon: providerIcon
+      }) : providerIcon;
   }
 };
-export default extractJsonldDataIcon;
+export default extractJsonldDataIcon;
+
+/**
+ * Choose which icon to show when the type is not recognized.
+ */
+var extractDefaultIcon = function extractDefaultIcon(_ref2) {
+  var data = _ref2.data,
+    type = _ref2.type,
+    label = _ref2.label,
+    provider = _ref2.provider,
+    urlIcon = _ref2.urlIcon,
+    providerIcon = _ref2.providerIcon;
+  var documentData = data;
+  var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
+  var fileFormatIcon = extractFileFormatIcon(fileFormat);
+  var documentTypeIcon = extractDocumentTypeIcon(type, label);
+  return prioritiseIcon({
+    providerId: provider,
+    fileFormatIcon: fileFormatIcon,
+    documentTypeIcon: documentTypeIcon,
+    urlIcon: urlIcon,
+    providerIcon: providerIcon
+  });
+};

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -208,7 +208,8 @@ export var AISummaryService = /*#__PURE__*/function () {
               } finally {
                 _iterator4.f();
               }
-            case 52:
+              return _context2.abrupt("return", this.state);
+            case 53:
             case "end":
               return _context2.stop();
           }

package/dist/esm/utils/{get-is-ai-summary-enabled.js → ai-summary.js}

@@ -1,7 +1,27 @@
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../constants';
+import { messages } from '../messages';
 export var getIsAISummaryEnabled = function getIsAISummaryEnabled() {
   var _response$meta;
   var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var response = arguments.length > 1 ? arguments[1] : undefined;
   return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeature) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
+};
+export var getAISummaryErrorMessage = function getAISummaryErrorMessage(error) {
+  switch (error) {
+    case 'ACCEPTABLE_USE_VIOLATIONS':
+      return {
+        message: messages.ai_summary_error_acceptable_use_violation,
+        url: CONTENT_URL_ACCEPTABLE_USE_POLICY
+      };
+    case 'HIPAA_CONTENT_DETECTED':
+      return {
+        message: messages.ai_summary_error_hipaa_content_detected
+      };
+    default:
+      return {
+        message: messages.ai_summary_error_generic,
+        url: CONTENT_URL_AI_TROUBLESHOOTING
+      };
+  }
 };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.59.1"
+  packageVersion: "26.61.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/flexible/utils/index.js

@@ -106,6 +106,14 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           name: ElementName.CommentCount
         }]
       };
+    case 'trello-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: [{
+          name: ElementName.CollaboratorGroup
+        }].concat(baseTopMetadata),
+        bottomMetadata: defaultBottomMetadata
+      };
     default:
       return {
         titleMetadata: defaultTitleMetadata,

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
@@ -11,7 +10,8 @@ import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
-function LazyIntersectionObserverCardLegacy(props) {
+export function LazyIntersectionObserverCard(props) {
+  var ref = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
@@ -34,49 +34,6 @@ function LazyIntersectionObserverCardLegacy(props) {
       prefetch();
     }
   }, [prefetch, id]);
-  var onRef = useCallback(function (element) {
-    if (!element) {
-      return;
-    }
-    var intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
-    });
-    intersectionObserver.observe(element);
-    return function () {
-      return intersectionObserver.disconnect();
-    };
-  }, [onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
-    ref: onRef
-  }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
-  return /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-function LazyIntersectionObserverCardNext(props) {
-  var ref = useRef(null);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isIntersecting = _useState4[0],
-    setIsIntersecting = _useState4[1];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
-  var prefetch = usePrefetch(url);
-  var Component = appearance === 'inline' ? 'span' : 'div';
-  var ComponentObserver = Component;
-  var onIntersection = useCallback(function (entries, observer) {
-    var isVisible = entries.some(function (entry) {
-      return entry.isIntersecting;
-    });
-    if (isVisible) {
-      startUfoExperience('smart-link-rendered', id);
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [prefetch, id]);
   useEffect(function () {
     if (!ref.current) {
       return;
@@ -95,8 +52,4 @@ function LazyIntersectionObserverCardNext(props) {
   return /*#__PURE__*/React.createElement(Component, {
     className: "loader-wrapper"
   }, content);
-}
-export var LazyIntersectionObserverCard = function LazyIntersectionObserverCard(props) {
-  var Component = getBooleanFF('platform.linking-platform.smart-card.fix-intersection-observer') ? LazyIntersectionObserverCardNext : LazyIntersectionObserverCardLegacy;
-  return /*#__PURE__*/React.createElement(Component, props);
-};
+}

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -29,6 +29,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
+  var isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return /*#__PURE__*/React.createElement(Header, {
       className: "embed-header",
@@ -64,6 +65,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
+      removeOverflow: isFixEmbedCardBlurEnabled,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
     }, children);

package/dist/esm/view/EmbedCard/components/styled.js

@@ -123,7 +123,11 @@ export var TooltipWrapper = styled.div({
 // manage scrolling behaviour.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
-  var allowScrollBar = _ref11.allowScrollBar;
+  var allowScrollBar = _ref11.allowScrollBar,
+    removeOverflow = _ref11.removeOverflow;
+  if (removeOverflow) {
+    return '';
+  }
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
 }, function (_ref12) {
   var frameStyle = _ref12.frameStyle;

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

@@ -20,9 +20,6 @@ var getIconStyles = function getIconStyles(isDisabled) {
   });
 };
 var backgroundStyles = css({
-  backgroundColor: "var(--ds-background-brand-subtlest, #E9F2FF)",
-  borderRadius: "var(--ds-border-radius-050, 2px)",
-  color: "var(--ds-icon-brand, #0C66E4)",
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,15 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onClick", "url", "ari", "product"];
+var _excluded = ["onClick", "onError", "url", "ari", "product"];
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { di } from 'react-magnetic-di';
 import { messages } from '../../../../../messages';
 import Action from '../action';
 import AiIcon from '../../../../common/ai-icon';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+import { getErrorMessage } from './utils';
 export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
   var onClickCallback = _ref.onClick,
+    onErrorCallback = _ref.onError,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? '' : _ref$url,
     _ref$ari = _ref.ari,
@@ -25,26 +28,31 @@ export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
     }),
     status = _useAISummary.state.status,
     summariseUrl = _useAISummary.summariseUrl;
+  var onCompleted = useCallback(function (state) {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(getErrorMessage(state.error));
+    }
+  }, [onErrorCallback]);
   var handleActionClick = useCallback(function () {
+    var _summariseUrl;
     fireEvent('ui.button.clicked.aiSummary', {});
     fireEvent('track.aiInteraction.initiated', {
       aiFeatureName: 'Smart Links Summary',
       proactiveAIGenerated: 0,
       userGeneratedAI: 1
     });
-    summariseUrl();
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [fireEvent, onClickCallback, summariseUrl]);
-  if (status === 'ready' || status === 'error') {
-    return /*#__PURE__*/React.createElement(Action, _extends({
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-      icon: /*#__PURE__*/React.createElement(AiIcon, {
-        label: "Summarise with AI"
-      }),
-      onClick: handleActionClick,
-      testId: "smart-action-ai-summary-action",
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
-    }, props));
-  }
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
+    icon: /*#__PURE__*/React.createElement(AiIcon, {
+      label: "Summarise with AI"
+    }),
+    isLoading: status === 'loading',
+    onClick: handleActionClick,
+    testId: "smart-action-ai-summary-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
+  }, props));
   return null;
 };