@atlaskit/smart-card 23.14.1 → 24.0.0

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -12,6 +12,7 @@ import Text from '../../../FlexibleCard/components/elements/text';
 import { getForbiddenJsonLd } from '../../../../utils/jsonld';
 import { extractProvider } from '@atlaskit/linking-common/extractors';
 import { extractRequestAccessContext } from '../../../../extractors/common/context';
+
 /**
  * This view represent a Block Card with the 'Forbidden' status.
  * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
@@ -19,18 +20,16 @@ import { extractRequestAccessContext } from '../../../../extractors/common/conte
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-
 var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var _details$meta;
-
   var cardState = _ref.cardState,
-      onAuthorize = _ref.onAuthorize,
-      onClick = _ref.onClick,
-      onError = _ref.onError,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
-      ui = _ref.ui,
-      url = _ref.url;
+    onAuthorize = _ref.onAuthorize,
+    onClick = _ref.onClick,
+    onError = _ref.onError,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
+    ui = _ref.ui,
+    url = _ref.url;
   var status = cardState.status;
   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;
@@ -45,13 +44,11 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var actions = useMemo(function () {
     var actionFromAccessContext = [];
     var tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
-
     if (requestAccessContext) {
       var action = requestAccessContext.action,
-          callToActionMessageKey = requestAccessContext.callToActionMessageKey;
+        callToActionMessageKey = requestAccessContext.callToActionMessageKey;
       actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, providerName)] : [];
     }
-
     return [].concat(tryAnotherAccountAction, _toConsumableArray(actionFromAccessContext));
   }, [onAuthorize, requestAccessContext, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
@@ -82,5 +79,4 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     status: status
   })));
 };
-
 export default FlexibleForbiddenView;

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -7,7 +7,6 @@ import { R300 } from '@atlaskit/theme/colors';
 import BlockCardFooter from '../../components/flexible/footer';
 import Text from '../../../FlexibleCard/components/elements/text';
 import { CustomBlock } from '../../../FlexibleCard/components/blocks';
-
 /**
  * This view represents a Block Card with a 'Not_Found' status.
  *
@@ -16,13 +15,13 @@ import { CustomBlock } from '../../../FlexibleCard/components/blocks';
  */
 var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
   var cardState = _ref.cardState,
-      onAuthorize = _ref.onAuthorize,
-      onError = _ref.onError,
-      ui = _ref.ui,
-      url = _ref.url,
-      onClick = _ref.onClick,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId;
+    onAuthorize = _ref.onAuthorize,
+    onError = _ref.onError,
+    ui = _ref.ui,
+    url = _ref.url,
+    onClick = _ref.onClick,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId;
   var status = cardState.status;
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
@@ -49,5 +48,4 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     status: status
   })));
 };
-
 export default FlexibleNotFoundView;

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -5,39 +5,35 @@ import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock } from '../../../FlexibleCard/components/blocks';
 import { ActionName, CardDisplay, ElementName, MediaPlacement, SmartLinkPosition } from '../../../../constants';
 import uuid from 'uuid';
