@atlaskit/link-datasource 1.19.18 → 1.19.19

package/dist/esm/ui/assets-modal/modal/render-assets-content/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
 import { AccessRequired } from '../../../common/error-state/access-required';
 import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
@@ -29,29 +28,29 @@ var tableBordersStyles = css({
   backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
 });
 var RejectedView = function RejectedView() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [contentContainerStyles]
-  }, jsx(ModalLoadingError, null));
+  }, /*#__PURE__*/React.createElement(ModalLoadingError, null));
 };
 var UnauthorizedView = function UnauthorizedView() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [contentContainerStyles]
-  }, jsx(AccessRequired, null));
+  }, /*#__PURE__*/React.createElement(AccessRequired, null));
 };
 var EmptyView = function EmptyView() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [contentContainerStyles]
-  }, jsx(InitialStateView, null));
+  }, /*#__PURE__*/React.createElement(InitialStateView, null));
 };
 var NoResultsView = function NoResultsView() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [contentContainerStyles]
-  }, jsx(NoResults, null));
+  }, /*#__PURE__*/React.createElement(NoResults, null));
 };
 var LoadingView = function LoadingView() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [contentContainerStyles, contentContainerStyles, tableBordersStyles, disableOverflowStyles]
-  }, jsx(EmptyState, {
+  }, /*#__PURE__*/React.createElement(EmptyState, {
     testId: "assets-aql-datasource-modal--loading-state"
   }));
 };
