@atlaskit/smart-card 34.7.0 → 34.8.0

package/dist/es2019/view/InlineCard/ResolvingView/index.js

@@ -3,69 +3,52 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout, IconTitleWrapper } from '../IconAndTitleLayout';
-import { IconTitleWrapperOldVisualRefresh, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
-import { IconTitleWrapper as IconTitleWrapperOld, RightIconPositionWrapper as RightIconPositionWrapperOld } from '../IconAndTitleLayout/styled-emotion';
+import { RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
+import { InlineCardResolvingViewOld } from './InlineCardResolvingViewOld';
 import { SpinnerWrapperOldVisualRefresh } from './styled';
-import { SpinnerWrapper as SpinnerWrapperOld } from './styled-emotion';
-export class InlineCardResolvingView extends React.Component {
-  render() {
-    const {
-      url,
-      onClick,
-      isSelected,
-      inlinePreloaderStyle,
-      testId = 'inline-card-resolving-view',
-      titleTextColor,
-      resolvingPlaceholder,
-      truncateInline
-    } = this.props;
-    const SpinnerWrapperComponent = fg('bandicoots-compiled-migration-smartcard') ? SpinnerWrapperOldVisualRefresh : SpinnerWrapperOld;
-    const IconTitleWrapperFFed = fg('platform-linking-visual-refresh-v1') ? IconTitleWrapper : IconTitleWrapperOldVisualRefresh;
-    if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-      if (fg('bandicoots-compiled-migration-smartcard')) {
-        return /*#__PURE__*/React.createElement(Frame, {
-          withoutBackground: true,
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/React.createElement(IconTitleWrapperFFed, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        }))))));
-      } else {
-        return /*#__PURE__*/React.createElement(Frame, {
-          withoutBackground: true,
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/React.createElement(IconTitleWrapperOld, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapperOld, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        })))));
-      }
-    } else {
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected,
-        link: url,
-        truncateInline: truncateInline
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
-        titleTextColor: titleTextColor
-      }, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      })))));
-    }
+const InlineCardResolvingViewNew = ({
+  url,
+  onClick,
+  isSelected,
+  inlinePreloaderStyle,
+  testId = 'inline-card-resolving-view',
+  titleTextColor,
+  resolvingPlaceholder,
+  truncateInline
+}) => {
+  const renderSpinner = React.useCallback(() => fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Spinner, {
+    size: 14
+  }) :
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  React.createElement(SpinnerWrapperOldVisualRefresh, {
+    className: "inline-resolving-spinner"
+  }, /*#__PURE__*/React.createElement(Spinner, {
+    size: 14
+  })), []);
+  if (inlinePreloaderStyle === 'on-right-without-skeleton') {
+    return /*#__PURE__*/React.createElement(Frame, {
+      withoutBackground: true,
+      testId: testId,
+      onClick: onClick,
+      isSelected: isSelected,
+      truncateInline: truncateInline
+    }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, renderSpinner())));
   }
-}
+  return /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    onClick: onClick,
+    isSelected: isSelected,
+    link: url,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
+    titleTextColor: titleTextColor
+  }, renderSpinner()));
+};
+export const InlineCardResolvingView = props => {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(InlineCardResolvingViewNew, props);
+  }
+  return /*#__PURE__*/React.createElement(InlineCardResolvingViewOld, props);
+};

package/dist/es2019/view/InlineCard/UnauthorisedView/InlineCardUnauthorizedViewOld.js

