@atlaskit/link-datasource 3.19.2 → 3.20.1

package/dist/cjs/ui/common/error-state/provider-auth-required-old.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProviderAuthRequiredOld = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
+var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _analytics = require("../../../analytics");
+var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
+var _messages = require("./messages");
+var _providerAuthRequiredSvg = require("./provider-auth-required-svg");
+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 buttonStyles = (0, _react2.css)({
+  marginTop: "var(--ds-space-200, 16px)"
+});
+var learnMoreAboutSmartLinksUrl = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-Links-from-Jira-and-other-products';
+var ProviderAuthRequiredOld = exports.ProviderAuthRequiredOld = function ProviderAuthRequiredOld(_ref) {
+  var _ref$auth = _ref.auth,
+    auth = _ref$auth === void 0 ? [] : _ref$auth,
+    onAuthSuccess = _ref.onAuthSuccess,
+    onAuthError = _ref.onAuthError,
+    extensionKey = _ref.extensionKey,
+    providerName = _ref.providerName,
+    datasourceId = _ref.datasourceId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useErrorLogger = (0, _useErrorLogger2.default)({
+      datasourceId: datasourceId
+    }),
+    captureError = _useErrorLogger.captureError;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _auth = (0, _slicedToArray2.default)(auth, 1),
+    authInfo = _auth[0];
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.error.shown', {
+      reason: 'access'
+    });
+  }, [fireEvent]);
+  var onAuthRequest = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return (0, _outboundAuthFlowClient.auth)(authInfo.url);
+          case 3:
+            fireEvent('operational.provider.authSuccess', {
+              extensionKey: extensionKey,
+              experience: 'datasource'
+            });
+            onAuthSuccess === null || onAuthSuccess === void 0 || onAuthSuccess();
+            _context.next = 12;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            fireEvent('operational.provider.authFailure', {
+              reason: _context.t0 instanceof _outboundAuthFlowClient.AuthError && _context.t0.type ? _context.t0.type : null,
+              extensionKey: extensionKey,
+              experience: 'datasource'
+            });
+            captureError('ProviderOnAuthRequest', _context.t0);
+            onAuthError === null || onAuthError === void 0 || onAuthError();
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return function onAuthRequest() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var AnchorFFed = (0, _platformFeatureFlags.fg)('fix_a11y_violations_in_link_datasource') ? _primitives.Anchor : 'a';
+  var renderAuthDescription = function renderAuthDescription() {
+    return (0, _react2.jsx)(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
+      providerName: providerName
+    }), ' ', (0, _react2.jsx)(AnchorFFed, {
+      href: learnMoreAboutSmartLinksUrl,
+      target: "_blank",
+      rel: "noreferrer noopener"
+    }, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
+  };
+  var renderAuthConnectButton = function renderAuthConnectButton() {
+    return (0, _react2.jsx)(_button.default, {
+      onClick: onAuthRequest,
+      appearance: "primary",
+      css: buttonStyles
+    }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText));
+  };
+  return (0, _react2.jsx)(_emptyState.default, {
+    testId: "datasource--access-required-with-auth",
+    header: formatMessage(_messages.loadingErrorMessages.authScreenHeaderText, {
+      providerName: providerName
+    }),
+    description: renderAuthDescription(),
+    renderImage: _providerAuthRequiredSvg.ProviderAuthRequiredSVG,
+    primaryAction: renderAuthConnectButton()
+  });
+};

