@atlaskit/smart-card 34.7.0 → 34.8.0

package/dist/cjs/view/InlineCard/ResolvingView/InlineCardResolvingViewOld.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardResolvingViewOld = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _Frame = require("../Frame");
+var _IconAndTitleLayout = require("../IconAndTitleLayout");
+var _styled = require("../IconAndTitleLayout/styled");
+var _styledEmotion = require("../IconAndTitleLayout/styled-emotion");
+var _styled2 = require("./styled");
+var _styledEmotion2 = require("./styled-emotion");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var InlineCardResolvingViewOld = exports.InlineCardResolvingViewOld = /*#__PURE__*/function (_React$Component) {
+  function InlineCardResolvingViewOld() {
+    (0, _classCallCheck2.default)(this, InlineCardResolvingViewOld);
+    return _callSuper(this, InlineCardResolvingViewOld, arguments);
+  }
+  (0, _inherits2.default)(InlineCardResolvingViewOld, _React$Component);
+  return (0, _createClass2.default)(InlineCardResolvingViewOld, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        url = _this$props.url,
+        onClick = _this$props.onClick,
+        isSelected = _this$props.isSelected,
+        inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
+        titleTextColor = _this$props.titleTextColor,
+        resolvingPlaceholder = _this$props.resolvingPlaceholder,
+        truncateInline = _this$props.truncateInline;
+      var SpinnerWrapperComponent = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled2.SpinnerWrapperOldVisualRefresh : _styledEmotion2.SpinnerWrapper;
+      if (inlinePreloaderStyle === 'on-right-without-skeleton') {
+        if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+          return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+            withoutBackground: true,
+            testId: testId,
+            onClick: onClick,
+            isSelected: isSelected,
+            truncateInline: truncateInline
+          }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styled.RightIconPositionWrapper, null, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+            size: 14
+          }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
+            className: "inline-resolving-spinner"
+          }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+            size: 14
+          }))))));
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+            withoutBackground: true,
+            testId: testId,
+            onClick: onClick,
+            isSelected: isSelected,
+            truncateInline: truncateInline
+          }, /*#__PURE__*/_react.default.createElement(_styledEmotion.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styledEmotion.RightIconPositionWrapper, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
+            className: "inline-resolving-spinner"
+          }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+            size: 14
+          })))));
+        }
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+          testId: testId,
+          onClick: onClick,
+          isSelected: isSelected,
+          link: url,
+          truncateInline: truncateInline
+        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+          title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
+          titleTextColor: titleTextColor
+        }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+          size: 14
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
+          className: "inline-resolving-spinner"
+        }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+          size: 14
+        })))));
+      }
+    }
+  }]);
+}(_react.default.Component);

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

@@ -5,89 +5,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCardResolvingView = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _styled = require("../IconAndTitleLayout/styled");
-var _styledEmotion = require("../IconAndTitleLayout/styled-emotion");
+var _InlineCardResolvingViewOld = require("./InlineCardResolvingViewOld");
 var _styled2 = require("./styled");
-var _styledEmotion2 = require("./styled-emotion");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
-  function InlineCardResolvingView() {
-    (0, _classCallCheck2.default)(this, InlineCardResolvingView);
-    return _callSuper(this, InlineCardResolvingView, arguments);
+var InlineCardResolvingViewNew = function InlineCardResolvingViewNew(_ref) {
+  var url = _ref.url,
+    onClick = _ref.onClick,
+    isSelected = _ref.isSelected,
+    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'inline-card-resolving-view' : _ref$testId,
+    titleTextColor = _ref.titleTextColor,
+    resolvingPlaceholder = _ref.resolvingPlaceholder,
+    truncateInline = _ref.truncateInline;
+  var renderSpinner = _react.default.useCallback(function () {
+    return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      size: 14
+    }) :
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    _react.default.createElement(_styled2.SpinnerWrapperOldVisualRefresh, {
+      className: "inline-resolving-spinner"
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      size: 14
+    }));
+  }, []);
+  if (inlinePreloaderStyle === 'on-right-without-skeleton') {
+    return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+      withoutBackground: true,
+      testId: testId,
+      onClick: onClick,
+      isSelected: isSelected,
+      truncateInline: truncateInline
+    }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styled.RightIconPositionWrapper, null, renderSpinner())));
   }
