@atlaskit/smart-card 43.11.3 → 43.12.1

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

@@ -227,4 +227,212 @@ 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,
+          ...(fg('expose-product-details-from-smart-card') && {
+            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

@@ -1,12 +1,14 @@
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/migration/link';
+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 } from '../components/Frame';
+import { Frame, FrameUpdated } from '../components/Frame';
 import { ImageIcon } from '../components/ImageIcon';
 import { useEmbedResolvePostMessageListener } from '../useEmbedResolvePostMessageListener';
-export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
+const FrameComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', FrameUpdated, Frame);
+const EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(({
   link,
   context,
   onClick,
@@ -75,4 +77,90 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     title: text,
     extensionKey: extensionKey
   }));
-});
+});
+const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
+  link,
+  context,
+  onClick,
+  isSelected,
+  frameStyle,
+  preview,
+  title,
+  isTrusted,
+  testId = 'embed-card-resolved-view',
+  inheritDimensions,
+  onIframeDwell,
+  onIframeFocus,
+  onIframeMouseEnter,
+  onIframeMouseLeave,
+  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",
+    LEGACY_size: "small",
+    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);
+  }
+  const [isMouseOver, setMouseOver] = React.useState(false);
+  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,
+    onContentMouseEnter: () => {
+      setMouseOver(true);
+      onIframeMouseEnter === null || onIframeMouseEnter === void 0 ? void 0 : onIframeMouseEnter();
+    },
+    onContentMouseLeave: () => {
+      setMouseOver(false);
+      onIframeMouseLeave === null || onIframeMouseLeave === void 0 ? void 0 : onIframeMouseLeave();
+    }
+  }, /*#__PURE__*/React.createElement(FrameComponent, {
+    url: previewUrl,
+    isTrusted: isTrusted,
+    testId: testId,
+    ref: embedIframeRef,
+    onIframeDwell: onIframeDwell,
+    onIframeFocus: onIframeFocus,
+    onIframeMouseEnter: onIframeMouseEnter,
+    onIframeMouseLeave: onIframeMouseLeave,
+    isMouseOver: isMouseOver,
+    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/EmbedCard/views/not-found-view/not-found-svg/index.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const NotFoundSVG = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -36,7 +38,9 @@ export const NotFoundSVG = () => /*#__PURE__*/React.createElement("svg", {
   offset: "0.69",
   stopColor: "#fff",
   stopOpacity: "0.1"
-}))), /*#__PURE__*/React.createElement("title", null, "Search error"), /*#__PURE__*/React.createElement("g", {
+}))), /*#__PURE__*/React.createElement("title", null, fg('navx-2825-eslint-translation-fix-linking-platform') ? /*#__PURE__*/React.createElement(FormattedMessage, {
+  defaultMessage: "Search error"
+}) : "Search error"), /*#__PURE__*/React.createElement("g", {
   id: "Layer_2",
   "data-name": "Layer 2"
 }, /*#__PURE__*/React.createElement("g", {

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: "43.12.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

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