@atlaskit/smart-card 35.2.12 → 36.0.0

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

@@ -1,42 +0,0 @@
-import React, { useCallback, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import extractPreview from '../../../extractors/flexible/extract-preview';
-import { PreviewBlock } from '../../FlexibleCard/components/blocks';
-import { getPreviewBlockStyles, getTransitionStyles } from '../styled';
-const ImagePreviewOld = ({
-  data,
-  fallbackElementHeight
-}) => {
-  const transitionStarted = useRef(false);
-  const previewBlockRef = useRef(null);
-  const [showPreview, setShowPreview] = useState(true);
-  const [previewCss, setPreviewCss] = useState();
-
-  // Set Preview to a fixed height to enable transitions
-  const onPreviewRender = useCallback(() => {
-    var _previewBlockRef$curr;
-    previewBlockRef.current && setPreviewCss(getPreviewBlockStyles((_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height));
-  }, []);
-
-  // On error set Preview to Fallback height with transition
-  const onPreviewError = useCallback(() => {
-    if (transitionStarted.current === false) {
-      setPreviewCss(getTransitionStyles(fallbackElementHeight));
-      transitionStarted.current = true;
-    }
-  }, [fallbackElementHeight]);
-  const onPreviewTransitionEnd = useCallback(() => {
-    setShowPreview(false);
-  }, []);
-  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
-    onError: onPreviewError,
-    ignoreContainerPadding: true,
-    overrideCss: previewCss,
-    onTransitionEnd: onPreviewTransitionEnd,
-    blockRef: previewBlockRef,
-    onRender: onPreviewRender
-  }) : null;
-};
-export default ImagePreviewOld;

package/dist/es2019/view/HoverCard/components/views/forbidden/HoverCardForbiddenViewOld.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
-import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
-import { messages } from '../../../../../messages';
-import FlexibleCard from '../../../../FlexibleCard';
-import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
-import { getPreviewBlockStyles } from '../../../styled';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-const HoverCardForbiddenViewOld = ({
-  flexibleCardProps,
-  testId = 'hover-card-forbidden-view'
-}) => {
-  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    cardState,
-    url
-  } = flexibleCardProps;
-  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  const meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
-  const product = (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
-  const hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
-  const {
-    action,
-    descriptiveMessageKey,
-    titleMessageKey,
-    buttonDisabled
-  } = (_extractRequestAccess = extractRequestAccessContextImproved({
-    jsonLd: meta,
-    url,
-    product,
-    createAnalyticsEvent
-  })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {};
-  if (!titleMessageKey || !descriptiveMessageKey) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/React.createElement(PreviewBlock, {
-    ignoreContainerPadding: true,
-    overrideCss: getPreviewBlockStyles(),
-    testId: testId
-  }), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: titleBlockStyles,
-    testId: `${testId}-title`
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
-    values: {
-      product
-    }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: mainTextStyles,
-    testId: `${testId}-content`
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
-    values: {
-      product,
-      hostname
-    }
-  }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles
-  }, /*#__PURE__*/React.createElement(Button, {
-    testId: `${testId}-button`,
-    onClick: action === null || action === void 0 ? void 0 : action.promise,
-    appearance: "primary",
-    isDisabled: buttonDisabled
-  }, action === null || action === void 0 ? void 0 : action.text)));
-};
-export default HoverCardForbiddenViewOld;

package/dist/es2019/view/HoverCard/components/views/forbidden/styled.js

@@ -1,32 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const titleBlockStyles = css({
-  justifyContent: 'center',
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  marginTop: "var(--ds-space-100, 8px)"
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const mainTextStyles = css({
-  display: 'inline',
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-0, 0px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  textAlign: 'center'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const connectButtonStyles = css({
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-100, 8px)"
-});

package/dist/es2019/view/HoverCard/components/views/resolved/HoverCardResolvedViewOld.js

@@ -1,83 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
-import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
-import { succeedUfoExperience } from '../../../../../state/analytics';
-import FlexibleCard from '../../../../FlexibleCard';
-import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
-import { getMetadata } from '../../../utils';
-import ImagePreview from '../../ImagePreview';
-import { hiddenSnippetStyles, metadataBlockCss } from './styled';
-const HoverCardResolvedViewOld = ({
-  cardState,
-  extensionKey,
-  flexibleCardProps,
-  isAISummaryEnabled,
-  onActionClick,
-  titleBlockProps,
-  id
-}) => {
-  var _cardState$details;
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  useEffect(() => {
-    // Since this hover view is only rendered on resolved status,
-    // there is no need to check for statuses.
-    succeedUfoExperience('smart-link-rendered', id || 'NULL', {
-      extensionKey,
-      display: CardDisplay.HoverCardPreview
-    });
-
-    // UFO will disregard this if authentication experience has not yet been started
-    succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
-      display: CardDisplay.HoverCardPreview
-    });
-    fireEvent('ui.smartLink.renderSuccess', {
-      display: CardDisplay.HoverCardPreview
-    });
-  }, [extensionKey, fireEvent, id]);
-  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  const {
-    primary,
-    secondary
-  } = useMemo(() => {
-    return getMetadata(extensionKey, data);
-  }, [data, extensionKey]);
-  const snippetHeight = React.useRef(0);
-  const snippetBlockRef = useRef(null);
-  const onSnippetRender = useCallback(() => {
-    var _snippetBlockRef$curr, _snippetBlockRef$curr2;
-    snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
-  }, []);
-  const imagePreview = ImagePreview({
-    data: data,
-    fallbackElementHeight: snippetHeight.current
-  });
-  const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
-    status: SmartLinkStatus.Resolved
-  });
-  const aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
-  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
-    metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    overrideCss: metadataBlockCss,
-    maxLines: 1,
-    size: SmartLinkSize.Medium
-  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
-    aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
-    status: SmartLinkStatus.Resolved
-  }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
-    testId: "hidden-snippet",
-    onRender: onSnippetRender,
-    blockRef: snippetBlockRef,
-    overrideCss: hiddenSnippetStyles
-  }), /*#__PURE__*/React.createElement(ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
-};
-export default HoverCardResolvedViewOld;

