@atlaskit/smart-card 44.9.11 → 44.10.0

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

@@ -36,6 +36,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   inheritDimensions,
   onIframeDwell,
   onIframeFocus,
+  onIframeMouseEnter,
+  onIframeMouseLeave,
   iframeUrlType,
   actionOptions,
   renderers,
@@ -103,6 +105,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
+          onIframeMouseEnter: onIframeMouseEnter,
+          onIframeMouseLeave: onIframeMouseLeave,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
           hideIconLoadingSkeleton: hideIconLoadingSkeleton,
@@ -222,210 +226,4 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         isSelected: isSelected
       });
   }
-});
-export const EmbedCardUpdated = /*#__PURE__*/React.forwardRef(({
-  url,
-  cardState,
-  handleAuthorize,
-  handleErrorRetry,
-  handleFrameClick,
-  isSelected,
-  frameStyle,
-  platform,
-  onResolve,
-  onError,
-  testId,
-  inheritDimensions,
-  onIframeDwell,
-  onIframeFocus,
-  onIframeMouseEnter,
-  onIframeMouseLeave,
-  iframeUrlType,
-  actionOptions,
-  renderers,
-  CompetitorPrompt,
-  hideIconLoadingSkeleton
-}, iframeRef) => {
-  var _details$meta4, _forbiddenViewProps$c3, _forbiddenViewProps$c4, _notFoundViewProps$co3, _notFoundViewProps$co4;
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    status,
-    details
-  } = cardState;
-  const extensionKey = getExtensionKey(details);
-  const isProductIntegrationSupported = hasAuthScopeOverrides(details);
-  const {
-    shouldControlDataExport = false
-  } = useControlDataExportConfig();
-  switch (status) {
-    case 'pending':
-    case 'resolving':
-      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(BlockCardResolvedView, {
-        url: url,
-        cardState: cardState,
-        onClick: handleFrameClick,
-        onError: onError,
-        onResolve: onResolve,
-        renderers: renderers,
-        actionOptions: actionOptions,
-        testId: testId ? `${testId}-resolving-view` : 'embed-card-resolving-view'
-      }));
-    case 'resolved':
-      const resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
-      if (onResolve) {
-        var _resolvedViewProps$pr2, _details$meta3;
-        onResolve({
-          title: resolvedViewProps.title,
-          url,
-          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio,
-          extensionKey: details === null || details === void 0 ? void 0 : (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.key
-        });
-      }
-      if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {
-        const unauthViewProps = extractEmbedProps(details, platform);
-        return /*#__PURE__*/React.createElement(UnauthorizedView, {
-          context: unauthViewProps.context,
-          extensionKey: extensionKey,
-          frameStyle: frameStyle,
-          isProductIntegrationSupported: isProductIntegrationSupported,
-          inheritDimensions: inheritDimensions,
-          isSelected: isSelected,
-          onAuthorize: handleAuthorize,
-          onClick: handleFrameClick,
-          testId: testId,
-          url: unauthViewProps.link
-        });
-      }
-      if (resolvedViewProps.preview) {
-        return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
-          isSelected: isSelected,
-          frameStyle: frameStyle,
-          inheritDimensions: inheritDimensions,
-          onClick: handleFrameClick,
-          ref: iframeRef,
-          onIframeDwell: onIframeDwell,
-          onIframeFocus: onIframeFocus,
-          onIframeMouseEnter: onIframeMouseEnter,
-          onIframeMouseLeave: onIframeMouseLeave,
-          testId: testId,
-          CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-          extensionKey: extensionKey
-        }));
-      } else {
-        if (platform === 'mobile') {
-          const resolvedInlineViewProps = extractInlineProps(details);
-          return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedInlineViewProps, {
-            isSelected: isSelected,
-            testId: testId,
-            onClick: handleFrameClick
-          }));
-        }
-        return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
-          url: url,
-          cardState: cardState,
-          onClick: handleFrameClick,
-          onError: onError,
-          onResolve: onResolve,
-          renderers: renderers,
-          actionOptions: actionOptions,
-          testId: testId
-        });
-      }
-    case 'unauthorized':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const unauthorisedViewProps = extractEmbedProps(details, platform);
-      return /*#__PURE__*/React.createElement(UnauthorizedView, {
-        context: unauthorisedViewProps.context,
-        extensionKey: extensionKey,
-        frameStyle: frameStyle,
-        isProductIntegrationSupported: isProductIntegrationSupported,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onAuthorize: handleAuthorize,
-        onClick: handleFrameClick,
-        testId: testId,
-        url: unauthorisedViewProps.link
-      });
-    case 'forbidden':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const forbiddenViewProps = extractEmbedProps(details, platform);
-      const cardMetadata = (_details$meta4 = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta4 !== void 0 ? _details$meta4 : getForbiddenJsonLd().meta;
-      if (forbiddenViewProps.preview) {
-        return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
-          title: forbiddenViewProps.link,
-          frameStyle: frameStyle,
-          isSelected: isSelected,
-          inheritDimensions: inheritDimensions,
-          onClick: handleFrameClick,
-          ref: iframeRef,
-          extensionKey: extensionKey
-        }));
-      }
-      const forbiddenAccessContext = extractRequestAccessContextImproved({
-        jsonLd: cardMetadata,
-        url,
-        product: (_forbiddenViewProps$c3 = (_forbiddenViewProps$c4 = forbiddenViewProps.context) === null || _forbiddenViewProps$c4 === void 0 ? void 0 : _forbiddenViewProps$c4.text) !== null && _forbiddenViewProps$c3 !== void 0 ? _forbiddenViewProps$c3 : '',
-        createAnalyticsEvent
-      });
-      return /*#__PURE__*/React.createElement(ForbiddenView, {
-        context: forbiddenViewProps.context,
-        frameStyle: frameStyle,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onAuthorize: handleAuthorize,
-        onClick: handleFrameClick,
-        accessContext: forbiddenAccessContext,
-        url: forbiddenViewProps.link
-      });
-    case 'not_found':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const notFoundViewProps = extractEmbedProps(details, platform);
-      const notFoundAccessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
-        jsonLd: details === null || details === void 0 ? void 0 : details.meta,
-        url,
-        product: (_notFoundViewProps$co3 = (_notFoundViewProps$co4 = notFoundViewProps.context) === null || _notFoundViewProps$co4 === void 0 ? void 0 : _notFoundViewProps$co4.text) !== null && _notFoundViewProps$co3 !== void 0 ? _notFoundViewProps$co3 : '',
-        createAnalyticsEvent
-      }) : undefined;
-      return /*#__PURE__*/React.createElement(NotFoundView, {
-        context: notFoundViewProps.context,
-        frameStyle: frameStyle,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        accessContext: notFoundAccessContext,
-        url: notFoundViewProps.link
-      });
-    case 'fallback':
-    case 'errored':
-    default:
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      return /*#__PURE__*/React.createElement(EmbedCardErroredView, {
-        onRetry: handleErrorRetry,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected
-      });
-  }
 });

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -2,84 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
 import { ExpandedFrame } from '../components/ExpandedFrame';
