@atlaskit/smart-card 38.8.0 → 38.9.1

package/dist/es2019/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 @@ const getIcon = appearance => {
         label: "Error",
         LEGACY_size: "small",
         testId: "action-error-icon",
-        LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`
+        LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`,
+        size: "small"
       });
     default:
       return null;

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

@@ -63,6 +63,7 @@ const TitleBlock = ({
   anchorRef,
   CompetitorPrompt,
   url,
+  hideIconLoadingSkeleton,
   ...props
 }) => {
   var _props$size;
@@ -121,6 +122,7 @@ const TitleBlock = ({
     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

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

@@ -33,6 +33,7 @@ const TitleBlockResolvedView = ({
   hideIcon,
   CompetitorPrompt,
   url,
+  hideIconLoadingSkeleton,
   ...blockProps
 }) => {
   const {
@@ -45,7 +46,8 @@ const TitleBlockResolvedView = ({
   }), !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/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -2,6 +2,7 @@
 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';
@@ -16,26 +17,52 @@ const ImageIcon = ({
   height,
   appearance = 'square',
   onError,
-  onLoad
-}) => /*#__PURE__*/React.createElement(ImageLoader, {
-  src: url,
-  loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
-    testId: `${testId}-loading`,
-    width: width,
-    height: height
-  }),
-  loaded: /*#__PURE__*/React.createElement("img", {
-    src: url,
-    "data-testid": `${testId}-image`,
-    alt: "",
-    style: {
-      width,
-      height
-    },
-    className: ax([appearance === 'round' && fg('platform-linking-visual-refresh-v2') && styles.roundImg])
-  }),
-  errored: defaultIcon,
-  onError: onError,
-  onLoad: onLoad
-});
+  onLoad,
+  hideLoadingSkeleton = false
+}) => {
+  const [hasImageErrored, setHasImageErrored] = useState(false);
+
+  // If url changes, reset state
+  useEffect(() => {
+    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": `${testId}-image`,
+      alt: "",
+      style: {
+        width,
+        height
+      },
+      onError: () => setHasImageErrored(true),
+      className: ax([appearance === 'round' && fg('platform-linking-visual-refresh-v2') && styles.roundImg])
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(ImageLoader, {
+      src: url,
+      loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
+        testId: `${testId}-loading`,
+        width: width,
+        height: height
+      }),
+      loaded: /*#__PURE__*/React.createElement("img", {
+        src: url,
+        "data-testid": `${testId}-image`,
+        alt: "",
+        style: {
+          width,
+          height
+        },
+        className: ax([appearance === 'round' && fg('platform-linking-visual-refresh-v2') && styles.roundImg])
+      }),
+      errored: defaultIcon,
+      onError: onError,
+      onLoad: onLoad
+    });
+  }
+};
 export default ImageIcon;

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

@@ -47,7 +47,7 @@ const renderDefaultIcon = (label, testId) => /*#__PURE__*/React.createElement(Li
   testId: `${testId}-default`,
   color: "currentColor"
 });
-const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium, appearance) => {
+const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium, appearance, hideLoadingSkeleton) => {
   const width = size === SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
     return /*#__PURE__*/React.createElement(ImageIcon, _extends({
@@ -58,6 +58,8 @@ const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium,
       height: width
     }, fg('platform-linking-visual-refresh-v2') && {
       appearance
+    }, {
+      hideLoadingSkeleton: hideLoadingSkeleton
     }));
   }
 };