package/dist/cjs/ui/common/error-state/provider-auth-required-svg-old.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProviderAuthRequiredSVGOld = void 0;
+var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var imageStyles = (0, _react.css)({
+  width: 200,
+  height: 140,
+  marginBottom: "var(--ds-space-200, 16px)"
+});
+var ProviderAuthRequiredSVGOld = exports.ProviderAuthRequiredSVGOld = function ProviderAuthRequiredSVGOld() {
+  return (0, _react.jsx)("svg", {
+    width: "170",
+    height: "130",
+    viewBox: "0 0 170 130",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    css: imageStyles
+  }, (0, _react.jsx)("rect", {
+    width: "170",
+    height: "130",
+    rx: "6.25",
+    fill: "white"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M163.75 2H6.25C3.90279 2 2 3.90279 2 6.25V123.75C2 126.097 3.90279 128 6.25 128H163.75C166.097 128 168 126.097 168 123.75V6.25C168 3.90279 166.097 2 163.75 2ZM6.25 0C2.79822 0 0 2.79822 0 6.25V123.75C0 127.202 2.79822 130 6.25 130H163.75C167.202 130 170 127.202 170 123.75V6.25C170 2.79822 167.202 0 163.75 0H6.25Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M168 14H2V12H168V14Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M168 43L2 43L2 41L168 41V43Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M168 72H2V70H168V72Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M28 128L28 2H30L30 128H28Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M98 128L98 2H100L100 128H98Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("rect", {
+    x: "34",
+    y: "24.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "104",
+    y: "24.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "34",
+    y: "53.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "104",
+    y: "53.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "34",
+    y: "111.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "104",
+    y: "111.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "34",
+    y: "82.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    x: "104",
+    y: "82.5",
+    width: "60",
+    height: "6",
+    rx: "3",
+    fill: "#091E42",
+    fillOpacity: "0.06"
+  }), (0, _react.jsx)("rect", {
+    opacity: "0.5",
+    x: "8",
+    y: "20.5",
+    width: "14",
+    height: "14",
+    rx: "2",
+    fill: "#1D7AFC"
+  }), (0, _react.jsx)("rect", {
+    opacity: "0.5",
+    x: "8",
+    y: "49.5",
+    width: "14",
+    height: "14",
+    rx: "2",
+    fill: "#1D7AFC"
+  }), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M168 101H2V99H168V101Z",
+    fill: "#091E42",
+    fillOpacity: "0.14"
+  }), (0, _react.jsx)("rect", {
+    opacity: "0.5",
+    x: "8",
+    y: "107.5",
+    width: "14",
+    height: "14",
+    rx: "2",
+    fill: "#1D7AFC"
+  }), (0, _react.jsx)("rect", {
+    opacity: "0.5",
+    x: "8",
+    y: "78.5",
+    width: "14",
+    height: "14",
+    rx: "2",
+    fill: "#1D7AFC"
+  }));
+};

package/dist/cjs/ui/common/error-state/provider-auth-required-svg.compiled.css

@@ -0,0 +1,3 @@
+._1bsbuuw1{width:200px}
+._4t3i11ux{height:140px}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

package/dist/cjs/ui/common/error-state/provider-auth-required-svg.js

@@ -1,71 +1,69 @@
+/* provider-auth-required-svg.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProviderAuthRequiredSVG = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var imageStyles = (0, _react.css)({
-  width: 200,
-  height: 140,
-  marginBottom: "var(--ds-space-200, 16px)"
-});
-var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function ProviderAuthRequiredSVG() {
-  return (0, _react.jsx)("svg", {
+exports.ProviderAuthRequiredSVGNew = exports.ProviderAuthRequiredSVG = void 0;
+require("./provider-auth-required-svg.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _providerAuthRequiredSvgOld = require("./provider-auth-required-svg-old");
+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; }
+var imageStyles = null;
+var ProviderAuthRequiredSVGNew = exports.ProviderAuthRequiredSVGNew = function ProviderAuthRequiredSVGNew() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "170",
     height: "130",
     viewBox: "0 0 170 130",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    css: imageStyles
-  }, (0, _react.jsx)("rect", {
+    className: (0, _runtime.ax)(["_1bsbuuw1 _4t3i11ux _otyrpxbi"])
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "170",
     height: "130",
     rx: "6.25",
     fill: "white"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M163.75 2H6.25C3.90279 2 2 3.90279 2 6.25V123.75C2 126.097 3.90279 128 6.25 128H163.75C166.097 128 168 126.097 168 123.75V6.25C168 3.90279 166.097 2 163.75 2ZM6.25 0C2.79822 0 0 2.79822 0 6.25V123.75C0 127.202 2.79822 130 6.25 130H163.75C167.202 130 170 127.202 170 123.75V6.25C170 2.79822 167.202 0 163.75 0H6.25Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 14H2V12H168V14Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 43L2 43L2 41L168 41V43Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 72H2V70H168V72Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M28 128L28 2H30L30 128H28Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M98 128L98 2H100L100 128H98Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "24.5",
     width: "60",
@@ -73,7 +71,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "24.5",
     width: "60",
@@ -81,7 +79,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "53.5",
     width: "60",
@@ -89,7 +87,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "53.5",
     width: "60",
@@ -97,7 +95,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "111.5",
     width: "60",
@@ -105,7 +103,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "111.5",
     width: "60",
@@ -113,7 +111,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "82.5",
     width: "60",
@@ -121,7 +119,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "82.5",
     width: "60",
@@ -129,7 +127,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "20.5",
@@ -137,7 +135,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "49.5",
@@ -145,13 +143,13 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 101H2V99H168V101Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "107.5",
@@ -159,7 +157,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "78.5",
@@ -168,4 +166,11 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "2",
     fill: "#1D7AFC"
   }));
+};
+var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function ProviderAuthRequiredSVG() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(ProviderAuthRequiredSVGNew, null);
+  } else {
+    return /*#__PURE__*/React.createElement(_providerAuthRequiredSvgOld.ProviderAuthRequiredSVGOld, null);
+  }
 };

