@atlaskit/smart-card 38.8.0 → 38.9.1

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

@@ -1,10 +1,9 @@
 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 { extractEntityProvider, extractLink, extractProvider,
-// extractSmartLinkIcon,
-extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractIcon } from '../common/icon';
 import { extractLozenge } from '../common/lozenge';
 import { extractTitleTextColor } from '../common/primitives';
@@ -37,29 +36,17 @@ var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
     // see: https://product-fabric.atlassian.net/browse/EDM-12375
     // return extractSmartLinkIcon(response);
   }
-  return extractInlineIcon(response === null || response === void 0 ? void 0 : response.data, showLabel);
+  return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd(), showLabel);
 };
 export var extractInlineProps = function extractInlineProps(response, renderers, removeTextHighlightingFromTitle) {
   var showLabel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var jsonLd = response === null || response === void 0 ? void 0 : response.data;
-  if (fg('smart_links_noun_support')) {
-    return _objectSpread({
-      link: extractSmartLinkUrl(response),
-      title: extractSmartLinkTitle(response, removeTextHighlightingFromTitle),
-      icon: extractSmartLinkInlineIcon(response, showLabel),
-      // As we migrate to support more entities we can incorporate these fields
-      lozenge: extractLozenge(jsonLd),
-      titleTextColor: extractTitleTextColor(jsonLd),
-      titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
-    }, fg('platform-linking-visual-refresh-v2') && {
-      type: extractType(jsonLd)
-    });
-  }
+  var jsonLd = (response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd();
   return _objectSpread({
-    link: extractLink(jsonLd),
-    title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
+    link: extractSmartLinkUrl(response),
+    title: extractSmartLinkTitle(response, removeTextHighlightingFromTitle),
+    icon: extractSmartLinkInlineIcon(response, showLabel),
+    // As we migrate to support more entities we can incorporate these fields
     lozenge: extractLozenge(jsonLd),
-    icon: extractInlineIcon(jsonLd, showLabel),
     titleTextColor: extractTitleTextColor(jsonLd),
     titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
   }, fg('platform-linking-visual-refresh-v2') && {

package/dist/esm/state/hooks/use-resolve/index.js

@@ -3,7 +3,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import { isEntityPresent } from '@atlaskit/link-extractors';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../constants';
 import { addMetadataToExperience } from '../../analytics';
 import useResponse from '../use-response';
@@ -38,7 +37,7 @@ var useResolve = function useResolve() {
               status: SmartLinkStatus.Pending,
               details: undefined
             }, details = _ref2.details;
-            hasData = fg('smart_links_noun_support') ? !!(details && details.data || isEntityPresent(details)) : !!(details && details.data);
+            hasData = !!(details && details.data || isEntityPresent(details));
             if (!(isReloading || !hasData || isMetadataRequest)) {
               _context.next = 9;
               break;

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

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

@@ -23,7 +23,8 @@ export var BlockCard = function BlockCard(_ref) {
     onError = _ref.onError,
     testId = _ref.testId,
     actionOptions = _ref.actionOptions,
-    CompetitorPrompt = _ref.CompetitorPrompt;
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
   var status = cardState.status;
   var blockCardProps = {
     id: id,
@@ -37,7 +38,8 @@ export var BlockCard = function BlockCard(_ref) {
     onResolve: onResolve,
     renderers: renderers,
     actionOptions: actionOptions,
-    CompetitorPrompt: CompetitorPrompt
+    CompetitorPrompt: CompetitorPrompt,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton
   };
   var _useControlDataExport = useControlDataExportConfig(),
     _useControlDataExport2 = _useControlDataExport.shouldControlDataExport,

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

@@ -11,7 +11,7 @@ import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { extractRequestAccessContextImproved } from '../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../extractors/common/hostname/extractHostname';
@@ -44,7 +44,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
     url = props.url;
   var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
   var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-  var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  var provider = extractSmartLinkProvider(details);
   var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
   var messageContext = useMemo(function () {
     var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -9,7 +9,7 @@ import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
 import Text from '../../FlexibleCard/components/elements/common/base-text-element';
@@ -31,7 +31,7 @@ var NotFoundView = function NotFoundView(_ref) {
   var details = props.cardState.details;
   var product = useMemo(function () {
     var _provider$text;
-    var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(details === null || details === void 0 ? void 0 : details.data);
+    var provider = extractSmartLinkProvider(details);
     return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
   }, [details]);
   var title = useMemo(function () {

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -33,7 +33,8 @@ var ResolvedView = function ResolvedView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     url = _ref.url,
-    CompetitorPrompt = _ref.CompetitorPrompt;
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isPreviewBlockErrored = _useState2[0],
@@ -91,6 +92,7 @@ var ResolvedView = function ResolvedView(_ref) {
   }, {
     CompetitorPrompt: CompetitorPrompt,
     url: url,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton,
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: topMetadata,

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -27,14 +27,13 @@ var contentStyles = null;
  * @see FlexibleCardProps
  */
 var UnauthorisedView = function UnauthorisedView(_ref) {
-  var _cardState$details, _extractSmartLinkProv, _extractProvider;
+  var _extractSmartLinkProv;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
   var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;

package/dist/esm/view/CardWithUrl/component.js

@@ -7,7 +7,7 @@ import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
 import { getClickUrl, getDefinitionId, getExtensionKey, getObjectAri, getObjectIconUrl, getObjectName, getResourceType, getServices, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
-import { isSpecialEvent } from '../../utils';
+import { isSpecialClick, isSpecialEvent, isSpecialKey } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
 import { fireLinkClickedEvent } from '../../utils/analytics/click';
 import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
@@ -41,7 +41,8 @@ function Component(_ref) {
     removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
     resolvingPlaceholder = _ref.resolvingPlaceholder,
     truncateInline = _ref.truncateInline,
-    CompetitorPrompt = _ref.CompetitorPrompt;
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -71,12 +72,7 @@ function Component(_ref) {
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
-    var isModifierKeyPressed = isSpecialEvent(event);
-    // Ctrl+left click on mac typically doesn't trigger onClick
-    // The event could have potentially had `e.preventDefault()` called on it by now
-    // event by smart card internally
-    // If it has been called then only then can `isModifierKeyPressed` be true.
-    var target = isModifierKeyPressed ? '_blank' : '_self';
+    var isModifierKeyPressed = isSpecialKey(event) || isSpecialClick(event);
     fireEvent('ui.smartLink.clicked', {
       id: id,
       display: isFlexibleUi ? CardDisplay.Flexible : appearance,
@@ -88,9 +84,11 @@ function Component(_ref) {
     // delegate the click to the glance panel handler
     if (
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('fun-1765_wire_up_glance_panel_to_smart_cards') && target !== '_blank' && ari && isGlancePanelAvailable !== null && isGlancePanelAvailable !== void 0 && isGlancePanelAvailable({
+    fg('fun-1765_wire_up_glance_panel_to_smart_cards') && !isModifierKeyPressed && ari && openGlancePanel && isGlancePanelAvailable !== null && isGlancePanelAvailable !== void 0 && isGlancePanelAvailable({
       ari: ari
-    }) && openGlancePanel) {
+    })) {
+      event.preventDefault();
+      event.stopPropagation();
       openGlancePanel({
         url: url,
         ari: ari,
@@ -104,6 +102,12 @@ function Component(_ref) {
       });
     } else if (!onClick && !isFlexibleUi) {
       var clickUrl = getClickUrl(url, state.details);
+
+      // Ctrl+left click on mac typically doesn't trigger onClick
+      // The event could have potentially had `e.preventDefault()` called on it by now
+      // event by smart card internally
+      // If it has been called then only then can `isSpecialEvent` be true.
+      var target = isSpecialEvent(event) ? '_blank' : '_self';
       window.open(clickUrl, target);
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {
@@ -259,7 +263,8 @@ function Component(_ref) {
         onError: onError,
         testId: testId,
         actionOptions: actionOptions,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        hideIconLoadingSkeleton: hideIconLoadingSkeleton
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import MotionWrapper from '../../../common/motion-wrapper';
@@ -22,7 +22,8 @@ var getIcon = function getIcon(appearance) {
         label: "Error",
         LEGACY_size: "small",
         testId: "action-error-icon",
-        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)")
+        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
+        size: "small"
       });
     default:
       return null;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -71,6 +71,7 @@ var TitleBlock = function TitleBlock(_ref) {
     anchorRef = _ref.anchorRef,
     CompetitorPrompt = _ref.CompetitorPrompt,
     url = _ref.url,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
     props = _objectWithoutProperties(_ref, _excluded);
   var cardContext = fg('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -130,6 +131,7 @@ var TitleBlock = function TitleBlock(_ref) {
     hideRetry: hideRetry
   } : undefined, {
     icon: icon,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton,
     size: fg('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     theme: theme

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon", "CompetitorPrompt", "url"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -37,6 +37,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     hideIcon = _ref.hideIcon,
     CompetitorPrompt = _ref.CompetitorPrompt,
     url = _ref.url,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var size = blockProps.size;
   var metadataElements = renderElementItems(metadata);
@@ -46,7 +47,8 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position,
-    size: size
+    size: size,
+    hideLoadingSkeleton: hideIconLoadingSkeleton
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,
     width: SmartLinkWidth.Flexible,

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,7 +1,9 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { useEffect, useState } from 'react';
 import ImageLoader from 'react-render-image';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';
@@ -17,15 +19,23 @@ var ImageIcon = function ImageIcon(_ref) {
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance,
     onError = _ref.onError,
-    onLoad = _ref.onLoad;
-  return /*#__PURE__*/React.createElement(ImageLoader, {
-    src: url,
-    loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
-      testId: "".concat(testId, "-loading"),
-      width: width,
-      height: height
-    }),
-    loaded: /*#__PURE__*/React.createElement("img", {
+    onLoad = _ref.onLoad,
+    _ref$hideLoadingSkele = _ref.hideLoadingSkeleton,
+    hideLoadingSkeleton = _ref$hideLoadingSkele === void 0 ? false : _ref$hideLoadingSkele;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasImageErrored = _useState2[0],
+    setHasImageErrored = _useState2[1];
+
+  // If url changes, reset state
+  useEffect(function () {
+    setHasImageErrored(false);
+  }, [url]);
+  if (hasImageErrored) {
+    return defaultIcon;
+  }
+  if (hideLoadingSkeleton && fg('platform_fix_block_card_img_icon_vc')) {
+    return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image"),
       alt: "",
@@ -33,11 +43,33 @@ var ImageIcon = function ImageIcon(_ref) {
         width: width,
         height: height
       },
+      onError: function onError() {
+        return setHasImageErrored(true);
+      },
       className: ax([appearance === 'round' && fg('platform-linking-visual-refresh-v2') && styles.roundImg])
-    }),
-    errored: defaultIcon,
-    onError: onError,
-    onLoad: onLoad
-  });
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(ImageLoader, {
+      src: url,
+      loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
+        testId: "".concat(testId, "-loading"),
+        width: width,
+        height: height
+      }),
+      loaded: /*#__PURE__*/React.createElement("img", {
+        src: url,
+        "data-testid": "".concat(testId, "-image"),
+        alt: "",
+        style: {
+          width: width,
+          height: height
+        },
+        className: ax([appearance === 'round' && fg('platform-linking-visual-refresh-v2') && styles.roundImg])
+      }),
+      errored: defaultIcon,
+      onError: onError,
+      onLoad: onLoad
+    });
+  }
 };
 export default ImageIcon;

package/dist/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -57,6 +57,7 @@ var renderDefaultIcon = function renderDefaultIcon(label, testId) {
 var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : SmartLinkSize.Medium;
   var appearance = arguments.length > 4 ? arguments[4] : undefined;
+  var hideLoadingSkeleton = arguments.length > 5 ? arguments[5] : undefined;
   var width = size === SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
     return /*#__PURE__*/React.createElement(ImageIcon, _extends({
@@ -67,6 +68,8 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
       height: width
     }, fg('platform-linking-visual-refresh-v2') && {
       appearance: appearance
+    }, {
+      hideLoadingSkeleton: hideLoadingSkeleton
     }));
   }
 };
@@ -93,11 +96,12 @@ var IconElement = function IconElement(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-icon' : _ref$testId,
     url = _ref.url,
     _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance;
+    appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance,
+    hideLoadingSkeleton = _ref.hideLoadingSkeleton;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, fg('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
-  }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, fg('platform-linking-visual-refresh-v2') ? appearance : undefined, hideLoadingSkeleton) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
+  }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
   var width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, 'data-fit-to-content', true), {
     "data-smart-element": name,

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -11,7 +11,7 @@ import { ax, ix } from "@compiled/react/runtime";
 
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { cx } from '@compiled/react';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
 import { withFeatureFlaggedComponent } from '@atlaskit/linking-common';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -53,7 +53,8 @@ var LozengeActionTriggerOld = function LozengeActionTriggerOld(_ref) {
       color: "currentColor",
       label: "options",
       LEGACY_size: "medium",
-      LEGACY_margin: "-4px -8px -4px -7px"
+      LEGACY_margin: "-4px -8px -4px -7px",
+      size: "small"
     }))));
   }, [appearance, isBold, text]);
   return /*#__PURE__*/React.createElement("button", _extends({
@@ -143,7 +144,8 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref2) {
       color: "currentColor",
       label: "options",
       LEGACY_size: "medium",
-      LEGACY_margin: "-4px -8px -4px -7px"
+      LEGACY_margin: "-4px -8px -4px -7px",
+      size: "small"
     })))));
   }, [appearance, isHovering, isPressing, text, isOpen, lozengeBackgroundColor, lozengeForegroundColor]);
   return /*#__PURE__*/React.createElement("button", _extends({

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

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context';
 import extractFlexibleUiContext from '../../extractors/flexible';
 import extractLinkTitle from '../../extractors/flexible/extract-link-title';
-import extractPreview, { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
+import { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
-import extractProviderIcon, { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/extract-provider-icon';
+import { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/extract-provider-icon';
 import { messages } from '../../messages';
 import { handleOnClick } from '../../utils';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import { getForbiddenJsonLd } from '../../utils/jsonld';
 export var getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},
     onClick = _ref.onClick,
@@ -40,8 +40,8 @@ export var getContextByStatus = function getContextByStatus(params) {
         title: fg('platform-linking-flexible-card-context') ? undefined : url,
         linkIcon: extractErrorIcon(response, status),
         linkTitle: fg('platform-linking-flexible-card-context') ? extractLinkTitle(status, url, response, onClick) : undefined,
-        preview: fg('smart_links_noun_support') ? extractSmartLinkPreviewImage(response) : extractPreview(response === null || response === void 0 ? void 0 : response.data),
-        provider: fg('smart_links_noun_support') ? extractSmartLinkProviderIcon(response) : extractProviderIcon(response === null || response === void 0 ? void 0 : response.data),
+        preview: extractSmartLinkPreviewImage(response),
+        provider: extractSmartLinkProviderIcon(response),
         actions: fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
       };
   }
@@ -66,8 +66,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
 };
 export var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
   var _response$meta, _access$action, _access$buttonDisable;
-  var data = response && response.data || getEmptyJsonLd();
-  var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(response) : extractProvider(data);
+  var provider = extractSmartLinkProvider(response);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
   var values = context ? {
     context: context

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -232,6 +232,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     label: label
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
-    popupComponent: CustomPopupContainer
+    popupComponent: CustomPopupContainer,
+    shouldRenderToParent: fg('should-render-to-parent-should-be-true-linking-pla')
   });
 };

package/dist/esm/view/HoverCard/components/ImagePreview.js

@@ -4,7 +4,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) { _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 React, { useCallback, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import extractPreview, { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
+import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 var ImagePreview = function ImagePreview(_ref) {
   var fallbackElementHeight = _ref.fallbackElementHeight,
@@ -19,7 +19,6 @@ var ImagePreview = function ImagePreview(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     dynamicStyles = _useState4[0],
     setDynamicStyles = _useState4[1];
-  var data = response === null || response === void 0 ? void 0 : response.data;
 
   // Set Preview to a fixed height to enable transitions
   var onPreviewRender = useCallback(function () {
@@ -49,19 +48,7 @@ var ImagePreview = function ImagePreview(_ref) {
   var onPreviewTransitionEnd = useCallback(function () {
     setShowPreview(false);
   }, []);
-  if (fg('smart_links_noun_support')) {
-    return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
-      onError: onPreviewError,
-      ignoreContainerPadding: true,
-      onTransitionEnd: onPreviewTransitionEnd,
-      blockRef: previewBlockRef,
-      onRender: onPreviewRender
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ,
-      style: dynamicStyles
-    }) : null;
-  }
-  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
+  return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
     onError: onPreviewError,
     ignoreContainerPadding: true,
     onTransitionEnd: onPreviewTransitionEnd,

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

@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
@@ -24,7 +24,7 @@ var connectButtonStyles = null;
 var basePreviewStylesOld = null;
 var basePreviewStyles = null;
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
-  var _cardState$details, _cardState$details2, _extractSmartLinkProv, _extractSmartLinkProv2, _extractProvider$text, _extractProvider, _extractRequestAccess;
+  var _cardState$details, _extractSmartLinkProv, _extractSmartLinkProv2, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
@@ -32,9 +32,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardState = flexibleCardProps.cardState,
     url = flexibleCardProps.url;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
-  var product = fg('smart_links_noun_support') ? (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '' : (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
+  var meta = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.meta;
+  var product = (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '';
   var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
   var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
       jsonLd: meta,

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
@@ -24,7 +24,7 @@ var titleBlockStyles = null;
 var mainTextStylesOld = null;
 var mainTextStyles = null;
 var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
-  var _cardState$details, _extractSmartLinkProv, _extractProvider;
+  var _extractSmartLinkProv;
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? '' : _ref$id,
     flexibleCardProps = _ref.flexibleCardProps,
@@ -32,8 +32,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
     url = _ref.url;
   var cardState = flexibleCardProps.cardState;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
   var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   var _useSmartCardActions = useSmartCardActions(id, url),
     authorize = _useSmartCardActions.authorize;