@@ -69,9 +68,9 @@ export var RenderAssetsContent = function RenderAssetsContent(props) {
     isFetchingInitialData = props.isFetchingInitialData;
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var issueLikeDataTableView = useMemo(function () {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: [contentContainerStyles, tableBordersStyles]
-    }, jsx(IssueLikeDataTableView, {
+    }, /*#__PURE__*/React.createElement(IssueLikeDataTableView, {
       testId: "asset-datasource-table",
       status: status,
       columns: columns,
@@ -86,17 +85,17 @@ export var RenderAssetsContent = function RenderAssetsContent(props) {
   }, [columns, defaultVisibleColumnKeys, hasNextPage, loadDatasourceDetails, onNextPage, onVisibleColumnKeysChange, responseItems, status, visibleColumnKeys, modalRenderInstanceId]);
   if (isFetchingInitialData) {
     // Placing this check first as it's a priority before all others
-    return jsx(LoadingView, null);
+    return /*#__PURE__*/React.createElement(LoadingView, null);
   } else if (status === 'rejected') {
-    return jsx(RejectedView, null);
+    return /*#__PURE__*/React.createElement(RejectedView, null);
   } else if (status === 'unauthorized') {
-    return jsx(UnauthorizedView, null);
+    return /*#__PURE__*/React.createElement(UnauthorizedView, null);
   } else if (status === 'empty') {
-    return jsx(EmptyView, null);
+    return /*#__PURE__*/React.createElement(EmptyView, null);
   } else if (resolvedWithNoResults) {
-    return jsx(NoResultsView, null);
+    return /*#__PURE__*/React.createElement(NoResultsView, null);
   } else if (status === 'loading' && !columns.length) {
-    return jsx(LoadingView, null);
+    return /*#__PURE__*/React.createElement(LoadingView, null);
   }
   return issueLikeDataTableView;
 };

package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { CrystalBallSVG } from './assets/crystal-ball-svg';
 import { initialStateViewMessages } from './messages';
@@ -24,14 +22,14 @@ var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-managem
 export var InitialStateView = function InitialStateView() {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "assets-aql-datasource-modal--initial-state-view"
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: svgAndTextsWrapperStyles
-  }, jsx(CrystalBallSVG, null), jsx("div", {
+  }, /*#__PURE__*/React.createElement(CrystalBallSVG, null), /*#__PURE__*/React.createElement("div", {
     css: searchTitleStyles
-  }, formatMessage(initialStateViewMessages.searchTitle)), jsx("div", null, formatMessage(initialStateViewMessages.searchDescription)), jsx("a", {
+  }, formatMessage(initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
   }, formatMessage(initialStateViewMessages.learnMoreLink))));

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/** @jsx jsx */
 import { Fragment, useCallback, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import { ErrorMessage, Field } from '@atlaskit/form';
@@ -40,13 +39,13 @@ var searchButtonStyles = css({
 export var SEARCH_DEBOUNCE_MS = 350;
 var renderValidatorIcon = function renderValidatorIcon(value, error, meta) {
   if (value && meta !== null && meta !== void 0 && meta.validating) {
-    return jsx(Spinner, {
+    return /*#__PURE__*/React.createElement(Spinner, {
       size: "medium",
       testId: "assets-datasource-modal--aql-validating"
     });
   }
   if (value && error) {
-    return jsx(CrossCircleIcon, {
+    return /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: "label",
       primaryColor: "red",
       size: "medium",
@@ -54,14 +53,14 @@ var renderValidatorIcon = function renderValidatorIcon(value, error, meta) {
     });
   }
   if (value && meta.valid) {
-    return jsx(CheckCircleIcon, {
+    return /*#__PURE__*/React.createElement(CheckCircleIcon, {
       label: "label",
       primaryColor: "green",
       size: "medium",
       testId: "assets-datasource-modal--aql-valid"
     });
   }
-  return jsx(SearchIcon, {
+  return /*#__PURE__*/React.createElement(SearchIcon, {
     label: "label",
     size: "medium",
     testId: "assets-datasource-modal--aql-idle"
@@ -139,7 +138,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
       }
     });
   };
-  return jsx(FieldContainer, null, jsx(Field, {
+  return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
     name: aqlKey,
     defaultValue: value,
     validate: debouncedMemoizedValidation
@@ -147,29 +146,29 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
     var fieldProps = _ref3.fieldProps,
       meta = _ref3.meta,
       error = _ref3.error;
-    return jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
-      elemBeforeInput: jsx("span", {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Textfield, _extends({}, fieldProps, {
+      elemBeforeInput: /*#__PURE__*/React.createElement("span", {
         style: {
           paddingLeft: 6,
           width: 24
         }
       }, renderValidatorIcon(fieldProps.value, error, meta)),
-      elemAfterInput: jsx(Fragment, null, jsx(Tooltip, {
+      elemAfterInput: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
         content: formatMessage(searchInputMessages.helpTooltipText),
         position: "bottom"
-      }, jsx("a", {
+      }, /*#__PURE__*/React.createElement("a", {
         href: AQLSupportDocumentLink,
         target: "_blank",
         css: buttonBaseStyles
-      }, jsx(QuestionCircleIcon, {
+      }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
         label: "label",
         primaryColor: "var(--ds-icon, ".concat(N500, ")"),
         size: "medium",
         testId: "assets-datasource-modal-help"
-      }))), jsx(LoadingButton, {
+      }))), /*#__PURE__*/React.createElement(LoadingButton, {
         appearance: "primary",
         css: searchButtonStyles,
-        iconBefore: jsx(SearchIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
           label: formatMessage(searchInputMessages.placeholder),
           size: "medium"
         }),
@@ -181,6 +180,6 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
       })),
       placeholder: formatMessage(searchInputMessages.placeholder),
       testId: testId
-    })), fieldProps.value && error && message && jsx(ErrorMessage, null, message));
+    })), fieldProps.value && error && message && /*#__PURE__*/React.createElement(ErrorMessage, null, message));
   }));
 };

package/dist/esm/ui/assets-modal/search-container/aql-search-input/loading-state.js

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
 export var AssetsAqlSearchInputSkeleton = function AssetsAqlSearchInputSkeleton() {
-  return jsx(Skeleton, {
+  return /*#__PURE__*/React.createElement(Skeleton, {
     width: "100%",
     height: "40px",
     testId: "assets-datasource-modal--aql-search-input-skeleton"

package/dist/esm/ui/assets-modal/search-container/index.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import Form from '@atlaskit/form';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { AqlSearchInput } from './aql-search-input';
@@ -25,21 +23,21 @@ export var AssetsSearchContainer = function AssetsSearchContainer(props) {
       onSearch(aql, objectSchema.value);
     }
   };
-  return jsx(Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     onSubmit: onFormSubmit
   }, function (_ref) {
     var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
     var formProps = _ref.formProps;
-    return jsx(FormContainer, _extends({}, formProps, {
+    return /*#__PURE__*/React.createElement(FormContainer, _extends({}, formProps, {
       id: SEARCH_FORM_ID
-    }), jsx(FormRowContainer, {
+    }), /*#__PURE__*/React.createElement(FormRowContainer, {
       isNarrowGap: true
-    }, modalTitle, jsx(SchemaSelectContainer, null, jsx(AssetsObjectSchemaSelect, {
+    }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelect, {
       value: (_initialSearchData$ob = initialSearchData.objectSchema) !== null && _initialSearchData$ob !== void 0 ? _initialSearchData$ob : undefined,
       workspaceId: workspaceId,
       initialObjectSchemas: (_initialSearchData$ob2 = initialSearchData.objectSchemas) !== null && _initialSearchData$ob2 !== void 0 ? _initialSearchData$ob2 : undefined,
       classNamePrefix: "assets-datasource-modal--object-schema-select"
-    }))), jsx(FormRowContainer, null, jsx(AqlSearchInput, {
+    }))), /*#__PURE__*/React.createElement(FormRowContainer, null, /*#__PURE__*/React.createElement(AqlSearchInput, {
       value: (_initialSearchData$aq = initialSearchData.aql) !== null && _initialSearchData$aq !== void 0 ? _initialSearchData$aq : DEFAULT_AQL_QUERY,
       workspaceId: workspaceId,
       isSearching: isSearching

package/dist/esm/ui/assets-modal/search-container/loading-state.js

@@ -1,13 +1,11 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { AssetsAqlSearchInputSkeleton } from './aql-search-input/loading-state';
 import { AssetsObjectSchemaSelectSkeleton } from './object-schema-select/loading-state';
 import { FormContainer, FormRowContainer, SchemaSelectContainer } from './styled';
 export var AssetsSearchContainerLoading = function AssetsSearchContainerLoading(_ref) {
   var modalTitle = _ref.modalTitle;
-  return jsx(FormContainer, {
+  return /*#__PURE__*/React.createElement(FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, jsx(FormRowContainer, {
+  }, /*#__PURE__*/React.createElement(FormRowContainer, {
     isNarrowGap: true
-  }, modalTitle, jsx(SchemaSelectContainer, null, jsx(AssetsObjectSchemaSelectSkeleton, null))), jsx(FormRowContainer, null, jsx(AssetsAqlSearchInputSkeleton, null)));
+  }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(FormRowContainer, null, /*#__PURE__*/React.createElement(AssetsAqlSearchInputSkeleton, null)));
 };

package/dist/esm/ui/assets-modal/search-container/object-schema-select/index.js

@@ -6,9 +6,6 @@ var _excluded = ["onChange", "onFocus"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-
-import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
@@ -81,7 +78,7 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref) {
     }
     return undefined;
   };
-  return jsx(FieldContainer, null, jsx(Field, {
+  return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
     name: objectSchemaKey,
     defaultValue: selectedObjectSchema,
     validate: function validate(value) {
@@ -92,7 +89,7 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref) {
       _onChange = _ref3$fieldProps.onChange,
       onFocus = _ref3$fieldProps.onFocus,
       restFieldProps = _objectWithoutProperties(_ref3$fieldProps, _excluded);
-    return jsx(AsyncSelect, _extends({
+    return /*#__PURE__*/React.createElement(AsyncSelect, _extends({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

package/dist/esm/ui/assets-modal/search-container/object-schema-select/loading-state.js

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
 export var AssetsObjectSchemaSelectSkeleton = function AssetsObjectSchemaSelectSkeleton() {
-  return jsx(Skeleton, {
+  return /*#__PURE__*/React.createElement(Skeleton, {
     width: "100%",
     height: "40px",
     testId: "assets-datasource-modal--object-schema-select-skeleton"

package/dist/esm/ui/common/error-state/access-required.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
 import { N400 } from '@atlaskit/theme/colors';
@@ -23,16 +22,16 @@ var iconContainerStyles = css({
 var Description = function Description(_ref) {
   var message = _ref.message,
     url = _ref.url;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: descriptionMessageStyles
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: urlStyles
-  }, url), jsx("span", null, message));
+  }, url), /*#__PURE__*/React.createElement("span", null, message));
 };
 var IconContainer = function IconContainer() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: iconContainerStyles
-  }, jsx(AccessRequiredSVG, null));
+  }, /*#__PURE__*/React.createElement(AccessRequiredSVG, null));
 };
 export var AccessRequired = function AccessRequired(_ref2) {
   var url = _ref2.url;
@@ -46,17 +45,17 @@ export var AccessRequired = function AccessRequired(_ref2) {
     });
   }, [fireEvent]);
   if (url) {
-    return jsx(EmptyState, {
+    return /*#__PURE__*/React.createElement(EmptyState, {
       testId: "datasource--access-required-with-url",
       header: formatMessage(loadingErrorMessages.accessRequiredWithSite),
-      description: jsx(Description, {
+      description: /*#__PURE__*/React.createElement(Description, {
         message: formatMessage(loadingErrorMessages.accessInstructions),
         url: url
       }),
       renderImage: IconContainer
     });
   }
-  return jsx(EmptyState, {
+  return /*#__PURE__*/React.createElement(EmptyState, {
     testId: "datasource--access-required",
     header: formatMessage(loadingErrorMessages.accessRequired),
     description: formatMessage(loadingErrorMessages.accessInstructions),

package/dist/esm/ui/common/error-state/loading-error.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -33,17 +32,17 @@ export var LoadingError = function LoadingError(_ref) {
       reason: 'network'
     });
   }, [fireEvent]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource--loading-error"
-  }, jsx(LoadingErrorSVG, null), jsx("div", {
+  }, /*#__PURE__*/React.createElement(LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
     css: errorMessageContainerStyles
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: errorMessageStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadItems)), /*#__PURE__*/React.createElement("p", {
     css: errorDescriptionStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onRefresh
-  }, jsx(FormattedMessage, loadingErrorMessages.refresh))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh))));
 };

package/dist/esm/ui/common/error-state/modal-loading-error.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { LoadingErrorSVG } from './loading-error-svg';
@@ -33,22 +32,22 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
       reason: 'network'
     });
   }, [fireEvent]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource-modal--loading-error"
-  }, jsx(LoadingErrorSVG, null), jsx("div", {
+  }, /*#__PURE__*/React.createElement(LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
     css: errorMessageContainerStyles
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: errorMessageStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadResults)), jsx("p", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement("p", {
     css: errorDescriptionStyles
-  }, url ? jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
     values: {
       a: function a(chunk) {
-        return jsx("a", {
+        return /*#__PURE__*/React.createElement("a", {
           href: url
         }, chunk);
       }
     }
-  })) : jsx(FormattedMessage, loadingErrorMessages.checkConnection))));
+  })) : /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection))));
 };

package/dist/esm/ui/common/error-state/no-instances.js

@@ -1,5 +1,6 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+/* no-instances.tsx generated by @compiled/babel-plugin v0.26.1 */
+import { ax, ix } from "@compiled/react/runtime";
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { loadingErrorMessages } from './messages';
@@ -16,14 +17,14 @@ var containerStyles = xcss({
   marginTop: '60px'
 });
 export var NoInstancesView = function NoInstancesView() {
-  return jsx(Flex, {
+  return /*#__PURE__*/React.createElement(Flex, {
     testId: "no-jira-instances-content",
     direction: "column",
     alignItems: "center",
     xcss: containerStyles
-  }, jsx(NoInstancesSvg, null), jsx("span", {
+  }, /*#__PURE__*/React.createElement(NoInstancesSvg, null), /*#__PURE__*/React.createElement("span", {
     css: titleStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), jsx("span", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), /*#__PURE__*/React.createElement("span", {
     css: descriptionStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
 };