-  (0, _inherits2.default)(InlineCardResolvingView, _React$Component);
-  return (0, _createClass2.default)(InlineCardResolvingView, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        url = _this$props.url,
-        onClick = _this$props.onClick,
-        isSelected = _this$props.isSelected,
-        inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
-        _this$props$testId = _this$props.testId,
-        testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
-        titleTextColor = _this$props.titleTextColor,
-        resolvingPlaceholder = _this$props.resolvingPlaceholder,
-        truncateInline = _this$props.truncateInline;
-      var SpinnerWrapperComponent = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled2.SpinnerWrapperOldVisualRefresh : _styledEmotion2.SpinnerWrapper;
-      var IconTitleWrapperFFed = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? _IconAndTitleLayout.IconTitleWrapper : _styled.IconTitleWrapperOldVisualRefresh;
-      if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-        if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-          return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-            withoutBackground: true,
-            testId: testId,
-            onClick: onClick,
-            isSelected: isSelected,
-            truncateInline: truncateInline
-          }, /*#__PURE__*/_react.default.createElement(IconTitleWrapperFFed, null, url, /*#__PURE__*/_react.default.createElement(_styled.RightIconPositionWrapper, null, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
-            size: 14
-          }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
-            className: "inline-resolving-spinner"
-          }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-            size: 14
-          }))))));
-        } else {
-          return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-            withoutBackground: true,
-            testId: testId,
-            onClick: onClick,
-            isSelected: isSelected,
-            truncateInline: truncateInline
-          }, /*#__PURE__*/_react.default.createElement(_styledEmotion.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styledEmotion.RightIconPositionWrapper, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
-            className: "inline-resolving-spinner"
-          }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-            size: 14
-          })))));
-        }
-      } else {
-        return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          link: url,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-          title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
-          titleTextColor: titleTextColor
-        }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
-          size: 14
-        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-          size: 14
-        })))));
-      }
-    }
-  }]);
-}(_react.default.Component);
+  return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+    testId: testId,
+    onClick: onClick,
+    isSelected: isSelected,
+    link: url,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+    title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
+    titleTextColor: titleTextColor
+  }, renderSpinner()));
+};
+var InlineCardResolvingView = exports.InlineCardResolvingView = function InlineCardResolvingView(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/_react.default.createElement(InlineCardResolvingViewNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_InlineCardResolvingViewOld.InlineCardResolvingViewOld, props);
+};

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

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardUnauthorizedViewOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
+var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var _messages = require("../../../messages");
+var _HoverCard = require("../../HoverCard");
+var _actionButton = require("../common/action-button");
+var _Frame = require("../Frame");
+var _Icon = require("../Icon");
+var _IconEmotion = require("../Icon-emotion");
+var _IconAndTitleLayout = require("../IconAndTitleLayout");
+var _styled = require("../styled");
+var _styledEmotion = require("../styled-emotion");
+var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameStyleControl"));
+var iconWrapperStyles = (0, _primitives.xcss)({
+  marginRight: 'space.negative.025'
+});
+var fallbackUnauthorizedIcon = function fallbackUnauthorizedIcon() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      as: "span",
+      xcss: iconWrapperStyles
+    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
+      color: "var(--ds-icon-danger, #C9372C)",
+      label: "error",
+      LEGACY_fallbackIcon: _lockFilled.default,
+      LEGACY_size: "small"
+    })) : /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+    }));
+  } else {
+    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      as: "span",
+      xcss: iconWrapperStyles
+    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
+      color: "var(--ds-icon-danger, #C9372C)",
+      label: "error",
+      LEGACY_fallbackIcon: _lockFilled.default,
+      LEGACY_size: "small"
+    })) : /*#__PURE__*/_react.default.createElement(_IconEmotion.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+    }));
+  }
+};
+var InlineCardUnauthorizedViewOld = exports.InlineCardUnauthorizedViewOld = function InlineCardUnauthorizedViewOld(_ref) {
+  var url = _ref.url,
+    id = _ref.id,
+    icon = _ref.icon,
+    onAuthorise = _ref.onAuthorise,
+    onClick = _ref.onClick,
+    isSelected = _ref.isSelected,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'inline-card-unauthorized-view' : _ref$testId,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
+    truncateInline = _ref.truncateInline,
+    context = _ref.context;
+  var frameRef = _react.default.useRef(null);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var handleConnectAccount = _react.default.useCallback(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (onAuthorise) {
+      fireEvent('track.applicationAccount.authStarted', {});
+      onAuthorise();
+    }
+  }, [fireEvent, onAuthorise]);
+  var renderActionButton = _react.default.useCallback(function () {
+    var Button = (0, _withFrameStyleControl.default)(_button.default, frameRef);
+    if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+        return /*#__PURE__*/_react.default.createElement(Button, {
+          component: _actionButton.ActionButton,
+          onClick: handleConnectAccount,
+          testId: "button-connect-account"
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+          values: {
+            context: context
+          }
+        })));
+      }
+      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
+        spacing: "none",
+        component: _styled.IconStyledButtonOldVisualRefresh,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))) : undefined;
+    } else {
+      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
+        spacing: "none",
+        component: _styledEmotion.IconStyledButton,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))) : undefined;
+    }
+  }, [handleConnectAccount, onAuthorise, context]);
+  var inlineCardUnauthenticatedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+    testId: testId,
+    isSelected: isSelected,
+    ref: frameRef,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+    icon: icon ? icon : fallbackUnauthorizedIcon(),
+    title: url,
+    link: url,
+    onClick: onClick,
+    titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+  }), renderActionButton());
+  if (onAuthorise && showHoverPreview) {
+    return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+      url: url,
+      id: id
+    }, inlineCardUnauthenticatedView);
+  }
+  return inlineCardUnauthenticatedView;
+};

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

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

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCardUnauthorizedView = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -12,7 +15,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
@@ -20,46 +23,29 @@ var _HoverCard = require("../../HoverCard");
 var _actionButton = require("../common/action-button");
 var _Frame = require("../Frame");
 var _Icon = require("../Icon");
