@atlaskit/smart-card 38.20.0 → 38.20.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 38.20.2
+
+### Patch Changes
+
+- [#180778](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180778)
+  [`9945b995de310`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9945b995de310) -
+  EDM-12645 updating convo ai endpoint
+- [#180787](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180787)
+  [`af0a44332ac36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af0a44332ac36) -
+  [ux] NO-ISSUE Fixing thumbnail image for entity types to show nothing if no thumbnail exists
+
+## 38.20.1
+
+### Patch Changes
+
+- [#180349](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180349)
+  [`421881d819fdf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/421881d819fdf) -
+  Add observability to loading state of smart card
+
 ## 38.20.0
 
 ### Minor Changes

package/dist/cjs/extractors/flexible/extract-preview.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractSmartLinkPreviewImage = exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var extractPreview = function extractPreview(data) {
   if (!data) {
@@ -28,7 +29,7 @@ var extractSmartLinkPreviewImage = exports.extractSmartLinkPreviewImage = functi
     var _entity$thumbnail;
     var entity = (0, _linkExtractors.extractEntity)(response);
     var url = entity === null || entity === void 0 || (_entity$thumbnail = entity.thumbnail) === null || _entity$thumbnail === void 0 ? void 0 : _entity$thumbnail.externalUrl;
-    if (!url) {
+    if (!url && !(0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
       var provider = (0, _linkExtractors.extractEntityProvider)(response);
       url = provider === null || provider === void 0 ? void 0 : provider.image;
     }

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

@@ -23,7 +23,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { (0, _defineProperty2.default)(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; }
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
-var CONVO_AI_ENDPOINT = 'ai/v2/ai-feature/smartlinksummary/stream';
+var CONVO_AI_ENDPOINT = 'assist/api/ai/v2/ai-feature/smartlinksummary/stream';
 var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.19.0"
+  packageVersion: "38.20.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -8,6 +8,7 @@ exports.BlockCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _useControlDataExportConfig = require("../../state/hooks/use-control-data-export-config");
 var _shouldDataExport = require("../../utils/should-data-export");
 var _utils = require("../common/utils");
@@ -17,21 +18,27 @@ var _ForbiddenView = _interopRequireDefault(require("./views/ForbiddenView"));
 var _NotFoundView = _interopRequireDefault(require("./views/NotFoundView"));
 var _ResolvedView = _interopRequireDefault(require("./views/ResolvedView"));
 var _UnauthorisedView = _interopRequireDefault(require("./views/UnauthorisedView"));
-var BlockCard = exports.BlockCard = function BlockCard(_ref) {
-  var id = _ref.id,
-    url = _ref.url,
-    cardState = _ref.cardState,
-    authFlow = _ref.authFlow,
-    handleAuthorize = _ref.handleAuthorize,
-    handleFrameClick = _ref.handleFrameClick,
-    renderers = _ref.renderers,
-    isSelected = _ref.isSelected,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    actionOptions = _ref.actionOptions,
-    CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _platformFeatureFlags.fg)('platform_renderer_blindspots') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadHold.default, {
+    name: "smart-card-block-card"
+  }), children) : children;
+};
+var BlockCard = exports.BlockCard = function BlockCard(_ref2) {
+  var id = _ref2.id,
+    url = _ref2.url,
+    cardState = _ref2.cardState,
+    authFlow = _ref2.authFlow,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleFrameClick = _ref2.handleFrameClick,
+    renderers = _ref2.renderers,
+    isSelected = _ref2.isSelected,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    actionOptions = _ref2.actionOptions,
+    CompetitorPrompt = _ref2.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton;
   var status = cardState.status;
   var blockCardProps = {
     id: id,
@@ -54,9 +61,9 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, (0, _extends2.default)({}, blockCardProps, {
+      return /*#__PURE__*/_react.default.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/_react.default.createElement(_ResolvedView.default, (0, _extends2.default)({}, blockCardProps, {
         testId: "smart-block-resolving-view"
-      }));
+      })));
     case 'resolved':
       if ((0, _platformFeatureFlags.fg)('platform_smart_links_controlled_dsp_export_view')) {
         if ((0, _shouldDataExport.getIsDataExportEnabled)(shouldControlDataExport, cardState.details)) {

package/dist/cjs/view/EmbedCard/index.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _embed = require("../../extractors/embed");
 var _inline = require("../../extractors/inline");
@@ -23,26 +24,32 @@ var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
 var _ResolvedView3 = require("./views/ResolvedView");
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
-var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _platformFeatureFlags.fg)('platform_renderer_blindspots') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadHold.default, {
+    name: "smart-card-embed-card"
+  }), children) : children;
+};
+var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref2, iframeRef) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
-  var url = _ref.url,
-    cardState = _ref.cardState,
-    handleAuthorize = _ref.handleAuthorize,
-    handleErrorRetry = _ref.handleErrorRetry,
-    handleFrameClick = _ref.handleFrameClick,
-    isSelected = _ref.isSelected,
-    frameStyle = _ref.frameStyle,
-    platform = _ref.platform,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    inheritDimensions = _ref.inheritDimensions,
-    onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus,
-    iframeUrlType = _ref.iframeUrlType,
-    actionOptions = _ref.actionOptions,
-    renderers = _ref.renderers,
-    CompetitorPrompt = _ref.CompetitorPrompt;
+  var url = _ref2.url,
+    cardState = _ref2.cardState,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleErrorRetry = _ref2.handleErrorRetry,
+    handleFrameClick = _ref2.handleFrameClick,
+    isSelected = _ref2.isSelected,
+    frameStyle = _ref2.frameStyle,
+    platform = _ref2.platform,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    inheritDimensions = _ref2.inheritDimensions,
+    onIframeDwell = _ref2.onIframeDwell,
+    onIframeFocus = _ref2.onIframeFocus,
+    iframeUrlType = _ref2.iframeUrlType,
+    actionOptions = _ref2.actionOptions,
+    renderers = _ref2.renderers,
+    CompetitorPrompt = _ref2.CompetitorPrompt;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -55,7 +62,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
+      return /*#__PURE__*/_react.default.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -64,7 +71,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         renderers: renderers,
         actionOptions: actionOptions,
         testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
-      });
+      }));
     case 'resolved':
       var resolvedViewProps = (0, _embed.extractEmbedProps)(details, platform, iframeUrlType);
       if (onResolve) {

package/dist/cjs/view/InlineCard/index.js

@@ -40,6 +40,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _constants = require("../../constants");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _inline = require("../../extractors/inline");
@@ -52,26 +54,32 @@ var _ResolvedView = require("./ResolvedView");
 var _ResolvingView = require("./ResolvingView");
 var _UnauthorisedView = require("./UnauthorisedView");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var InlineCard = exports.InlineCard = function InlineCard(_ref) {
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _platformFeatureFlags.fg)('platform_renderer_blindspots') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadHold.default, {
+    name: "smart-card-inline-card"
+  }), children) : children;
+};
+var InlineCard = exports.InlineCard = function InlineCard(_ref2) {
   var _details$meta, _providerForbidden$te;
-  var id = _ref.id,
-    url = _ref.url,
-    cardState = _ref.cardState,
-    handleAuthorize = _ref.handleAuthorize,
-    handleFrameClick = _ref.handleFrameClick,
-    isSelected = _ref.isSelected,
-    isHovered = _ref.isHovered,
-    renderers = _ref.renderers,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-    showHoverPreview = _ref.showHoverPreview,
-    hoverPreviewOptions = _ref.hoverPreviewOptions,
-    actionOptions = _ref.actionOptions,
-    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
-    resolvingPlaceholder = _ref.resolvingPlaceholder,
-    truncateInline = _ref.truncateInline;
+  var id = _ref2.id,
+    url = _ref2.url,
+    cardState = _ref2.cardState,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleFrameClick = _ref2.handleFrameClick,
+    isSelected = _ref2.isSelected,
+    isHovered = _ref2.isHovered,
+    renderers = _ref2.renderers,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    inlinePreloaderStyle = _ref2.inlinePreloaderStyle,
+    showHoverPreview = _ref2.showHoverPreview,
+    hoverPreviewOptions = _ref2.hoverPreviewOptions,
+    actionOptions = _ref2.actionOptions,
+    removeTextHighlightingFromTitle = _ref2.removeTextHighlightingFromTitle,
+    resolvingPlaceholder = _ref2.resolvingPlaceholder,
+    truncateInline = _ref2.truncateInline;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -104,7 +112,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_ResolvingView.InlineCardResolvingView, {
+      return /*#__PURE__*/_react.default.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/_react.default.createElement(_ResolvingView.InlineCardResolvingView, {
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -112,7 +120,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle,
         resolvingPlaceholder: resolvingPlaceholder,
         truncateInline: truncateInline
-      });
+      }));
     case 'resolved':
       return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         id: id,

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.19.0",
+  packageVersion: "38.20.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/flexible/extract-preview.js