+
 /**
  * This view represents a Block card that has an 'Resolved' status.
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-
 var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   var id = _ref.id,
-      cardState = _ref.cardState,
-      onClick = _ref.onClick,
-      onError = _ref.onError,
-      onResolve = _ref.onResolve,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
-      ui = _ref.ui,
-      url = _ref.url,
-      analytics = _ref.analytics;
-
+    cardState = _ref.cardState,
+    onClick = _ref.onClick,
+    onError = _ref.onError,
+    onResolve = _ref.onResolve,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
+    ui = _ref.ui,
+    url = _ref.url,
+    analytics = _ref.analytics;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isPreviewBlockErrored = _useState2[0],
-      setIsPreviewBlockErrored = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isPreviewBlockErrored = _useState2[0],
+    setIsPreviewBlockErrored = _useState2[1];
   useEffect(function () {
     setIsPreviewBlockErrored(false);
   }, [url, cardState]);
-
   var _useState3 = useState(function () {
-    return id ? id : uuid();
-  }),
-      _useState4 = _slicedToArray(_useState3, 1),
-      analyticsId = _useState4[0];
-
+      return id ? id : uuid();
+    }),
+    _useState4 = _slicedToArray(_useState3, 1),
+    analyticsId = _useState4[0];
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
     cardState: cardState,
@@ -134,5 +130,4 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     }]
   }));
 };
-
 export default FlexibleResolvedView;

package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import React, { useCallback, useMemo } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
@@ -13,6 +11,7 @@ import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';
 var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), tokens.text);
+
 /**
  * This view represents a Block card that has an 'Unauthorized' status .
  * It should have a "Connect" button that will allow a user to connect their account and view the block card.
@@ -20,21 +19,19 @@ var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLit
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-
 var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
-
   var analytics = _ref.analytics,
-      cardState = _ref.cardState,
-      _ref$extensionKey = _ref.extensionKey,
-      extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
-      onAuthorize = _ref.onAuthorize,
-      onClick = _ref.onClick,
-      onError = _ref.onError,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
-      ui = _ref.ui,
-      url = _ref.url;
+    cardState = _ref.cardState,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
+    onAuthorize = _ref.onAuthorize,
+    onClick = _ref.onClick,
+    onError = _ref.onError,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
+    ui = _ref.ui,
+    url = _ref.url;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   var handleAuthorize = useCallback(function () {
@@ -72,5 +69,4 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     actionGroupAppearance: "primary"
   })));
 };
-
 export default FlexibleUnauthorisedView;

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

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardWithDataRenderer } from '../CardWithData/loader';
@@ -15,18 +12,13 @@ import { CardWithURLRenderer } from '../CardWithUrl/loader';
 import { isCardWithData } from '../../utils';
 import { context } from '../../utils/analytics';
 import { injectIntl, IntlProvider } from 'react-intl-next';
-
 var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(PlainCard, _React$PureComponent);
-
   var _super = _createSuper(PlainCard);
-
   function PlainCard() {
     _classCallCheck(this, PlainCard);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PlainCard, [{
     key: "render",
     value: function render() {
@@ -36,10 +28,8 @@ var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
       }, content);
     }
   }]);
-
   return PlainCard;
 }(React.PureComponent);
-
 export var Card = withAnalyticsContext(context)(withAnalyticsEvents()(injectIntl(PlainCard, {
   enforceContext: false
 })));

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

@@ -4,11 +4,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
@@ -17,36 +14,29 @@ import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 import { BlockCardResolvedView } from '../BlockCard';
 export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
   _inherits(CardWithDataContent, _React$Component);
-
   var _super = _createSuper(CardWithDataContent);
-
   function CardWithDataContent() {
     _classCallCheck(this, CardWithDataContent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardWithDataContent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          details = _this$props.data,
-          isSelected = _this$props.isSelected,
-          appearance = _this$props.appearance,
-          onClick = _this$props.onClick,
-          onResolve = _this$props.onResolve,
-          testId = _this$props.testId,
-          showActions = _this$props.showActions;
-
+        details = _this$props.data,
+        isSelected = _this$props.isSelected,
+        appearance = _this$props.appearance,
+        onClick = _this$props.onClick,
+        onResolve = _this$props.onResolve,
+        testId = _this$props.testId,
+        showActions = _this$props.showActions;
       if (appearance === 'inline') {
         var props = extractInlineProps(details || getEmptyJsonLd());
-
         if (onResolve) {
           onResolve({
             title: props.title
           });
         }
-
         return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, props, {
           isSelected: isSelected,
           onClick: onClick,
@@ -54,13 +44,11 @@ export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
         }));
       } else {
         var _props = extractBlockProps(details || getEmptyJsonLd());
-
         if (onResolve) {
           onResolve({
             title: _props.title
           });
         }
-
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, _props, {
           isSelected: isSelected,
           onClick: onClick,
@@ -69,6 +57,5 @@ export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return CardWithDataContent;
 }(React.Component);

package/dist/esm/view/CardWithData/loader.js

@@ -4,23 +4,16 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(CardWithDataRenderer, _React$PureComponent);
-
   var _super = _createSuper(CardWithDataRenderer);
-
   function CardWithDataRenderer() {
     _classCallCheck(this, CardWithDataRenderer);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardWithDataRenderer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -32,20 +25,18 @@ export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          appearance = _this$props.appearance,
-          data = _this$props.data,
-          isSelected = _this$props.isSelected,
-          onClick = _this$props.onClick,
-          onResolve = _this$props.onResolve,
-          testId = _this$props.testId,
-          showActions = _this$props.showActions,
-          inlinePreloaderStyle = _this$props.inlinePreloaderStyle;
-
+        id = _this$props.id,
+        appearance = _this$props.appearance,
+        data = _this$props.data,
+        isSelected = _this$props.isSelected,
+        onClick = _this$props.onClick,
+        onResolve = _this$props.onResolve,
+        testId = _this$props.testId,
+        showActions = _this$props.showActions,
+        inlinePreloaderStyle = _this$props.inlinePreloaderStyle;
       if (!data) {
         throw new Error('@atlaskit/smart-cards: you are trying to render a card with data, but does not provide any');
       }
-
       if (CardWithDataRenderer.CardContent) {
         return /*#__PURE__*/React.createElement(CardWithDataRenderer.CardContent, {
           id: id,
@@ -59,7 +50,6 @@ export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
           showActions: showActions
         });
       }