@@ -0,0 +1,135 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import ButtonOld from '@atlaskit/button';
+import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
+import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, xcss } from '@atlaskit/primitives';
+import { N500, R400 } from '@atlaskit/theme/colors';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { messages } from '../../../messages';
+import { HoverCard } from '../../HoverCard';
+import { ActionButton } from '../common/action-button';
+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'
+});
+const fallbackUnauthorizedIcon = () => {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      xcss: iconWrapperStyles
+    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+      color: "var(--ds-icon-danger, #C9372C)",
+      label: "error",
+      LEGACY_fallbackIcon: LegacyLockIcon,
+      LEGACY_size: "small"
+    })) : /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
+      label: "error",
+      size: "small",
+      primaryColor: `var(--ds-icon-danger, ${R400})`
+    }));
+  } else {
+    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      xcss: iconWrapperStyles
+    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+      color: "var(--ds-icon-danger, #C9372C)",
+      label: "error",
+      LEGACY_fallbackIcon: LegacyLockIcon,
+      LEGACY_size: "small"
+    })) : /*#__PURE__*/React.createElement(AKIconWrapperOld, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
+      label: "error",
+      size: "small",
+      primaryColor: `var(--ds-icon-danger, ${R400})`
+    }));
+  }
+};
+export const InlineCardUnauthorizedViewOld = ({
+  url,
+  id,
+  icon,
+  onAuthorise,
+  onClick,
+  isSelected,
+  testId = 'inline-card-unauthorized-view',
+  showHoverPreview = false,
+  truncateInline,
+  context
+}) => {
+  const frameRef = React.useRef(null);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const handleConnectAccount = React.useCallback(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (onAuthorise) {
+      fireEvent('track.applicationAccount.authStarted', {});
+      onAuthorise();
+    }
+  }, [fireEvent, onAuthorise]);
+  const renderActionButton = React.useCallback(() => {
+    const Button = withFrameStyleControl(ButtonOld, frameRef);
+    if (fg('bandicoots-compiled-migration-smartcard')) {
+      if (fg('platform-linking-visual-refresh-v1')) {
+        return /*#__PURE__*/React.createElement(Button, {
+          component: ActionButton,
+          onClick: handleConnectAccount,
+          testId: "button-connect-account"
+        }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+          values: {
+            context
+          }
+        })));
+      }
+      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
+        spacing: "none",
+        component: IconStyledButtonOldVisualRefresh,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context
+        }
+      }))) : undefined;
+    } else {
+      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
+        spacing: "none",
+        component: IconStyledButtonOld,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context
+        }
+      }))) : undefined;
+    }
+  }, [handleConnectAccount, onAuthorise, context]);
+  const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    isSelected: isSelected,
+    ref: frameRef,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    icon: icon ? icon : fallbackUnauthorizedIcon(),
+    title: url,
+    link: url,
+    onClick: onClick,
+    titleColor: `var(--ds-text-subtle, ${N500})`
+  }), renderActionButton());
+  if (onAuthorise && showHoverPreview) {
+    return /*#__PURE__*/React.createElement(HoverCard, {
+      url: url,
+      id: id
+    }, inlineCardUnauthenticatedView);
+  }
+  return inlineCardUnauthenticatedView;
+};

package/dist/es2019/view/InlineCard/UnauthorisedView/index.compiled.css

@@ -0,0 +1 @@
+._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -1,11 +1,14 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import ButtonOld from '@atlaskit/button';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -13,46 +16,29 @@ import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
 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'
-});
+import { InlineCardUnauthorizedViewOld } from './InlineCardUnauthorizedViewOld';
+const styles = {
+  iconWrapper: "_2hwx1i6y"
+};
 const fallbackUnauthorizedIcon = () => {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: LegacyLockIcon,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
-      label: "error",
-      size: "small",
-      primaryColor: `var(--ds-icon-danger, ${R400})`
-    }));
-  } else {
-    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: LegacyLockIcon,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/React.createElement(AKIconWrapperOld, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
-      label: "error",
-      size: "small",
-      primaryColor: `var(--ds-icon-danger, ${R400})`
-    }));
-  }
+  return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.iconWrapper
+  }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+    color: "var(--ds-icon-danger, #C9372C)",
+    label: "error",
+    LEGACY_fallbackIcon: LegacyLockIcon,
+    LEGACY_size: "small"
+  })) : /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
+    label: "error",
+    size: "small",
+    primaryColor: `var(--ds-icon-danger, ${R400})`
+  }));
 };