-import { Frame, FrameUpdated } from '../components/Frame';
+import { Frame } from '../components/Frame';
 import { ImageIcon } from '../components/ImageIcon';
 import { useEmbedResolvePostMessageListener } from '../useEmbedResolvePostMessageListener';
-const FrameComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', FrameUpdated, Frame);
-const EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(({
-  link,
-  context,
-  onClick,
-  isSelected,
-  frameStyle,
-  preview,
-  title,
-  isTrusted,
-  testId = 'embed-card-resolved-view',
-  inheritDimensions,
-  onIframeDwell,
-  onIframeFocus,
-  isSupportTheming,
-  type,
-  CompetitorPrompt,
-  hideIconLoadingSkeleton,
-  extensionKey
-}, embedIframeRef) => {
-  const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
-  const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
-  const text = title || (context === null || context === void 0 ? void 0 : context.text);
-  const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
-    label: "icon",
-    testId: "embed-card-fallback-icon",
-    color: "currentColor"
-  }), []);
-  let icon = React.useMemo(() => {
-    if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
-      return iconFromContext;
-    }
-    return /*#__PURE__*/React.createElement(ImageIcon, {
-      src: src,
-      default: linkGlyph,
-      appearance: isProfileType(type) ? 'round' : 'square',
-      hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
-  useEmbedResolvePostMessageListener({
-    url: link,
-    embedIframeRef
-  });
-  const themeState = useThemeObserver();
-  let previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
-  if (previewUrl && isSupportTheming) {
-    previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
-  }
-  return /*#__PURE__*/React.createElement(ExpandedFrame, {
-    isSelected: isSelected,
-    frameStyle: frameStyle,
-    href: link,
-    testId: testId,
-    icon: icon,
-    text: text,
-    onClick: onClick,
-    inheritDimensions: inheritDimensions,
-    setOverflow: false,
-    CompetitorPrompt: CompetitorPrompt
-  }, /*#__PURE__*/React.createElement(Frame, {
-    url: previewUrl,
-    isTrusted: isTrusted,
-    testId: testId,
-    ref: embedIframeRef,
-    onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus,
-    title: text,
-    extensionKey: extensionKey
-  }));
-});
-const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
+export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   link,
   context,
   onClick,
@@ -152,7 +81,7 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === void 0 ? void 0 : onIframeMouseLeave();
     }