-var _IconEmotion = require("../Icon-emotion");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _styled = require("../styled");
-var _styledEmotion = require("../styled-emotion");
 var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameStyleControl"));
-var iconWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.negative.025'
-});
+var _InlineCardUnauthorizedViewOld = require("./InlineCardUnauthorizedViewOld");
+var styles = {
+  iconWrapper: "_2hwx1i6y"
+};
 var fallbackUnauthorizedIcon = function fallbackUnauthorizedIcon() {
-  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: _lockFilled.default,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-      label: "error",
-      size: "small",
-      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
-    }));
-  } else {
-    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: _lockFilled.default,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/_react.default.createElement(_IconEmotion.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-      label: "error",
-      size: "small",
-      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
-    }));
-  }
+  return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "span",
+    xcss: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
+    color: "var(--ds-icon-danger, #C9372C)",
+    label: "error",
+    LEGACY_fallbackIcon: _lockFilled.default,
+    LEGACY_size: "small"
+  })) : /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
+    label: "error",
+    size: "small",
+    primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+  }));
 };
-var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref) {
+var InlineCardUnauthorizedViewNew = function InlineCardUnauthorizedViewNew(_ref) {
   var url = _ref.url,
     id = _ref.id,
     icon = _ref.icon,
@@ -85,40 +71,27 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
   }, [fireEvent, onAuthorise]);
   var renderActionButton = _react.default.useCallback(function () {
     var Button = (0, _withFrameStyleControl.default)(_button.default, frameRef);
-    if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-        return /*#__PURE__*/_react.default.createElement(Button, {
-          component: _actionButton.ActionButton,
-          onClick: handleConnectAccount,
-          testId: "button-connect-account"
-        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-          values: {
-            context: context
-          }
-        })));
-      }
-      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
-        component: _styled.IconStyledButtonOldVisualRefresh,
+    if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+      return /*#__PURE__*/_react.default.createElement(Button, {
+        component: _actionButton.ActionButton,
         onClick: handleConnectAccount,
         testId: "button-connect-account"
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
         values: {
           context: context
         }
-      }))) : undefined;
-    } else {
-      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
-        component: _styledEmotion.IconStyledButton,
-        onClick: handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-        values: {
-          context: context
-        }
-      }))) : undefined;
+      })));
     }
+    return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
+      spacing: "none",
+      component: _styled.IconStyledButtonOldVisualRefresh,
+      onClick: handleConnectAccount,
+      testId: "button-connect-account"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+      values: {
+        context: context
+      }
+    }))) : undefined;
   }, [handleConnectAccount, onAuthorise, context]);
   var inlineCardUnauthenticatedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
     testId: testId,
@@ -139,4 +112,10 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     }, inlineCardUnauthenticatedView);
   }
   return inlineCardUnauthenticatedView;
+};
+var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function InlineCardUnauthorizedView(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/_react.default.createElement(InlineCardUnauthorizedViewNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_InlineCardUnauthorizedViewOld.InlineCardUnauthorizedViewOld, props);
 };

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _messages = require("../../../messages");
+var _styled = require("./styled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var WarningModalOld = function WarningModalOld(props) {
+  var isOpen = props.isOpen,
+    unsafeLinkText = props.unsafeLinkText,
+    url = props.url,
+    onClose = props.onClose,
+    onContinue = props.onContinue,
+    intl = props.intl;
+  var content = (0, _react.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react.jsx)(_modalDialog.default, {
+    onClose: onClose,
+    testId: "link-with-safety-warning"
+  }, (0, _react.jsx)(_modalDialog.ModalHeader, null, (0, _react.jsx)(_modalDialog.ModalTitle, {
+    appearance: "warning"
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)("div", {
+    css: _styled.breakWordsCss
+  }, url && unsafeLinkText && (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
+    values: {
+      unsafeLinkText: unsafeLinkText,
+      a: function a() {
+        return (0, _react.jsx)("a", {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, url);
+      }
+    }
+  })))), (0, _react.jsx)(_modalDialog.ModalFooter, null, (0, _react.jsx)(_standardButton.default, {
+    appearance: "subtle",
+    onClick: onClose
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), (0, _react.jsx)(_standardButton.default, {
+    appearance: "warning",
+    onClick: onContinue,
+    autoFocus: true
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
+  return intl ? content : (0, _react.jsx)(_reactIntlNext.IntlProvider, {
+    locale: "en"
+  }, content);
+};
+var _default = exports.default = WarningModalOld;

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

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