-export const InlineCardUnauthorizedView = ({
+const InlineCardUnauthorizedViewNew = ({
   url,
   id,
   icon,
@@ -78,40 +64,27 @@ export const InlineCardUnauthorizedView = ({
   }, [fireEvent, onAuthorise]);
   const renderActionButton = React.useCallback(() => {
     const Button = withFrameStyleControl(ButtonOld, frameRef);
-    if (fg('bandicoots-compiled-migration-smartcard')) {
-      if (fg('platform-linking-visual-refresh-v1')) {
-        return /*#__PURE__*/React.createElement(Button, {
-          component: ActionButton,
-          onClick: handleConnectAccount,
-          testId: "button-connect-account"
-        }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-          values: {
-            context
-          }
-        })));
-      }
-      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        component: IconStyledButtonOldVisualRefresh,
-        onClick: handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-        values: {
-          context
-        }
-      }))) : undefined;
-    } else {
-      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        component: IconStyledButtonOld,
+    if (fg('platform-linking-visual-refresh-v1')) {
+      return /*#__PURE__*/React.createElement(Button, {
+        component: ActionButton,
         onClick: handleConnectAccount,
         testId: "button-connect-account"
       }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
         values: {
           context
         }
-      }))) : undefined;
+      })));
     }
+    return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
+      spacing: "none",
+      component: IconStyledButtonOldVisualRefresh,
+      onClick: handleConnectAccount,
+      testId: "button-connect-account"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+      values: {
+        context
+      }
+    }))) : undefined;
   }, [handleConnectAccount, onAuthorise, context]);
   const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
     testId: testId,
@@ -132,4 +105,10 @@ export const InlineCardUnauthorizedView = ({
     }, inlineCardUnauthenticatedView);
   }
   return inlineCardUnauthenticatedView;
+};
+export const InlineCardUnauthorizedView = props => {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(InlineCardUnauthorizedViewNew, props);
+  }
+  return /*#__PURE__*/React.createElement(InlineCardUnauthorizedViewOld, props);
 };

package/dist/es2019/view/LinkUrl/LinkWarningModal/WarningModalOld.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { FormattedMessage, IntlProvider } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { messages } from '../../../messages';
+import { breakWordsCss } from './styled';
+const WarningModalOld = props => {
+  const {
+    isOpen,
+    unsafeLinkText,
+    url,
+    onClose,
+    onContinue,
+    intl
+  } = props;
+  const content = jsx(ModalTransition, null, isOpen && jsx(Modal, {
+    onClose: onClose,
+    testId: "link-with-safety-warning"
+  }, jsx(ModalHeader, null, jsx(ModalTitle, {
+    appearance: "warning"
+  }, jsx(FormattedMessage, messages.check_this_link))), jsx(ModalBody, null, jsx("div", {
+    css: breakWordsCss
+  }, url && unsafeLinkText && jsx(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
+    values: {
+      unsafeLinkText: unsafeLinkText,
+      a: () => jsx("a", {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, url)
+    }
+  })))), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "subtle",
+    onClick: onClose
+  }, jsx(FormattedMessage, messages.go_back)), jsx(Button, {
+    appearance: "warning",
+    onClick: onContinue,
+    autoFocus: true
+  }, jsx(FormattedMessage, messages.continue)))));
+  return intl ? content : jsx(IntlProvider, {
+    locale: "en"
+  }, content);
+};
+export default WarningModalOld;

package/dist/es2019/view/LinkUrl/LinkWarningModal/index.compiled.css

@@ -0,0 +1,2 @@
+._1nmz9jpi{word-break:break-all}
+._o5726vc6{white-space:pre-line}

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

@@ -1,16 +1,16 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
-import { breakWordsCss } from './styled';
-const WarningModal = props => {
+import WarningModalOld from './WarningModalOld';
+const breakWordsCss = null;
+const WarningModalNew = props => {
   const {
     isOpen,
     unsafeLinkText,
@@ -19,34 +19,40 @@ const WarningModal = props => {
     onContinue,
     intl
   } = props;
-  const content = jsx(ModalTransition, null, isOpen && jsx(Modal, {
+  const content = /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, jsx(ModalHeader, null, jsx(ModalTitle, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
-  }, jsx(FormattedMessage, messages.check_this_link))), jsx(ModalBody, null, jsx("div", {
-    css: breakWordsCss
-  }, url && unsafeLinkText && jsx(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.check_this_link))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_o5726vc6 _1nmz9jpi"])
+  }, url && unsafeLinkText && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
-      a: () => jsx("a", {
+      a: () => /*#__PURE__*/React.createElement("a", {
         href: url,
         target: "_blank",
         rel: "noopener noreferrer"
       }, url)
     }
-  })))), jsx(ModalFooter, null, jsx(Button, {
+  })))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     onClick: onClose
-  }, jsx(FormattedMessage, messages.go_back)), jsx(Button, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.go_back)), /*#__PURE__*/React.createElement(Button, {
     appearance: "warning",
     onClick: onContinue,
     autoFocus: true
-  }, jsx(FormattedMessage, messages.continue)))));
-  return intl ? content : jsx(IntlProvider, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.continue)))));
+  return intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, content);
 };