@@ -79,12 +81,13 @@ const IconElement = ({
   size = SmartLinkSize.Medium,
   testId = 'smart-element-icon',
   url,
-  appearance = 'square'
+  appearance = 'square',
+  hideLoadingSkeleton
 }) => {
   const element = useMemo(() => {
     const 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]);
   const width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
     ['data-fit-to-content']: true

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

@@ -7,7 +7,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';
@@ -42,7 +42,8 @@ const LozengeActionTriggerOld = ({
     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({
     type: "button"
@@ -109,7 +110,8 @@ const LozengeActionTrigger = ({
       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/es2019/view/FlexibleCard/utils.js

@@ -1,15 +1,15 @@
-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 const getContextByStatus = params => {
   const {
     onClick,
@@ -40,8 +40,8 @@ export const 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') ? {
           [InternalActionName.UnresolvedAction]: getRetryOptions(url, status, response, params.onAuthorize)
         } : undefined
@@ -68,8 +68,7 @@ const getForbiddenMessageKey = meta => {
 };
 export const getRetryOptions = (url, status, response, onAuthorize) => {
   var _response$meta, _access$action, _access$buttonDisable;
-  const data = response && response.data || getEmptyJsonLd();
-  const provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(response) : extractProvider(data);
+  const provider = extractSmartLinkProvider(response);
   const context = provider === null || provider === void 0 ? void 0 : provider.text;
   const values = context ? {
     context

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

@@ -217,6 +217,7 @@ export const HoverCardComponent = ({
     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/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,6 +1,6 @@
 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';
 const ImagePreview = ({
   fallbackElementHeight,
@@ -10,7 +10,6 @@ const ImagePreview = ({
   const previewBlockRef = useRef(null);
   const [showPreview, setShowPreview] = useState(true);
   const [dynamicStyles, setDynamicStyles] = useState({});
-  const data = response === null || response === void 0 ? void 0 : response.data;
 
   // Set Preview to a fixed height to enable transitions
   const onPreviewRender = useCallback(() => {
@@ -41,19 +40,7 @@ const ImagePreview = ({
   const onPreviewTransitionEnd = useCallback(() => {
     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/es2019/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';
@@ -27,7 +27,7 @@ const HoverCardForbiddenView = ({
   flexibleCardProps,
   testId = 'hover-card-forbidden-view'
 }) => {
-  var _cardState$details, _cardState$details2, _extractSmartLinkProv, _extractSmartLinkProv2, _extractProvider$text, _extractProvider, _extractRequestAccess;
+  var _cardState$details, _extractSmartLinkProv, _extractSmartLinkProv2, _extractRequestAccess;
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -35,9 +35,8 @@ const HoverCardForbiddenView = ({
     cardState,
     url
   } = flexibleCardProps;
-  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  const meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
-  const 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 : '';
+  const meta = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.meta;
+  const product = (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '';
   const hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
   const {
     action,

package/dist/es2019/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';
@@ -29,12 +29,11 @@ const HoverCardUnauthorisedView = ({
   testId = 'hover-card-unauthorised-view',
   url
 }) => {
-  var _cardState$details, _extractSmartLinkProv, _extractProvider;
+  var _extractSmartLinkProv;
   const {
     cardState
   } = flexibleCardProps;
-  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  const 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;
+  const providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
   const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   const {
     authorize

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

@@ -4,8 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import ButtonOld from '@atlaskit/button';
-import ErrorIconCore from '@atlaskit/icon/core/migration/error';
-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 } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';
@@ -20,7 +19,7 @@ const styles = {
 };
 const fallbackIcon = () => {
   if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(ErrorIconCore, {
+    return /*#__PURE__*/React.createElement(ErrorIcon, {
       color: "var(--ds-icon-danger, #C9372C)",
       label: "error",
       LEGACY_size: "small",
@@ -34,7 +33,8 @@ const fallbackIcon = () => {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
     LEGACY_size: "small",
-    testId: "errored-view-default-icon"
+    testId: "errored-view-default-icon",
+    size: "small"
   }));
 };
 export const InlineCardErroredView = ({

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

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey } from '../../state/helpers';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import { getForbiddenJsonLd } from '../../utils/jsonld';
 import { CardLinkView } from '../LinkView';
 import { InlineCardErroredView } from './ErroredView';
 import { InlineCardForbiddenView } from './ForbiddenView';
@@ -43,7 +42,6 @@ export const InlineCard = ({
     status,
     details
   } = cardState;
-  const cardDetails = details && details.data || getEmptyJsonLd();
   const extensionKey = getExtensionKey(details);
   const testIdWithStatus = testId ? `${testId}-${status}-view` : undefined;
   const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(details, renderers, removeTextHighlightingFromTitle, false) : {};
@@ -95,7 +93,7 @@ export const InlineCard = ({
         truncateInline: truncateInline
       }));
     case 'unauthorized':
-      const provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      const provider = extractSmartLinkProvider(details);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         context: provider && provider.text,
@@ -110,7 +108,7 @@ export const InlineCard = ({
         truncateInline: truncateInline
       });
     case 'forbidden':
-      const providerForbidden = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      const providerForbidden = extractSmartLinkProvider(details);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       const requestAccessContext = extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
@@ -131,7 +129,7 @@ export const InlineCard = ({
         truncateInline: truncateInline
       });
     case 'not_found':
-      const providerNotFound = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      const providerNotFound = extractSmartLinkProvider(details);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,

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.8.0",
+  packageVersion: "38.9.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

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

@@ -2,6 +2,7 @@ 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, extractProvider, extractProviderIcon, extractUrlFromIconJsonLd, isEntityPresent } from '@atlaskit/link-extractors';
+import { getEmptyJsonLd } from '../../../utils/jsonld';
 import { prioritiseIcon } from '../icon/prioritiseIcon';
 export { extractRequestAccessContextImproved } from './extractAccessContext';
 export function generateContext(jsonLd) {
@@ -34,5 +35,5 @@ export function extractSmartLinkContext(response) {
   if (isEntityPresent(response)) {
     return extractEntityProvider(response);
   }
-  return generateContext(response === null || response === void 0 ? void 0 : response.data);
+  return generateContext((response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd());
 }

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

@@ -1,10 +1,10 @@
 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, extractPreview, extractSmartLinkEmbed, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractType } from '@atlaskit/link-extractors';
+import { extractPreview, extractSmartLinkEmbed, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmptyJsonLd } from '../../utils/jsonld';
-import { extractSmartLinkContext, generateContext } from '../common/context';
+import { extractSmartLinkContext } from '../common/context';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeUrlType) {
@@ -18,23 +18,11 @@ var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeU
 export var extractEmbedProps = function extractEmbedProps(response, platform, iframeUrlType) {
   var meta = response === null || response === void 0 ? void 0 : response.meta;
   var jsonLd = (response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd();
-  if (fg('smart_links_noun_support')) {
-    return _objectSpread({
-      link: extractSmartLinkUrl(response) || '',
-      title: extractSmartLinkTitle(response),
-      context: extractSmartLinkContext(response),
-      preview: extractSmartLinkEmbed(response, iframeUrlType),
-      isTrusted: extractIsTrusted(meta),
-      isSupportTheming: extractIsSupportTheming(meta)
-    }, fg('platform-linking-visual-refresh-v2') && {
-      type: extractType(jsonLd)
-    });
-  }
   return _objectSpread({
-    link: extractLink(jsonLd) || '',
-    title: extractTitle(jsonLd),
-    context: generateContext(jsonLd),
-    preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
+    link: extractSmartLinkUrl(response) || '',
+    title: extractSmartLinkTitle(response),
+    context: extractSmartLinkContext(response),
+    preview: fg('smart_links_noun_support') ? extractSmartLinkEmbed(response, iframeUrlType) : extractEmbedPreview(jsonLd, platform, iframeUrlType),
     isTrusted: extractIsTrusted(meta),
     isSupportTheming: extractIsSupportTheming(meta)
   }, fg('platform-linking-visual-refresh-v2') && {

package/dist/esm/extractors/flexible/extract-link-title.js

@@ -1,12 +1,10 @@
-import { extractTitle as extractJsonLdTitle, extractLink, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../constants';
 var extractLinkTitle = function extractLinkTitle(status, propUrl, response, onClick) {
   var _ref;
-  var data = response === null || response === void 0 ? void 0 : response.data;
-  var responseUrl = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
+  var responseUrl = extractSmartLinkUrl(response);
   var url = status === SmartLinkStatus.Resolved ? responseUrl !== null && responseUrl !== void 0 ? responseUrl : propUrl : propUrl;
-  var name = fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractJsonLdTitle(data);
+  var name = extractSmartLinkTitle(response);
   var text = status === SmartLinkStatus.Resolved ? (_ref = name !== null && name !== void 0 ? name : responseUrl) !== null && _ref !== void 0 ? _ref : propUrl : propUrl;
   return {
     onClick: onClick,

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

@@ -3,19 +3,19 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig"];
 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 { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractType } from '@atlaskit/link-extractors';
+import { extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSummary } from '../common/primitives';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';
-import extractPreview, { extractSmartLinkPreviewImage } from './extract-preview';
+import { extractSmartLinkPreviewImage } from './extract-preview';
 import extractPriority from './extract-priority';
 import extractState from './extract-state';
-import { extractLinkIcon, extractSmartLinkIcon } from './icon';
-import extractProviderIcon, { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
+import { extractSmartLinkIcon } from './icon';
+import { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractMetaObjectId, extractMetaResourceType, extractMetaTenantId, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractDueOn, extractLocation, extractMetaObjectId, extractMetaResourceType, extractMetaTenantId, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
@@ -35,7 +35,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   }
   var data = response.data;
   var meta = response.meta;
-  var url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
+  var url = extractSmartLinkUrl(response);
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     actions: extractFlexibleCardActions({
       actionOptions: actionOptions,
@@ -58,22 +58,22 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
     checklistProgress: extractChecklistProgress(data),
-    createdBy: fg('smart_links_noun_support') ? extractSmartLinkCreatedBy(response) : extractCreatedBy(data),
+    createdBy: extractSmartLinkCreatedBy(response),
     ownedBy: extractOwnedBy(data),
     assignedTo: extractAssignedTo(data),
-    createdOn: fg('smart_links_noun_support') ? extractSmartLinkCreatedOn(response) : extractDateCreated(data),
+    createdOn: extractSmartLinkCreatedOn(response),
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
-    linkIcon: fg('smart_links_noun_support') ? extractSmartLinkIcon(response) : extractLinkIcon(response, renderers)
+    linkIcon: extractSmartLinkIcon(response)
   }, fg('platform-linking-flexible-card-context') && {
     linkTitle: extractLinkTitle(status, props.url, response, onClick)
   }), {}, {
     location: extractLocation(data),
-    modifiedBy: fg('smart_links_noun_support') ? extractSmartLinkModifiedBy(response) : extractModifiedBy(data),
-    modifiedOn: fg('smart_links_noun_support') ? extractSmartLinkModifiedOn(response) : extractDateUpdated(data),
-    preview: fg('smart_links_noun_support') ? extractSmartLinkPreviewImage(response) : extractPreview(data),
+    modifiedBy: extractSmartLinkModifiedBy(response),
+    modifiedOn: extractSmartLinkModifiedOn(response),
+    preview: extractSmartLinkPreviewImage(response),
     priority: extractPriority(data),
-    provider: fg('smart_links_noun_support') ? extractSmartLinkProviderIcon(response) : extractProviderIcon(data),
+    provider: extractSmartLinkProviderIcon(response),
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
@@ -86,10 +86,10 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     storyPoints: extractStoryPoints(data),
     targetBranch: extractTargetBranch(data)
   }, fg('platform-linking-flexible-card-context') ? undefined : {
-    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url
+    title: extractSmartLinkTitle(response) || url
   }), {}, {
     url: url,
-    ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data)
+    ari: extractSmartLinkAri(response)
   }, fg('platform-linking-visual-refresh-v2') && {
     type: extractType(data)
   }), fg('cc-ai-linking-platform-snippet-renderer') && {