-  }, /*#__PURE__*/React.createElement(FrameComponent, {
+  }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,
@@ -165,6 +94,4 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
     title: text,
     extensionKey: extensionKey
   }));
-});
-const EmbedCardResolvedViewWithFG = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardResolvedViewUpdated, EmbedCardResolvedViewOld);
-export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };
+});

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -30,7 +30,8 @@ const AtlaskitIcon = ({
   icon,
   label,
   testId,
-  size = SmartLinkSize.Medium
+  size = SmartLinkSize.Medium,
+  isTiledIcon
 }) => {
   if (!fg('platform_sl_icons_refactor')) {
     // Check for synchronously loaded icons first for SSR purposes.
@@ -43,7 +44,8 @@ const AtlaskitIcon = ({
           return /*#__PURE__*/React.createElement(DocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'document',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case IconType.Blog:
@@ -52,7 +54,8 @@ const AtlaskitIcon = ({
           return /*#__PURE__*/React.createElement(BlogIcon, {
             label: label !== null && label !== void 0 ? label : 'blog',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case IconType.LiveDocument:
@@ -61,7 +64,8 @@ const AtlaskitIcon = ({
           return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'live-doc',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
     }
@@ -96,7 +100,9 @@ const AtlaskitIcon = ({
         if (iconTileSize) {
           return /*#__PURE__*/React.createElement(IconTile, {
             appearance: appearance,
-            icon: ImportedIcon,
+            icon: isTiledIcon ? iconProps => /*#__PURE__*/React.createElement(ImportedIcon, _extends({}, iconProps, {
+              spacing: "spacious"
+            })) : ImportedIcon,
             size: iconTileSize,
             label: label !== null && label !== void 0 ? label : ''
           });
@@ -132,7 +138,8 @@ const AtlaskitIcon = ({
         return /*#__PURE__*/React.createElement(ImportedIcon, {
           label: label,
           testId: testId,
-          size: size
+          size: size,
+          isTiledIcon: isTiledIcon
         });
       }
       return /*#__PURE__*/React.createElement(ImportedIcon, {
@@ -144,7 +151,8 @@ const AtlaskitIcon = ({
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        size: size
+        size: size,
+        isTiledIcon: isTiledIcon
       });
   }
 };

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -5,7 +5,6 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -176,10 +175,6 @@ const Container = ({
     previewOnLeft,
     previewOnRight
   } = getChildrenOptions(children, context);
-  const canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined);
-  // `retry` object contains action that can be performed on
-  // unresolved link (unauthorized, forbidden, not found, etc.)
-  const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   const isResolved = status === 'resolved';
   const isUnresolvedWithAuthFlow = status !== 'resolved' && retry !== undefined;
   const hasHoverCardOverride = (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined;
@@ -195,10 +190,10 @@ const Container = ({
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
-  if (context !== null && context !== void 0 && context.url && (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
+  if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
-      isHoverPreview: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
-      isAuthTooltip: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
+      isHoverPreview: isResolved || hasHoverCardOverride,
+      isAuthTooltip: isUnresolvedWithAuthFlow,
       actionOptions: actionOptions,
       testId: testId,
       url: context.url,

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

@@ -125,15 +125,11 @@ export const HoverCardComponent = ({
     const isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(() => {
-        if (fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
-          if (linkState.status === 'pending') {
-            // Link hasn't been registered yet. Register and resolve link.
-            register();
-          } else {
-            // Link has been already been partially resolved. Load metadata.
-            loadMetadata();
-          }
+        if (linkState.status === 'pending') {
+          // Link hasn't been registered yet. Register and resolve link.
+          register();
         } else {
+          // Link has been already been partially resolved. Load metadata.
           loadMetadata();
         }
       }, RESOLVE_DELAY);

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

@@ -193,10 +193,10 @@ const HoverCardContent = ({
       if (overrideView) {
         return overrideView;
       }
-      if (cardState.status === 'errored' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+      if (cardState.status === 'errored') {
         return null;
       }
-      if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+      if (cardState.status === 'resolving' || cardState.metadataStatus === 'pending') {
         return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
           flexibleCardProps: flexibleCardProps,
           titleBlockProps: titleBlockProps
@@ -255,10 +255,10 @@ const HoverCardContent = ({
       if (overrideView) {
         return overrideView;
       }
-      if (cardState.status === 'errored' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+      if (cardState.status === 'errored') {
         return null;
       }
-      if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+      if (cardState.status === 'resolving' || cardState.metadataStatus === 'pending') {
         return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
           flexibleCardProps: flexibleCardProps,
           titleBlockProps: titleBlockProps

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

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