@atlaskit/smart-card 23.14.0 → 23.14.2

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
@@ -48,7 +48,6 @@ export const BlockCard = ({
   enableFlexibleBlockCard
 }) => {
   var _details$meta, _forbiddenViewProps$c;
-
   const {
     status,
     details
@@ -62,7 +61,6 @@ export const BlockCard = ({
     handleInvoke,
     extensionKey
   };
-
   if (enableFlexibleBlockCard) {
     const ui = {
       hideElevation: true
@@ -79,7 +77,6 @@ export const BlockCard = ({
       analytics,
       extensionKey
     };
-
     switch (status) {
       case 'pending':
       case 'resolving':
@@ -88,33 +85,28 @@ export const BlockCard = ({
         }, jsx(FlexibleResolvedView, _extends({}, flexibleProps, {
           testId: 'smart-block-resolving-view'
         })));
-
       case 'resolved':
         return jsx("div", {
           css: flexibleBlockCardElevationStyle
         }, jsx(FlexibleResolvedView, flexibleProps));
-
       case 'unauthorized':
         return jsx("div", {
           css: flexibleBlockCardElevationStyle
         }, jsx(FlexibleUnauthorisedView, _extends({}, flexibleProps, {
           onAuthorize: handleAuthorize
         })));
-
       case 'forbidden':
         return jsx("div", {
           css: flexibleBlockCardElevationStyle
         }, jsx(FlexibleForbiddenView, _extends({}, flexibleProps, {
           onAuthorize: handleAuthorize
         })));
-
       case 'not_found':
         return jsx("div", {
           css: flexibleBlockCardElevationStyle
         }, jsx(FlexibleNotFoundView, _extends({}, flexibleProps, {
           onAuthorize: handleAuthorize
         })));
-
       case 'fallback':
       case 'errored':
       default:
@@ -124,7 +116,6 @@ export const BlockCard = ({
             status
           });
         }
-
         if (authFlow && authFlow === 'disabled') {
           return jsx(CardLinkView, {
             link: url,
@@ -133,7 +124,6 @@ export const BlockCard = ({
             testId: `${testId}-${status}`
           });
         }
-
         return jsx("div", {
           css: flexibleBlockCardElevationStyle
         }, jsx(FlexibleErroredView, _extends({}, flexibleProps, {
@@ -141,7 +131,6 @@ export const BlockCard = ({
         })));
     }
   }
-
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -149,24 +138,20 @@ export const BlockCard = ({
         testId: testId,
         isSelected: isSelected
       });
-
     case 'resolved':
       const resolvedViewProps = extractBlockProps(data, meta, extractorOpts, renderers, platform);
-
       if (onResolve) {
         onResolve({
           title: resolvedViewProps.title,
           url
         });
       }
-
       return jsx(BlockCardResolvedView, _extends({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
         onClick: handleFrameClick
       }));
-
     case 'unauthorized':
       if (onError) {
         onError({
@@ -174,7 +159,6 @@ export const BlockCard = ({
           status
         });
       }
-
       const unauthorizedViewProps = extractBlockProps(data, meta, extractorOpts);
       return jsx(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
         isSelected: isSelected,
@@ -183,7 +167,6 @@ export const BlockCard = ({
         actions: handleAuthorize ? [AuthorizeAction(handleAuthorize)] : [],
         onClick: handleFrameClick
       }));
-
     case 'forbidden':
       if (onError) {
         onError({
@@ -191,7 +174,6 @@ export const BlockCard = ({
           status
         });
       }
-
       const forbiddenViewProps = extractBlockProps(data, meta, extractorOpts);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       const requestAccessContext = extractRequestAccessContext({
@@ -206,7 +188,6 @@ export const BlockCard = ({
         onClick: handleFrameClick,
         requestAccessContext: requestAccessContext
       }));
-
     case 'not_found':
       if (onError) {
         onError({
@@ -214,14 +195,12 @@ export const BlockCard = ({
           status
         });
       }
-
       const notFoundViewProps = extractBlockProps(data, meta, extractorOpts);
       return jsx(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
       }));
-
     case 'fallback':
     case 'errored':
     default:
@@ -231,7 +210,6 @@ export const BlockCard = ({
           status
         });
       }
-
       if (authFlow && authFlow === 'disabled') {
         return jsx(CardLinkView, {
           link: url,
@@ -240,7 +218,6 @@ export const BlockCard = ({
           testId: `${testId}-${status}`
         });
       }
-
       return jsx(BlockCardErroredView, {
         link: url,
         isSelected: isSelected,

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -15,7 +15,8 @@ import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
-const textDescriptionProps = { ...messages.could_not_load_link
+const textDescriptionProps = {
+  ...messages.could_not_load_link
 };
 export const blockCardErroredViewClassName = 'block-card-errored-view';
 export const ErroredView = ({
@@ -27,7 +28,6 @@ export const ErroredView = ({
   inheritDimensions = false
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
-
   const actions = useMemo(() => onRetry ? [RetryAction(onRetry)] : [], [onRetry]);
   return jsx(Frame, {
     isSelected: isSelected,

package/dist/es2019/view/BlockCard/views/ForbiddenView.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
@@ -31,7 +30,6 @@ export const ForbiddenView = ({
   requestAccessContext = {}
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
-
   const {
     action,
     descriptiveMessageKey = 'invalid_permissions_description'

package/dist/es2019/view/BlockCard/views/NotFoundView.js

@@ -14,7 +14,8 @@ import { ContentHeader } from '../components/ContentHeader';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { handleClickCommon } from '../utils/handlers';
-const textDescriptionProps = { ...messages.not_found_description
+const textDescriptionProps = {
+  ...messages.not_found_description
 };
 export const blockCardNotFoundViewClassName = 'block-card-not-found-view';
 export const NotFoundView = ({
@@ -27,7 +28,6 @@ export const NotFoundView = ({
   onClick = () => {}
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
-
   return jsx(Frame, {
     isSelected: isSelected,
     testId: testId,

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

@@ -49,9 +49,7 @@ export const ResolvedView = ({
     testId: testId ? `${testId}-by` : undefined,
     className: blockCardResolvedViewByClassName
   }, byline);
-
   const handleClick = event => handleClickCommon(event, onClick);
-
   const hasActions = showActions && actions.length > 0;
   return jsx(Frame, {
     isSelected: isSelected,

package/dist/es2019/view/BlockCard/views/UnauthorizedView.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
@@ -13,7 +12,8 @@ import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
-const textBylineProps = { ...messages.connect_link_account_card_description
+const textBylineProps = {
+  ...messages.connect_link_account_card_description
 };
 export const UnauthorizedView = ({
   context = {
@@ -27,7 +27,6 @@ export const UnauthorizedView = ({
   onClick = () => {}
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
-
   return jsx(Frame, {
     isSelected: isSelected,
     testId: testId,

package/dist/es2019/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -8,7 +8,6 @@ import BlockCardFooter from '../../components/flexible/footer';
 import { RetryAction } from '../../actions/flexible/RetryAction';
 import { CustomBlock } from '../../../FlexibleCard/components/blocks';
 import Text from '../../../FlexibleCard/components/elements/text';
-
 /**
  * This view represents a Block Card with an 'Errored' status.
  *
@@ -50,5 +49,4 @@ const FlexibleErroredView = ({
     status: status
   })));
 };
-
 export default FlexibleErroredView;

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

@@ -11,6 +11,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.
@@ -18,7 +19,6 @@ import { extractRequestAccessContext } from '../../../../extractors/common/conte
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-
 const FlexibleForbiddenView = ({
   cardState,
   onAuthorize,
@@ -29,7 +29,6 @@ const FlexibleForbiddenView = ({
   url
 }) => {
   var _details$meta;
-
   const status = cardState.status;
   const details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
   const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
@@ -44,7 +43,6 @@ const FlexibleForbiddenView = ({
   const actions = useMemo(() => {
     let actionFromAccessContext = [];
     const tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
-
     if (requestAccessContext) {
       const {
         action,
@@ -52,7 +50,6 @@ const FlexibleForbiddenView = ({
       } = requestAccessContext;
       actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, providerName)] : [];
     }
-
     return [...tryAnotherAccountAction, ...actionFromAccessContext];
   }, [onAuthorize, requestAccessContext, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
@@ -83,5 +80,4 @@ const FlexibleForbiddenView = ({
     status: status
   })));
 };
-
 export default FlexibleForbiddenView;

package/dist/es2019/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.
  *
@@ -49,5 +48,4 @@ const FlexibleNotFoundView = ({
     status: status
   })));
 };
-
 export default FlexibleNotFoundView;

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

@@ -4,12 +4,12 @@ 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
  */
-
 const FlexibleResolvedView = ({
   id,
   cardState,
@@ -122,5 +122,4 @@ const FlexibleResolvedView = ({
     }]
   }));
 };
-
 export default FlexibleResolvedView;

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

@@ -13,6 +13,7 @@ const contentStyles = css`
   margin-top: 0.5rem;
   font-size: 0.75rem;
 `;
+
 /**
  * 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,7 +21,6 @@ const contentStyles = css`
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-
 const FlexibleUnauthorisedView = ({
   analytics,
   cardState,
@@ -33,7 +33,6 @@ const FlexibleUnauthorisedView = ({
   url
 }) => {
   var _cardState$details, _extractProvider;
-
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   const handleAuthorize = useCallback(() => {
@@ -69,5 +68,4 @@ const FlexibleUnauthorisedView = ({
     actionGroupAppearance: "primary"
   })));
 };
-
 export default FlexibleUnauthorisedView;

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

@@ -5,7 +5,6 @@ import { CardWithURLRenderer } from '../CardWithUrl/loader';
 import { isCardWithData } from '../../utils';
 import { context } from '../../utils/analytics';
 import { injectIntl, IntlProvider } from 'react-intl-next';
-
 class PlainCard extends React.PureComponent {
   render() {
     const content = isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);
@@ -13,9 +12,7 @@ class PlainCard extends React.PureComponent {
       locale: "en"
     }, content);
   }
-
 }
-
 export const Card = withAnalyticsContext(context)(withAnalyticsEvents()(injectIntl(PlainCard, {
   enforceContext: false
 })));

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

@@ -16,16 +16,13 @@ export class CardWithDataContent extends React.Component {
       testId,
       showActions
     } = this.props;
-
     if (appearance === 'inline') {
       const props = extractInlineProps(details || getEmptyJsonLd());
-
       if (onResolve) {
         onResolve({
           title: props.title
         });
       }
-
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, props, {
         isSelected: isSelected,
         onClick: onClick,
@@ -33,13 +30,11 @@ export class CardWithDataContent extends React.Component {
       }));
     } else {
       const props = extractBlockProps(details || getEmptyJsonLd());
-
       if (onResolve) {
         onResolve({
           title: props.title
         });
       }
-
       return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, props, {
         isSelected: isSelected,
         onClick: onClick,
@@ -47,5 +42,4 @@ export class CardWithDataContent extends React.Component {
       }));
     }
   }
-
 }

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

@@ -2,20 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 export class CardWithDataRenderer extends React.PureComponent {
   static moduleImporter(target) {
-    import(
-    /* webpackChunkName: "@atlaskit-internal_smartcard-datacardcontent" */
-    './component').then(module => {
+    import( /* webpackChunkName: "@atlaskit-internal_smartcard-datacardcontent" */'./component').then(module => {
       CardWithDataRenderer.CardContent = module.CardWithDataContent;
       target.forceUpdate();
     });
   }
-
   componentDidMount() {
     if (CardWithDataRenderer.CardContent === null) {
       (this.props.importer || CardWithDataRenderer.moduleImporter)(this);
     }
   }
-
   render() {
     const {
       id,
@@ -28,11 +24,9 @@ export class CardWithDataRenderer extends React.PureComponent {
       showActions,
       inlinePreloaderStyle
     } = this.props;
-
     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,
@@ -46,12 +40,9 @@ export class CardWithDataRenderer extends React.PureComponent {
         showActions: showActions
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       "data-card-with-data": true
     });
   }
-
 }
-
 _defineProperty(CardWithDataRenderer, "CardContent", null);

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

@@ -3,11 +3,12 @@ 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.
-
 const ROOT_MARGIN_VERTICAL = '360px';
 export function LazyIntersectionObserverCard(props) {
   const [isIntersecting, setIsIntersecting] = useState(false);
@@ -22,7 +23,6 @@ export function LazyIntersectionObserverCard(props) {
   const ComponentObserver = Component;
   const onIntersection = useCallback((entries, observer) => {
     const isVisible = entries.some(entry => entry.isIntersecting);
-
     if (isVisible) {
       startUfoExperience('smart-link-rendered', id);
       setIsIntersecting(true);
@@ -35,7 +35,6 @@ export function LazyIntersectionObserverCard(props) {
     if (!element) {
       return;
     }
-
     const intersectionObserver = new IntersectionObserver(onIntersection, {
       rootMargin: `${ROOT_MARGIN_VERTICAL} 0px ${ROOT_MARGIN_VERTICAL} 0px`
     });

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

@@ -52,8 +52,9 @@ export function CardWithUrlContent({
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
   const showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
   const showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
-  const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard')); // Setup UI handlers.
+  const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
 
+  // Setup UI handlers.
   const handleClick = useCallback(event => {
     const clickUrl = getClickUrl(url, state.details);
     isSpecialEvent(event) ? window.open(clickUrl, '_blank') : window.open(clickUrl, '_self');
@@ -70,7 +71,6 @@ export function CardWithUrlContent({
       destinationProduct: product,
       destinationSubproduct: subproduct
     });
-
     if (onClick) {
       onClick(event);
     } else if (!isFlexibleUi) {
@@ -81,12 +81,12 @@ export function CardWithUrlContent({
   const handleRetry = useCallback(() => {
     actions.reload();
   }, [actions]);
-  const handleInvoke = useCallback(opts => 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.
+  const handleInvoke = useCallback(opts => 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.
   useEffect(() => {
     measure.mark(id, state.status);
-
     if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
@@ -98,11 +98,12 @@ export function CardWithUrlContent({
         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(() => {
     if (isFinalState(state.status)) {
       analytics.ui.renderSuccessEvent({
@@ -138,10 +139,8 @@ export function CardWithUrlContent({
       destinationSubproduct: subproduct
     });
   }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct]);
-
   if (isFlexibleUi) {
     let cardState = state;
-
     if (error) {
       if ((error === null || error === void 0 ? void 0 : error.constructor) === APIError) {
         cardState = {
@@ -151,7 +150,6 @@ export function CardWithUrlContent({
         throw error;
       }
     }
-
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
@@ -165,13 +163,12 @@ export function CardWithUrlContent({
       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, {
@@ -189,7 +186,6 @@ export function CardWithUrlContent({
         showHoverPreview: showHoverPreview,
         showAuthTooltip: showAuthTooltip
       });
-
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,
@@ -210,7 +206,6 @@ export function CardWithUrlContent({
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });
-
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {
         id: id,