@atlaskit/smart-card 34.7.0 → 34.8.0

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

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardErroredViewOld = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+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"));
+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 iconWrapperStyles = (0, _primitives.xcss)({
+  marginRight: 'space.negative.025'
+});
+var InlineCardErroredViewOld = exports.InlineCardErroredViewOld = /*#__PURE__*/function (_React$Component) {
+  function InlineCardErroredViewOld() {
+    var _this;
+    (0, _classCallCheck2.default)(this, InlineCardErroredViewOld);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, InlineCardErroredViewOld, [].concat(args));
+    (0, _defineProperty2.default)(_this, "frameRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "handleRetry", function (event) {
+      var onRetry = _this.props.onRetry;
+      if (onRetry) {
+        event.preventDefault();
+        event.stopPropagation();
+        onRetry();
+      }
+    });
+    (0, _defineProperty2.default)(_this, "renderActionButton", function () {
+      var onRetry = _this.props.onRetry;
+      var Button = (0, _withFrameStyleControl.default)(_button.default, _this.frameRef);
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+        return onRetry && /*#__PURE__*/_react.default.createElement(Button, {
+          component: _actionButton.ActionButton,
+          onClick: _this.handleRetry
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again));
+      }
+      return onRetry && /*#__PURE__*/_react.default.createElement(Button, {
+        spacing: "none",
+        component: (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled.IconStyledButtonOldVisualRefresh : _styledEmotion.IconStyledButton,
+        onClick: _this.handleRetry,
+        role: "button"
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again));
+    });
+    return _this;
+  }
+  (0, _inherits2.default)(InlineCardErroredViewOld, _React$Component);
+  return (0, _createClass2.default)(InlineCardErroredViewOld, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        url = _this$props.url,
+        onClick = _this$props.onClick,
+        isSelected = _this$props.isSelected,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'inline-card-errored-view' : _this$props$testId,
+        icon = _this$props.icon,
+        message = _this$props.message,
+        truncateInline = _this$props.truncateInline;
+      var Wrapper = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _Icon.AKIconWrapper : _IconEmotion.AKIconWrapper;
+      var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+        testId: testId,
+        isSelected: isSelected,
+        ref: this.frameRef,
+        truncateInline: truncateInline
+      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+        icon: icon || ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+          as: "span",
+          xcss: iconWrapperStyles
+        }, /*#__PURE__*/_react.default.createElement(_error.default, {
+          color: "var(--ds-icon-danger, #C9372C)",
+          label: "error",
+          LEGACY_size: "small",
+          testId: "errored-view-default-icon"
+        })) : /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
+          label: "error",
+          LEGACY_size: "small",
+          color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+          testId: "errored-view-default-icon"
+        }))),
+        link: url,
+        title: url,
+        onClick: onClick,
+        rightSide: message
+      }), this.renderActionButton());
+      if (this.props.showHoverPreview) {
+        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+          url: url
+        }, content);
+      }
+      return content;
+    }
+  }]);
+}(_react.default.Component);

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

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

package/dist/cjs/view/InlineCard/ErroredView/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,114 +6,94 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCardErroredView = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
 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 _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"));