-export default injectIntl(WarningModal, {
+const Component = props => {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(WarningModalNew, props);
+  }
+  return /*#__PURE__*/React.createElement(WarningModalOld, props);
+};
+export default injectIntl(Component, {
   enforceContext: false
 });

package/dist/es2019/view/LinkUrl/LinkWarningModal/styled.js

@@ -1,6 +1,9 @@
 // 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 breakWordsCss = css({
   whiteSpace: 'pre-line',

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.7.0",
+  packageVersion: "34.8.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/EmptyState.compiled.css

@@ -0,0 +1,12 @@
+
+._zulpu2gc{gap:var(--ds-space-100,8px)}._18u01ejb{margin-left:var(--ds-space-300,24px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._otyr1ejb{margin-bottom:var(--ds-space-300,24px)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._y3gn1h6o{text-align:center}

package/dist/es2019/view/RelatedLinksModal/components/EmptyState.js

@@ -1,35 +1,34 @@
-import React from 'react';
+/* EmptyState.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./EmptyState.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import Heading from '@atlaskit/heading';
-import { Box, xcss } from '@atlaskit/primitives';
-const emptyStateStyles = xcss({
-  alignItems: 'center',
-  display: 'flex',
-  flexDirection: 'column',
-  gap: 'space.100',
-  height: '100%',
-  justifyContent: 'center',
-  marginLeft: 'space.300',
-  marginRight: 'space.300',
-  textAlign: 'center'
-});
-const descriptionStyles = xcss({
-  marginTop: 'space.0',
-  marginBottom: 'space.300',
-  color: 'color.text'
-});
-export const EmptyState = ({
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+import { EmptyStateOld } from './EmptyStateOld';
+const styles = {
+  emptyState: "_zulpu2gc _4cvr1h6o _1e0c1txw _2lx21bp4 _4t3i1osq _1bah1h6o _18u01ejb _2hwx1ejb _y3gn1h6o",
+  description: "_19pkze3t _otyr1ejb _syaz1fxt"
+};
+export const EmptyStateNew = ({
   testId,
   header,
   description,
   renderImage
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: emptyStateStyles,
+    xcss: styles.emptyState,
     testId: testId
   }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
     size: "small"
   }, header), description && /*#__PURE__*/React.createElement(Box, {
     as: "p",
-    xcss: descriptionStyles
+    xcss: styles.description
   }, description));
+};
+export const EmptyState = props => {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(EmptyStateNew, props);
+  }
+  return /*#__PURE__*/React.createElement(EmptyStateOld, props);
 };

package/dist/es2019/view/RelatedLinksModal/components/EmptyStateOld.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import Heading from '@atlaskit/heading';
+import { Box, xcss } from '@atlaskit/primitives';
+const emptyStateStyles = xcss({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 'space.100',
+  height: '100%',
+  justifyContent: 'center',
+  marginLeft: 'space.300',
+  marginRight: 'space.300',
+  textAlign: 'center'
+});
+const descriptionStyles = xcss({
+  marginTop: 'space.0',
+  marginBottom: 'space.300',
+  color: 'color.text'
+});
+export const EmptyStateOld = ({
+  testId,
+  header,
+  description,
+  renderImage
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: emptyStateStyles,
+    testId: testId
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
+    size: "small"
+  }, header), description && /*#__PURE__*/React.createElement(Box, {
+    as: "p",
+    xcss: descriptionStyles
+  }, description));
+};