@atlaskit/smart-card 43.11.2 → 43.12.0

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/FlexibleCard/components/actions/action/index.js

@@ -92,7 +92,6 @@ const Action = ({
     href: href,
     ariaLabel: ariaLabel
   });
-  // @ts-ignore - Workaround for help-center local consumption
   return Wrapper !== undefined ? /*#__PURE__*/React.createElement(Wrapper, null, button) : button;
 };
 export default Action;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/boolean-prompt/main.js

@@ -11,17 +11,13 @@ const BooleanInputPrompt = ({
     displayName,
     defaultValue
   } = userInputPrompt;
-  return (
-    /*#__PURE__*/
-    // @ts-ignore - Workaround for help-center local consumption
-    React.createElement(CheckboxField, {
-      name: variableName,
-      defaultIsChecked: defaultValue || false
-    }, ({
-      fieldProps
-    }) => /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
-      label: displayName
-    })))
-  );
+  return /*#__PURE__*/React.createElement(CheckboxField, {
+    name: variableName,
+    defaultIsChecked: defaultValue || false
+  }, ({
+    fieldProps
+  }) => /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
+    label: displayName
+  })));
 };
 export default BooleanInputPrompt;

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import AKLink from '@atlaskit/link';
 import { withLinkClickedEvent } from '../../../utils/analytics/click';
-// @ts-ignore - Workaround for help-center local consumption
 const Anchor = withLinkClickedEvent('a');
 export const LinkComponent = withLinkClickedEvent(AKLink);
 const Hyperlink = ({

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

@@ -12,11 +12,9 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.11.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
-
-// @ts-ignore - Workaround for help-center local consumption
 const Anchor = withLinkClickedEvent('a');
 export const LinkComponent = withLinkClickedEvent(AKLink);
 const LinkUrl = ({

package/dist/esm/state/actions/index.js

@@ -51,10 +51,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
           resourceUrl = _args.length > 0 && _args[0] !== undefined ? _args[0] : url;
           isReloading = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
           isMetadataRequest = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
-          return _context.abrupt("return",
-          // @ts-ignore - Workaround for help-center local consumption
-
-          resolveUrl(resourceUrl, isReloading, isMetadataRequest, id));
+          return _context.abrupt("return", resolveUrl(resourceUrl, isReloading, isMetadataRequest, id));
         case 4:
         case "end":
           return _context.stop();

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

@@ -42,22 +42,12 @@ var useResolve = function useResolve() {
               _context.next = 9;
               break;
             }
-            return _context.abrupt("return", connections.client
-            // @ts-ignore - Workaround for help-center local consumption
-            .fetchData(url, isReloading).then(function (response) {
-              return (
-                // @ts-ignore - Workaround for help-center local consumption
-
-                handleResolvedLinkResponse(url, response, isReloading, isMetadataRequest)
-              );
-            })
-            // @ts-ignore - Workaround for help-center local consumption
-            .catch(function (error) {
+            return _context.abrupt("return", connections.client.fetchData(url, isReloading).then(function (response) {
+              return handleResolvedLinkResponse(url, response, isReloading, isMetadataRequest);
+            }).catch(function (error) {
               return handleResolvedLinkError(url, error, undefined, isMetadataRequest);
             }));
           case 9:
-            // @ts-ignore - Workaround for help-center local consumption
-
             addMetadataToExperience('smart-link-rendered', id, {
               cached: true
             });

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

@@ -116,8 +116,6 @@ var useResponse = function useResponse() {
      * https://react-redux.js.org/api/batch
      */
     unstable_batchedUpdates(function () {
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
     });
   }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);

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

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

@@ -133,7 +133,6 @@ var getDisplayName = function getDisplayName(WrappedComponent) {
   if (typeof WrappedComponent === 'string') {
     return WrappedComponent;
   }
-  // @ts-ignore - Workaround for help-center local consumption
   return WrappedComponent.displayName || WrappedComponent.name || 'Component';
 };
 export function withLinkClickedEvent(WrappedComponent) {