-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 iconWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.negative.025'
-});
-var InlineCardErroredView = exports.InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  function InlineCardErroredView() {
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardErroredView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+var _InlineCardErroredViewOld = require("./InlineCardErroredViewOld");
+var styles = {
+  iconWrapper: "_2hwx1i6y"
+};
+var InlineCardErroredViewNew = function InlineCardErroredViewNew(_ref) {
+  var url = _ref.url,
+    onClick = _ref.onClick,
+    isSelected = _ref.isSelected,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'inline-card-errored-view' : _ref$testId,
+    icon = _ref.icon,
+    message = _ref.message,
+    onRetry = _ref.onRetry,
+    truncateInline = _ref.truncateInline,
+    showHoverPreview = _ref.showHoverPreview;
+  var frameRef = _react.default.useRef(null);
+  var handleRetry = _react.default.useCallback(function (event) {
+    if (onRetry) {
+      event.preventDefault();
+      event.stopPropagation();
+      onRetry();
     }
-    _this = _callSuper(this, InlineCardErroredView, [].concat(args));
-    (0, _defineProperty2.default)(_this, "frameRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)(_this, "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    (0, _defineProperty2.default)(_this, "renderActionButton", function () {
-      var onRetry = _this.props.onRetry;
-      var Button = (0, _withFrameStyleControl.default)(_button.default, _this.frameRef);
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-        return onRetry && /*#__PURE__*/_react.default.createElement(Button, {
-          component: _actionButton.ActionButton,
-          onClick: _this.handleRetry
-        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again));
-      }
-      return onRetry && /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
-        component: (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled.IconStyledButtonOldVisualRefresh : _styledEmotion.IconStyledButton,
-        onClick: _this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again));
-    });
-    return _this;
+  }, [onRetry]);
+  var renderActionButton = _react.default.useCallback(function () {
+    var Button = (0, _withFrameStyleControl.default)(_button.default, frameRef);
+    return onRetry && ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(Button, {
+      component: _actionButton.ActionButton,
+      onClick: handleRetry
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)) : /*#__PURE__*/_react.default.createElement(Button, {
+      spacing: "none",
+      component: _styled.IconStyledButtonOldVisualRefresh,
+      onClick: handleRetry,
+      role: "button"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
+  }, [handleRetry, onRetry]);
+  var defaultIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "span",
+    xcss: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_error.default, {
+    color: "var(--ds-icon-danger, #C9372C)",
+    label: "error",
+    LEGACY_size: "small",
+    testId: "errored-view-default-icon"
+  })) : /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
+    label: "error",
+    LEGACY_size: "small",
+    color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+    testId: "errored-view-default-icon"
+  }));
+  var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+    testId: testId,
+    isSelected: isSelected,
+    ref: frameRef,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+    icon: icon || defaultIcon,
+    link: url,
+    title: url,
+    onClick: onClick,
+    rightSide: message
+  }), renderActionButton());
+  if (showHoverPreview) {
+    return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+      url: url
+    }, content);
   }
-  (0, _inherits2.default)(InlineCardErroredView, _React$Component);
-  return (0, _createClass2.default)(InlineCardErroredView, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        url = _this$props.url,
-        onClick = _this$props.onClick,
-        isSelected = _this$props.isSelected,
-        _this$props$testId = _this$props.testId,
-        testId = _this$props$testId === void 0 ? 'inline-card-errored-view' : _this$props$testId,
-        icon = _this$props.icon,
-        message = _this$props.message,
-        truncateInline = _this$props.truncateInline;
-      var Wrapper = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _Icon.AKIconWrapper : _IconEmotion.AKIconWrapper;
-      var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected,
-        ref: this.frameRef,
-        truncateInline: truncateInline
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-          as: "span",
-          xcss: iconWrapperStyles
-        }, /*#__PURE__*/_react.default.createElement(_error.default, {
-          color: "var(--ds-icon-danger, #C9372C)",
-          label: "error",
-          LEGACY_size: "small",
-          testId: "errored-view-default-icon"
-        })) : /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-          label: "error",
-          LEGACY_size: "small",
-          color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-          testId: "errored-view-default-icon"
-        }))),
-        link: url,
-        title: url,
-        onClick: onClick,
-        rightSide: message
-      }), this.renderActionButton());
-      if (this.props.showHoverPreview) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
-          url: url
-        }, content);
-      }
-      return content;
-    }
-  }]);
-}(_react.default.Component);
+  return content;
+};
+var InlineCardErroredView = exports.InlineCardErroredView = function InlineCardErroredView(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/_react.default.createElement(InlineCardErroredViewNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_InlineCardErroredViewOld.InlineCardErroredViewOld, props);
+};