package/dist/cjs/ui/common/error-state/provider-auth-required.compiled.css

@@ -0,0 +1 @@
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}

package/dist/cjs/ui/common/error-state/provider-auth-required.js

@@ -1,3 +1,4 @@
+/* provider-auth-required.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,36 +6,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProviderAuthRequired = void 0;
+exports.ProviderAuthRequiredNew = exports.ProviderAuthRequired = void 0;
+require("./provider-auth-required.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _messages = require("./messages");
+var _providerAuthRequiredOld = require("./provider-auth-required-old");
 var _providerAuthRequiredSvg = require("./provider-auth-required-svg");
 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 buttonStyles = (0, _react2.css)({
-  marginTop: "var(--ds-space-200, 16px)"
-});
+var buttonStyles = null;
 var learnMoreAboutSmartLinksUrl = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-Links-from-Jira-and-other-products';
-var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthRequired(_ref) {
+var ProviderAuthRequiredNew = exports.ProviderAuthRequiredNew = function ProviderAuthRequiredNew(_ref) {
   var _ref$auth = _ref.auth,
     auth = _ref$auth === void 0 ? [] : _ref$auth,
     onAuthSuccess = _ref.onAuthSuccess,
@@ -93,24 +87,24 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
       return _ref2.apply(this, arguments);
     };
   }();
-  var AnchorFFed = (0, _platformFeatureFlags.fg)('fix_a11y_violations_in_link_datasource') ? _primitives.Anchor : 'a';
+  var AnchorFFed = (0, _platformFeatureFlags.fg)('fix_a11y_violations_in_link_datasource') ? _compiled.Anchor : 'a';
   var renderAuthDescription = function renderAuthDescription() {
-    return (0, _react2.jsx)(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
       providerName: providerName
-    }), ' ', (0, _react2.jsx)(AnchorFFed, {
+    }), ' ', /*#__PURE__*/_react.default.createElement(AnchorFFed, {
       href: learnMoreAboutSmartLinksUrl,
       target: "_blank",
       rel: "noreferrer noopener"
     }, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
   };
   var renderAuthConnectButton = function renderAuthConnectButton() {
-    return (0, _react2.jsx)(_button.default, {
+    return /*#__PURE__*/_react.default.createElement(_button.default, {
       onClick: onAuthRequest,
       appearance: "primary",
-      css: buttonStyles
+      className: (0, _runtime.ax)(["_19pkpxbi"])
     }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText));
   };
-  return (0, _react2.jsx)(_emptyState.default, {
+  return /*#__PURE__*/_react.default.createElement(_emptyState.default, {
     testId: "datasource--access-required-with-auth",
     header: formatMessage(_messages.loadingErrorMessages.authScreenHeaderText, {
       providerName: providerName
@@ -119,4 +113,11 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
     renderImage: _providerAuthRequiredSvg.ProviderAuthRequiredSVG,
     primaryAction: renderAuthConnectButton()
   });
+};
+var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthRequired(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(ProviderAuthRequiredNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_providerAuthRequiredOld.ProviderAuthRequiredOld, props);
+  }
 };

package/dist/cjs/ui/common/initial-state-view/index.compiled.css

@@ -0,0 +1,20 @@
+
+._zulpu2gc{gap:var(--ds-space-100,8px)}._1bah1h6o{justify-content:center}
+._1e0c1o8l{display:inline-block}
+._1e0c1txw{display:flex}
+._1wpz1h6o{align-self:center}
+._1y0b14fl font{xsmall:normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._pfzw1qd6 font{xlarge:normal 600 29px/2pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._syazg0pi{color:var(--_1dzgjqk)}
+._v2gl1dku font{small:normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._wtt41hi2 font{xxlarge:normal 500 35px/40px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._x3fx5x7c font{medium:normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._y3gn1h6o{text-align:center}
+._z7oy15vm font{xxsmall:normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._zzcc1522 font{large:normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}