-
       return /*#__PURE__*/React.createElement("div", {
         "data-card-with-data": true
       });
@@ -67,16 +57,12 @@ export var CardWithDataRenderer = /*#__PURE__*/function (_React$PureComponent) {
   }], [{
     key: "moduleImporter",
     value: function moduleImporter(target) {
-      import(
-      /* webpackChunkName: "@atlaskit-internal_smartcard-datacardcontent" */
-      './component').then(function (module) {
+      import( /* webpackChunkName: "@atlaskit-internal_smartcard-datacardcontent" */'./component').then(function (module) {
         CardWithDataRenderer.CardContent = module.CardWithDataContent;
         target.forceUpdate();
       });
     }
   }]);
-
   return CardWithDataRenderer;
 }(React.PureComponent);
-
 _defineProperty(CardWithDataRenderer, "CardContent", null);

package/dist/esm/view/CardWithUrl/component-lazy/LazyFallback.js

@@ -3,8 +3,8 @@ import { CardLinkView } from '../../../view/LinkView';
 export var loadingPlaceholderClassName = 'smart-link-loading-placeholder';
 export var LoadingCardLink = function LoadingCardLink(_ref) {
   var isSelected = _ref.isSelected,
-      url = _ref.url,
-      placeholder = _ref.placeholder;
+    url = _ref.url,
+    placeholder = _ref.placeholder;
   return /*#__PURE__*/React.createElement(CardLinkView, {
     key: 'lazy-render-key',
     testId: 'lazy-render-placeholder',

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -4,22 +4,22 @@ import React, { useCallback, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LazyFallback';
-import { startUfoExperience } from '../../../state/analytics/ufoExperiences'; // This property enables the intersection observer to be run once the
+import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
+
+// This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
-
 var ROOT_MARGIN_VERTICAL = '360px';
 export function LazyIntersectionObserverCard(props) {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isIntersecting = _useState2[0],
-      setIsIntersecting = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isIntersecting = _useState2[0],
+    setIsIntersecting = _useState2[1];
   var showActions = props.showActions,
-      appearance = props.appearance,
-      url = props.url,
-      id = props.id;
+    appearance = props.appearance,
+    url = props.url,
+    id = props.id;
   var prefetch = usePrefetch(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -27,7 +27,6 @@ export function LazyIntersectionObserverCard(props) {
     var isVisible = entries.some(function (entry) {
       return entry.isIntersecting;
     });
-
     if (isVisible) {
       startUfoExperience('smart-link-rendered', id);
       setIsIntersecting(true);
@@ -40,7 +39,6 @@ export function LazyIntersectionObserverCard(props) {
     if (!element) {
       return;
     }
-
     var intersectionObserver = new IntersectionObserver(onIntersection, {
       rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
     });

package/dist/esm/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -6,9 +6,9 @@ import { LoadingCardLink } from './LazyFallback';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 export function LazyLazilyRenderCard(props) {
   var appearance = props.appearance,
-      container = props.container,
-      showActions = props.showActions,
-      id = props.id;
+    container = props.container,
+    showActions = props.showActions,
+    id = props.id;
   var offset = Math.ceil(window.innerHeight / 4);
   useState(function () {
     // Start of experience when intersectionObserver is not supported.

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

@@ -13,35 +13,33 @@ import { APIError } from '../..';
 import { CardDisplay } from '../../constants';
 export function CardWithUrlContent(_ref) {
   var id = _ref.id,
-      url = _ref.url,
-      isSelected = _ref.isSelected,
-      isFrameVisible = _ref.isFrameVisible,
-      platform = _ref.platform,
-      onClick = _ref.onClick,
-      appearance = _ref.appearance,
-      dispatchAnalytics = _ref.dispatchAnalytics,
-      onResolve = _ref.onResolve,
-      onError = _ref.onError,
-      testId = _ref.testId,
-      showActions = _ref.showActions,
-      inheritDimensions = _ref.inheritDimensions,
-      embedIframeRef = _ref.embedIframeRef,
-      inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-      ui = _ref.ui,
-      children = _ref.children,
-      showHoverPreview = _ref.showHoverPreview,
-      showAuthTooltipProp = _ref.showAuthTooltip,
-      analyticsEvents = _ref.analyticsEvents;
-
+    url = _ref.url,
+    isSelected = _ref.isSelected,
+    isFrameVisible = _ref.isFrameVisible,
+    platform = _ref.platform,
+    onClick = _ref.onClick,
+    appearance = _ref.appearance,
+    dispatchAnalytics = _ref.dispatchAnalytics,
+    onResolve = _ref.onResolve,
+    onError = _ref.onError,
+    testId = _ref.testId,
+    showActions = _ref.showActions,
+    inheritDimensions = _ref.inheritDimensions,
+    embedIframeRef = _ref.embedIframeRef,
+    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
+    ui = _ref.ui,
+    children = _ref.children,
+    showHoverPreview = _ref.showHoverPreview,
+    showAuthTooltipProp = _ref.showAuthTooltip,
+    analyticsEvents = _ref.analyticsEvents;
   // Get state, actions for this card.
   var _useSmartLink = useSmartLink(id, url, dispatchAnalytics),
-      state = _useSmartLink.state,
-      actions = _useSmartLink.actions,
-      defaultAnalytics = _useSmartLink.analytics,
-      config = _useSmartLink.config,
-      renderers = _useSmartLink.renderers,
-      error = _useSmartLink.error;
-
+    state = _useSmartLink.state,
+    actions = _useSmartLink.actions,
+    defaultAnalytics = _useSmartLink.analytics,
+    config = _useSmartLink.config,
+    renderers = _useSmartLink.renderers,
+    error = _useSmartLink.error;
   var analytics = analyticsEvents || defaultAnalytics;
   var definitionId = getDefinitionId(state.details);
   var extensionKey = getExtensionKey(state.details);
@@ -54,8 +52,9 @@ export function CardWithUrlContent(_ref) {
   }, [children]);
   var showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
   var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
-  var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard')); // Setup UI handlers.
+  var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
 
+  // Setup UI handlers.
   var handleClick = useCallback(function (event) {
     var clickUrl = getClickUrl(url, state.details);
     isSpecialEvent(event) ? window.open(clickUrl, '_blank') : window.open(clickUrl, '_self');
@@ -72,7 +71,6 @@ export function CardWithUrlContent(_ref) {
       destinationProduct: product,
       destinationSubproduct: subproduct
     });
-
     if (onClick) {
       onClick(event);
     } else if (!isFlexibleUi) {
@@ -87,12 +85,12 @@ export function CardWithUrlContent(_ref) {
   }, [actions]);
   var handleInvoke = useCallback(function (opts) {
     return actions.invoke(opts, appearance);
-  }, [actions, appearance]); // NB: for each status change in a Smart Link, a performance mark is created.
-  // Measures are sent relative to the first mark, matching what a user sees.
+  }, [actions, appearance]);
 
+  // NB: for each status change in a Smart Link, a performance mark is created.
+  // Measures are sent relative to the first mark, matching what a user sees.
   useEffect(function () {
     measure.mark(id, state.status);
-
     if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
@@ -104,11 +102,12 @@ export function CardWithUrlContent(_ref) {
         error: state.error
       });
     }
-  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]); // NB: once the smart-card has rendered into an end state, we capture
+  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]);
+
+  // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
   // - the resolved state: when metadata is shown;
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
-
   useEffect(function () {
     if (isFinalState(state.status)) {
       analytics.ui.renderSuccessEvent({
@@ -144,10 +143,8 @@ export function CardWithUrlContent(_ref) {
       destinationSubproduct: subproduct
     });
   }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct]);
-
   if (isFlexibleUi) {
     var cardState = state;
-
     if (error) {
       if ((error === null || error === void 0 ? void 0 : error.constructor) === APIError) {
         cardState = {
@@ -157,7 +154,6 @@ export function CardWithUrlContent(_ref) {
         throw error;
       }
     }
-
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
@@ -171,13 +167,12 @@ export function CardWithUrlContent(_ref) {
       onResolve: onResolve,
       onError: onError
     }, children);
-  } // We have to keep this last to prevent hook order from being violated
-
+  }
 
+  // We have to keep this last to prevent hook order from being violated
   if (error) {
     throw error;
   }
-
   switch (appearance) {
     case 'inline':
       return /*#__PURE__*/React.createElement(InlineCard, {
@@ -195,7 +190,6 @@ export function CardWithUrlContent(_ref) {
         showHoverPreview: showHoverPreview,
         showAuthTooltip: showAuthTooltip
       });
-
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,
@@ -216,7 +210,6 @@ export function CardWithUrlContent(_ref) {
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });
-
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {
         id: id,