package/dist/es2019/view/HoverCard/components/views/resolved/styled.js

@@ -1,53 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { separatorCss } from '../../../styled';
-const elementGap = '0.5rem';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const metadataBlockCss = css`
-	gap: 0px;
-	/* primary element group */
-	[data-smart-element-group]:nth-of-type(1) {
-		flex-grow: 7;
-
-		// a separator between text-based element
-		${separatorCss}
-
-		/* horizontal spacing between elements in group */
-    > span {
-			margin-right: ${elementGap};
-		}
-	}
-	/* secondary element group */
-	[data-smart-element-group]:nth-of-type(2) {
-		flex-grow: 3;
-		/* horizontal spacing between elements in group */
-		> span {
-			margin-left: ${elementGap};
-		}
-	}
-
-	[data-smart-element-group] {
-		line-height: 1rem;
-	}
-`;
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const footerBlockCss = css({
-  height: '1.5rem'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const hiddenSnippetStyles = css({
-  visibility: 'hidden',
-  position: 'absolute'
-});

package/dist/es2019/view/HoverCard/components/views/resolving/HoverCardLoadingViewOld.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { LoadingSkeletonNew, LoadingSkeletonOld } from '../../../../FlexibleCard/components/common/loading-skeleton';
-import Icon from '../../../../FlexibleCard/components/elements/icon';
-import { CARD_WIDTH_REM } from '../../../styled';
-import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';
-const HoverCardLoadingViewOld = ({
-  titleBlockProps
-}) => {
-  const testId = 'hover-card-loading-view';
-  const lineHeightRem = 1.25;
-  const skeletonWidth = CARD_WIDTH_REM - 2;
-  const {
-    size,
-    actions
-  } = titleBlockProps;
-  const actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && jsx(ActionGroup, {
-    items: actions,
-    visibleButtonsNum: 2
-  });
-  const LoadingSkeleton = fg('platform-smart-card-icon-migration') ? LoadingSkeletonNew : LoadingSkeletonOld;
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: loadingViewContainer,
-      "data-testid": testId
-    }, jsx("div", {
-      css: skeletonContainer
-    }, jsx(CustomBlock, _extends({}, titleBlockProps, {
-      overrideCss: titleBlockStyles,
-      testId: `${testId}-title-block`
-    }), jsx(Icon, {
-      render: () => jsx(LoadingSkeleton, null),
-      size: size
-    }), jsx("span", {
-      css: getTitleStyles(lineHeightRem),
-      "data-testid": `${testId}-title`
-    }, fg('platform-smart-card-icon-migration') ? jsx(LoadingSkeletonNew, {
-      height: `${lineHeightRem}rem`
-    }) : jsx(LoadingSkeletonOld, {
-      height: lineHeightRem
-    })), actionGroup), fg('platform-smart-card-icon-migration') ? jsx(React.Fragment, null, jsx(LoadingSkeletonNew, {
-      width: `${skeletonWidth}rem`,
-      height: `${lineHeightRem}rem`
-    }), jsx(LoadingSkeletonNew, {
-      width: `${skeletonWidth}rem`,
-      height: `${lineHeightRem * 3}rem`
-    }), jsx(LoadingSkeletonNew, {
-      width: `${skeletonWidth}rem`,
-      height: `${lineHeightRem}rem`
-    })) : jsx(React.Fragment, null, jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }), jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem * 3
-    }), jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }))))
-  );
-};
-export default HoverCardLoadingViewOld;

package/dist/es2019/view/HoverCard/components/views/resolving/styled.js