@@ -1,4 +1,5 @@
 import { extractEntity, extractEntityProvider, extractImage, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { MediaType } from '../../constants';
 const extractPreview = data => {
   if (!data) {
@@ -23,7 +24,7 @@ export const extractSmartLinkPreviewImage = response => {
     var _entity$thumbnail;
     const entity = extractEntity(response);
     let url = entity === null || entity === void 0 ? void 0 : (_entity$thumbnail = entity.thumbnail) === null || _entity$thumbnail === void 0 ? void 0 : _entity$thumbnail.externalUrl;
-    if (!url) {
+    if (!url && !fg('smart_links_noun_support')) {
       const provider = extractEntityProvider(response);
       url = provider === null || provider === void 0 ? void 0 : provider.image;
     }

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

@@ -5,7 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { readStream } from './readStream';
 import { ChunkProcessingError } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
-const CONVO_AI_ENDPOINT = 'ai/v2/ai-feature/smartlinksummary/stream';
+const CONVO_AI_ENDPOINT = 'assist/api/ai/v2/ai-feature/smartlinksummary/stream';
 export class AISummaryService {
   constructor(props) {
     var _getXProductHeaderVal;

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.19.0"
+  packageVersion: "38.20.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { useControlDataExportConfig } from '../../state/hooks/use-control-data-export-config';
 import { getIsDataExportEnabled } from '../../utils/should-data-export';
 import { handleClickCommon } from '../common/utils';
@@ -10,6 +11,13 @@ import ForbiddenView from './views/ForbiddenView';
 import NotFoundView from './views/NotFoundView';
 import ResolvedView from './views/ResolvedView';
 import UnauthorisedView from './views/UnauthorisedView';
+const UFOLoadHoldWrapper = ({
+  children
+}) => {
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-block-card"
+  }), children) : children;
+};
 export const BlockCard = ({
   id,
   url,
@@ -48,9 +56,9 @@ export const BlockCard = ({
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(ResolvedView, _extends({}, blockCardProps, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(ResolvedView, _extends({}, blockCardProps, {
         testId: "smart-block-resolving-view"
-      }));
+      })));
     case 'resolved':
       if (fg('platform_smart_links_controlled_dsp_export_view')) {
         if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
@@ -16,6 +17,13 @@ import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
 import { EmbedCardResolvedView } from './views/ResolvedView';
 import UnauthorizedView from './views/unauthorized-view';
+const UFOLoadHoldWrapper = ({
+  children
+}) => {
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-embed-card"
+  }), children) : children;
+};
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
   cardState,
@@ -52,7 +60,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(BlockCardResolvedView, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -61,7 +69,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         renderers: renderers,
         actionOptions: actionOptions,
         testId: testId ? `${testId}-resolving-view` : 'embed-card-resolving-view'
-      });
+      }));
     case 'resolved':
       const resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
       if (onResolve) {

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

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
@@ -14,6 +16,13 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
+const UFOLoadHoldWrapper = ({
+  children
+}) => {
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-inline-card"
+  }), children) : children;
+};
 export const InlineCard = ({
   id,
   url,
@@ -70,7 +79,7 @@ export const InlineCard = ({
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(InlineCardResolvingView, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(InlineCardResolvingView, {
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -78,7 +87,7 @@ export const InlineCard = ({
         inlinePreloaderStyle: inlinePreloaderStyle,
         resolvingPlaceholder: resolvingPlaceholder,
         truncateInline: truncateInline
-      });
+      }));
     case 'resolved':
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.19.0",
+  packageVersion: "38.20.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/flexible/extract-preview.js

@@ -1,4 +1,5 @@
 import { extractEntity, extractEntityProvider, extractImage, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { MediaType } from '../../constants';
 var extractPreview = function extractPreview(data) {
   if (!data) {
@@ -23,7 +24,7 @@ export var extractSmartLinkPreviewImage = function extractSmartLinkPreviewImage(
     var _entity$thumbnail;
     var entity = extractEntity(response);
     var url = entity === null || entity === void 0 || (_entity$thumbnail = entity.thumbnail) === null || _entity$thumbnail === void 0 ? void 0 : _entity$thumbnail.externalUrl;
-    if (!url) {
+    if (!url && !fg('smart_links_noun_support')) {
       var provider = extractEntityProvider(response);
       url = provider === null || provider === void 0 ? void 0 : provider.image;
     }

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

@@ -16,7 +16,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { readStream } from './readStream';
 import { ChunkProcessingError } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
-var CONVO_AI_ENDPOINT = 'ai/v2/ai-feature/smartlinksummary/stream';
+var CONVO_AI_ENDPOINT = 'assist/api/ai/v2/ai-feature/smartlinksummary/stream';
 export var AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,

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

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

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { useControlDataExportConfig } from '../../state/hooks/use-control-data-export-config';
 import { getIsDataExportEnabled } from '../../utils/should-data-export';
 import { handleClickCommon } from '../common/utils';
@@ -10,21 +11,27 @@ import ForbiddenView from './views/ForbiddenView';
 import NotFoundView from './views/NotFoundView';
 import ResolvedView from './views/ResolvedView';
 import UnauthorisedView from './views/UnauthorisedView';
-export var BlockCard = function BlockCard(_ref) {
-  var id = _ref.id,
-    url = _ref.url,
-    cardState = _ref.cardState,
-    authFlow = _ref.authFlow,
-    handleAuthorize = _ref.handleAuthorize,
-    handleFrameClick = _ref.handleFrameClick,
-    renderers = _ref.renderers,
-    isSelected = _ref.isSelected,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    actionOptions = _ref.actionOptions,
-    CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-block-card"
+  }), children) : children;
+};
+export var BlockCard = function BlockCard(_ref2) {
+  var id = _ref2.id,
+    url = _ref2.url,
+    cardState = _ref2.cardState,
+    authFlow = _ref2.authFlow,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleFrameClick = _ref2.handleFrameClick,
+    renderers = _ref2.renderers,
+    isSelected = _ref2.isSelected,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    actionOptions = _ref2.actionOptions,
+    CompetitorPrompt = _ref2.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton;
   var status = cardState.status;
   var blockCardProps = {
     id: id,
@@ -47,9 +54,9 @@ export var BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(ResolvedView, _extends({}, blockCardProps, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(ResolvedView, _extends({}, blockCardProps, {
         testId: "smart-block-resolving-view"
-      }));
+      })));
     case 'resolved':
       if (fg('platform_smart_links_controlled_dsp_export_view')) {
         if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {

package/dist/esm/view/EmbedCard/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
@@ -16,26 +17,32 @@ import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
 import { EmbedCardResolvedView } from './views/ResolvedView';
 import UnauthorizedView from './views/unauthorized-view';
-export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-embed-card"
+  }), children) : children;
+};
+export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
-  var url = _ref.url,
-    cardState = _ref.cardState,
-    handleAuthorize = _ref.handleAuthorize,
-    handleErrorRetry = _ref.handleErrorRetry,
-    handleFrameClick = _ref.handleFrameClick,
-    isSelected = _ref.isSelected,
-    frameStyle = _ref.frameStyle,
-    platform = _ref.platform,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    inheritDimensions = _ref.inheritDimensions,
-    onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus,
-    iframeUrlType = _ref.iframeUrlType,
-    actionOptions = _ref.actionOptions,
-    renderers = _ref.renderers,
-    CompetitorPrompt = _ref.CompetitorPrompt;
+  var url = _ref2.url,
+    cardState = _ref2.cardState,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleErrorRetry = _ref2.handleErrorRetry,
+    handleFrameClick = _ref2.handleFrameClick,
+    isSelected = _ref2.isSelected,
+    frameStyle = _ref2.frameStyle,
+    platform = _ref2.platform,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    inheritDimensions = _ref2.inheritDimensions,
+    onIframeDwell = _ref2.onIframeDwell,
+    onIframeFocus = _ref2.onIframeFocus,
+    iframeUrlType = _ref2.iframeUrlType,
+    actionOptions = _ref2.actionOptions,
+    renderers = _ref2.renderers,
+    CompetitorPrompt = _ref2.CompetitorPrompt;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -48,7 +55,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(BlockCardResolvedView, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -57,7 +64,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         renderers: renderers,
         actionOptions: actionOptions,
         testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
-      });
+      }));
     case 'resolved':
       var resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
       if (onResolve) {

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

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
@@ -14,26 +16,32 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
-export var InlineCard = function InlineCard(_ref) {
+var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
+  var children = _ref.children;
+  return fg('platform_renderer_blindspots') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOHoldLoad, {
+    name: "smart-card-inline-card"
+  }), children) : children;
+};
+export var InlineCard = function InlineCard(_ref2) {
   var _details$meta, _providerForbidden$te;
-  var id = _ref.id,
-    url = _ref.url,
-    cardState = _ref.cardState,
-    handleAuthorize = _ref.handleAuthorize,
-    handleFrameClick = _ref.handleFrameClick,
-    isSelected = _ref.isSelected,
-    isHovered = _ref.isHovered,
-    renderers = _ref.renderers,
-    onResolve = _ref.onResolve,
-    onError = _ref.onError,
-    testId = _ref.testId,
-    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-    showHoverPreview = _ref.showHoverPreview,
-    hoverPreviewOptions = _ref.hoverPreviewOptions,
-    actionOptions = _ref.actionOptions,
-    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
-    resolvingPlaceholder = _ref.resolvingPlaceholder,
-    truncateInline = _ref.truncateInline;
+  var id = _ref2.id,
+    url = _ref2.url,
+    cardState = _ref2.cardState,
+    handleAuthorize = _ref2.handleAuthorize,
+    handleFrameClick = _ref2.handleFrameClick,
+    isSelected = _ref2.isSelected,
+    isHovered = _ref2.isHovered,
+    renderers = _ref2.renderers,
+    onResolve = _ref2.onResolve,
+    onError = _ref2.onError,
+    testId = _ref2.testId,
+    inlinePreloaderStyle = _ref2.inlinePreloaderStyle,
+    showHoverPreview = _ref2.showHoverPreview,
+    hoverPreviewOptions = _ref2.hoverPreviewOptions,
+    actionOptions = _ref2.actionOptions,
+    removeTextHighlightingFromTitle = _ref2.removeTextHighlightingFromTitle,
+    resolvingPlaceholder = _ref2.resolvingPlaceholder,
+    truncateInline = _ref2.truncateInline;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -66,7 +74,7 @@ export var InlineCard = function InlineCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(InlineCardResolvingView, {
+      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(InlineCardResolvingView, {
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -74,7 +82,7 @@ export var InlineCard = function InlineCard(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle,
         resolvingPlaceholder: resolvingPlaceholder,
         truncateInline: truncateInline
-      });
+      }));
     case 'resolved':
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.19.0",
+  packageVersion: "38.20.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.20.0",
+	"version": "38.20.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -173,12 +173,10 @@
 			"type": "boolean"
 		},
 		"platform-visual-refresh-icons-legacy-facade": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
+			"type": "boolean"
 		},
 		"platform-component-visual-refresh": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
+			"type": "boolean"
 		},
 		"bandicoots-smart-card-teamwork-context": {
 			"type": "boolean"
@@ -193,8 +191,7 @@
 			"type": "boolean"
 		},
 		"icon-object-migration": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
+			"type": "boolean"
 		},
 		"platform-linking-visual-refresh-v1": {
 			"type": "boolean"
@@ -224,8 +221,7 @@
 			"type": "boolean"
 		},
 		"platform-smart-card-remove-legacy-button": {
-			"type": "boolean",
-			"showOnWebsiteForTransitiveDependencies": true
+			"type": "boolean"
 		},
 		"platform-linking-additional-flexible-element-props": {
 			"type": "boolean"
@@ -256,6 +252,9 @@
 		},
 		"platform-linking-user-attributes-component": {
 			"type": "boolean"
+		},
+		"platform_renderer_blindspots": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"