package/dist/cjs/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardForbiddenViewOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+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"));
+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 iconWrapperStyles = (0, _primitives.xcss)({
+  marginRight: 'space.negative.025'
+});
+var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
+  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, {
+      label: "error",
+      color: "var(--ds-icon-danger, #C9372C)",
+      LEGACY_fallbackIcon: _lockFilled.default,
+      LEGACY_size: "small",
+      testId: "forbidden-view-fallback-icon"
+    })) : /*#__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, ")"),
+      testId: "forbidden-view-fallback-icon"
+    }));
+  } 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, {
+      label: "error",
+      color: "var(--ds-icon-danger, #C9372C)",
+      LEGACY_fallbackIcon: _lockFilled.default,
+      LEGACY_size: "small",
+      testId: "forbidden-view-fallback-icon"
+    })) : /*#__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, ")"),
+      testId: "forbidden-view-fallback-icon"
+    }));
+  }
+};
+var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component) {
+  function InlineCardForbiddenViewOld() {
+    var _this$props;
+    var _this;
+    (0, _classCallCheck2.default)(this, InlineCardForbiddenViewOld);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, InlineCardForbiddenViewOld, [].concat(args));
+    (0, _defineProperty2.default)(_this, "frameRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "state", {
+      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
+    });
+    (0, _defineProperty2.default)(_this, "handleRetry", function (event) {
+      var onAuthorise = _this.props.onAuthorise;
+      event.preventDefault();
+      event.stopPropagation();
+      if (onAuthorise) {
+        onAuthorise();
+      } else {
+        var _this$props2;
+        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
+      }
+    });
+    (0, _defineProperty2.default)(_this, "renderForbiddenAccessMessage", function () {
+      var _this$props3;
+      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3 = _this$props3.requestAccessContext) !== null && _this$props3 !== void 0 && _this$props3.callToActionMessageKey) {
+        var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
+        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[callToActionMessageKey], {
+          values: {
+            product: _this.props.context
+          }
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.invalid_permissions, function (formattedMessage) {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedMessage);
+      }));
+    });
+    (0, _defineProperty2.default)(_this, "renderActionButton", function () {
+      var _this$props$requestAc;
+      var onAuthorise = _this.props.onAuthorise;
+      var Button = (0, _withFrameStyleControl.default)(_button.default, _this.frameRef);
+      var accessType = (_this$props$requestAc = _this.props.requestAccessContext) === null || _this$props$requestAc === void 0 ? void 0 : _this$props$requestAc.accessType;
+      if (_this.state.hasRequestAccessContextMessage) {
+        if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+          if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+            var isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
+            return /*#__PURE__*/_react.default.createElement(Button, {
+              onClick: _this.handleRetry,
+              component: _actionButton.ActionButton,
+              testId: "button-connect-other-account",
+              isDisabled: isDisabled
+            }, _this.renderForbiddenAccessMessage());
+          }
+          return /*#__PURE__*/_react.default.createElement(Button, {
+            spacing: "none",
+            onClick: _this.handleRetry,
+            component: _styled.IconStyledButtonOldVisualRefresh,
+            testId: "button-connect-other-account",
+            role: "button",
+            isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
+          }, _this.renderForbiddenAccessMessage());
+        } else {
+          return /*#__PURE__*/_react.default.createElement(Button, {
+            spacing: "none",
+            onClick: _this.handleRetry,
+            component: _styledEmotion.IconStyledButton,
+            testId: "button-connect-other-account",
+            role: "button",
+            isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
+          }, _this.renderForbiddenAccessMessage());
+        }
+      }
+      if (onAuthorise) {
+        if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+          return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+            xcss: actionButtonLozengeStyle,
+            onClick: _this.handleRetry,
+            testId: "button-connect-other-account"
+          }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+            appearance: 'moved'
+          }, _this.renderForbiddenAccessMessage())));
+        }
+        return /*#__PURE__*/_react.default.createElement(Button, {
+          spacing: "none",
+          onClick: _this.handleRetry,
+          appearance: "subtle-link",
+          testId: "button-connect-other-account",
+          role: "button"
+        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+          appearance: 'moved'
+        }, _this.renderForbiddenAccessMessage())));
+      }
+      return null;
+    });
+    return _this;
+  }
+  (0, _inherits2.default)(InlineCardForbiddenViewOld, _React$Component);
+  return (0, _createClass2.default)(InlineCardForbiddenViewOld, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+        url = _this$props4.url,
+        icon = _this$props4.icon,
+        onClick = _this$props4.onClick,
+        isSelected = _this$props4.isSelected,
+        _this$props4$testId = _this$props4.testId,
+        testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId,
+        truncateInline = _this$props4.truncateInline;
+      var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+        testId: testId,
+        isSelected: isSelected,
+        ref: this.frameRef,
+        truncateInline: truncateInline
+      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+        icon: icon ? icon : fallbackForbiddenIcon(),
+        link: url,
+        title: url,
+        onClick: onClick,
+        titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+      }), this.renderActionButton());
+      if (this.props.showHoverPreview) {
+        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+          url: url
+        }, content);
+      }
+      return content;
+    }
+  }]);
+}(_react.default.Component);
+var actionButtonLozengeStyle = (0, _primitives.xcss)({
+  backgroundColor: 'color.background.neutral.subtle',
+  padding: 'space.0'
+});

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

@@ -0,0 +1,3 @@
+._1yt4ze3t{padding:var(--ds-space-0,0)}
+._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}