@@ -1,47 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const loadingViewContainer = css({
-  display: 'flex',
-  flexDirection: 'column',
-  padding: "var(--ds-space-200, 1rem)"
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const skeletonContainer = css({
-  display: 'flex',
-  flexDirection: 'column',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
-  gap: '0.625rem',
-  alignItems: 'center'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-export const getTitleStyles = height => {
-  return css({
-    flex: '1 0 auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: `${height}rem`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    span: {
-      width: '100%'
-    }
-  });
-};
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const titleBlockStyles = css({
-  width: '100%',
-  gap: "var(--ds-space-100, 0.5rem)"
-});

package/dist/es2019/view/HoverCard/components/views/unauthorised/HoverCardUnauthorisedViewOld.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
-import { ActionName, CardDisplay } from '../../../../../constants';
-import { messages } from '../../../../../messages';
-import { useSmartCardActions } from '../../../../../state/actions';
-import { hasAuthScopeOverrides } from '../../../../../state/helpers';
-import UnauthorisedViewContent from '../../../../common/UnauthorisedViewContent';
-import FlexibleCard from '../../../../FlexibleCard';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { LinkIcon } from '../../../../FlexibleCard/components/elements';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-const HoverCardUnauthorisedViewOld = ({
-  id = '',
-  flexibleCardProps,
-  testId = 'hover-card-unauthorised-view',
-  url
-}) => {
-  var _cardState$details, _extractProvider;
-  const {
-    cardState
-  } = flexibleCardProps;
-  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 isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
-  const {
-    authorize
-  } = useSmartCardActions(id, url);
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const handleAuthorize = useCallback(() => {
-    if (authorize) {
-      fireEvent('track.applicationAccount.authStarted', {});
-      authorize(CardDisplay.HoverCardPreview);
-    }
-  }, [authorize, fireEvent]);
-  const actions = useMemo(() => [{
-    name: ActionName.CustomAction,
-    content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {
-      values: {
-        context: providerName
-      }
-    })),
-    onClick: handleAuthorize
-  }], [handleAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: titleBlockStyles,
-    testId: `${testId}-title`
-  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-    values: {
-      context: providerName
-    }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: mainTextStyles,
-    testId: `${testId}-content`
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: `${testId}-button`
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    appearance: "primary"
-  })));
-};
-export default HoverCardUnauthorisedViewOld;

package/dist/es2019/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,34 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-const blockGap = '0.5rem';
-const iconGap = '0.5rem';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const connectButtonStyles = css({
-  justifyContent: 'flex-end',
-  marginTop: blockGap
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const titleBlockStyles = css({
-  gap: `${blockGap} ${iconGap}`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  a: {
-    fontWeight: "var(--ds-font-weight-medium, 500)"
-  }
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const mainTextStyles = css({
-  marginTop: blockGap,
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-});

package/dist/es2019/view/InlineCard/ErroredView/InlineCardErroredViewOld.js

@@ -1,91 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import { HoverCard } from '../../HoverCard';
-import { Frame } from '../Frame';
-import { AKIconWrapper } from '../Icon';
-import { AKIconWrapper as AKIconWrapperOld } from '../Icon-emotion';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButtonOldVisualRefresh } from '../styled';
-import { IconStyledButton as IconStyledButtonOld } from '../styled-emotion';
-import withFrameStyleControl from '../utils/withFrameStyleControl';
-const iconWrapperStyles = xcss({
-  marginRight: 'space.negative.025'
-});
-export class InlineCardErroredViewOld extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "frameRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "handleRetry", event => {
-      const {
-        onRetry
-      } = this.props;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    _defineProperty(this, "renderActionButton", () => {
-      const {
-        onRetry
-      } = this.props;
-      const Button = withFrameStyleControl(ButtonOld, this.frameRef);
-      return onRetry && /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        component: fg('bandicoots-compiled-migration-smartcard') ? IconStyledButtonOldVisualRefresh : IconStyledButtonOld,
-        onClick: this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again));
-    });
-  }
-  render() {
-    const {
-      url,
-      onClick,
-      isSelected,
-      testId = 'inline-card-errored-view',
-      icon,
-      message,
-      truncateInline
-    } = this.props;
-    const Wrapper = fg('bandicoots-compiled-migration-smartcard') ? AKIconWrapper : AKIconWrapperOld;
-    const content = /*#__PURE__*/React.createElement(Frame, {
-      testId: testId,
-      isSelected: isSelected,
-      ref: this.frameRef,
-      truncateInline: truncateInline
-    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-      icon: icon || (fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
-        as: "span",
-        xcss: iconWrapperStyles
-      }, /*#__PURE__*/React.createElement(ErrorIcon, {
-        color: "var(--ds-icon-danger, #C9372C)",
-        label: "error",
-        LEGACY_size: "small",
-        testId: "errored-view-default-icon"
-      })) : /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-        label: "error",
-        LEGACY_size: "small",
-        color: `var(--ds-icon-danger, ${R300})`,
-        testId: "errored-view-default-icon"
-      }))),
-      link: url,
-      title: url,
-      onClick: onClick,
-      rightSide: message
-    }), this.renderActionButton());
-    if (this.props.showHoverPreview) {
-      return /*#__PURE__*/React.createElement(HoverCard, {
-        url: url
-      }, content);
-    }
-    return content;
-  }
-}