@atlaskit/link-datasource 1.24.5 → 1.24.7

package/dist/esm/services/{getAvailableJiraSites.js → getAvailableSites.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-export var getAvailableJiraSites = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+export var getAvailableSites = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(product) {
     var requestConfig, response, res;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -15,7 +15,7 @@ export var getAvailableJiraSites = /*#__PURE__*/function () {
               'Content-Type': 'application/json'
             },
             body: JSON.stringify({
-              products: ['jira-software.ondemand', 'jira-core.ondemand', 'jira-incident-manager.ondemand', 'jira-product-discovery', 'jira-servicedesk.ondemand']
+              products: product === 'confluence' ? ['confluence.ondemand'] : ['jira-software.ondemand', 'jira-core.ondemand', 'jira-incident-manager.ondemand', 'jira-product-discovery', 'jira-servicedesk.ondemand']
             })
           };
           _context.next = 3;
@@ -51,7 +51,7 @@ export var getAvailableJiraSites = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function getAvailableJiraSites() {
+  return function getAvailableSites(_x) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -34,7 +34,7 @@ export var LoadingError = function LoadingError(_ref) {
   }, [fireEvent]);
   return jsx("div", {
     css: errorContainerStyles,
-    "data-testid": "jira-jql-datasource--loading-error"
+    "data-testid": "datasource--loading-error"
   }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
   }, jsx("span", {

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

@@ -1,55 +1,111 @@
 import { defineMessages } from 'react-intl-next';
 export var loadingErrorMessages = defineMessages({
+  accessInstructionsDuplicate: {
+    id: 'linkDataSource.accessInstructions',
+    description: "Instructions to let the user know they must contact their site administrator in order to access this site's content",
+    defaultMessage: 'To request access, contact your site administrator.'
+  },
+  //delete and remove duplicate from title above
   accessInstructions: {
     id: 'linkDataSource.jira-issues.accessInstructions',
     description: "Instructions to let the user know they must contact their site administrator in order to access this site's content",
     defaultMessage: 'To request access, contact your site administrator.'
   },
+  accessRequiredDuplicate: {
+    id: 'linkDataSource.accessRequired',
+    description: 'Message letting user know that they do not have access to this content',
+    defaultMessage: "You don't have access to this content"
+  },
+  //delete and remove duplicate from title above
   accessRequired: {
     id: 'linkDataSource.jira-issues.accessRequired',
     description: 'Message letting user know that they do not have access to this content',
     defaultMessage: "You don't have access to this content"
   },
+  accessRequiredWithSiteDuplicate: {
+    id: 'linkDataSource.accessRequiredWithSite',
+    description: 'Message letting user know that they do not have access to the site that will be listed below this message',
+    defaultMessage: "You don't have access to the following site:"
+  },
+  //delete and remove duplicate from title above
   accessRequiredWithSite: {
     id: 'linkDataSource.jira-issues.accessRequiredWithSite',
     description: 'Message letting user know that they do not have access to the site that will be listed below this message',
     defaultMessage: "You don't have access to the following site:"
   },
+  checkConnectionDuplicate: {
+    id: 'linkDataSource.checkConnection',
+    description: 'Instructions to let the user know how to resolve the network error that occurred or to try again at a different time',
+    defaultMessage: 'Check your connection and refresh, or try again later.'
+  },
+  //delete and remove duplicate from title above
   checkConnection: {
     id: 'linkDataSource.jira-issues.checkConnection',
     description: 'Instructions to let the user know how to resolve the network error that occurred or to try again at a different time',
     defaultMessage: 'Check your connection and refresh, or try again later.'
   },
+  checkConnectionWithSourceDuplicate: {
+    id: 'linkDataSource.checkConnectionWithSource',
+    description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
+    defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
+  },
+  //delete and remove duplicate from title above
   checkConnectionWithSource: {
     id: 'linkDataSource.jira-issues.checkConnectionWithSource',
     description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
     defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
   },
+  noResultsFoundDuplicate: {
+    id: 'linkDataSource.noResultsFound',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'No results found'
+  },
+  //delete and remove duplicate from title above
   noResultsFound: {
     id: 'linkDataSource.jira-issues.noResultsFound',
     description: 'Status message letting the user know their query did not have any results',
     defaultMessage: 'No results found'
   },
+  refreshDuplicate: {
+    id: 'linkDataSource.refresh',
+    description: 'Button text to allow the user to refresh the table to see results',
+    defaultMessage: 'Refresh'
+  },
+  //delete and remove duplicate from title above
   refresh: {
     id: 'linkDataSource.jira-issues.refresh',
     description: 'Button text to allow the user to refresh the table to see results',
     defaultMessage: 'Refresh'
   },
+  unableToLoadItemsDuplicate: {
+    id: 'linkDataSource.unableToLoadItems',
+    description: 'Error state message letting the user know we were unable the load the requested list of items',
+    defaultMessage: 'Unable to load items'
+  },
+  //delete and remove duplicate from title above
   unableToLoadItems: {
     id: 'linkDataSource.jira-issues.unableToLoadItems',
     description: 'Error state message letting the user know we were unable the load the requested list of items',
     defaultMessage: 'Unable to load items'
   },
+  unableToLoadResultsDuplicate: {
+    id: 'linkDataSource.unableToLoadResults',
+    description: 'Error state message letting the user know we were unable the load the requested list of results',
+    defaultMessage: 'Unable to load results'
+  },
+  //delete and remove duplicate from title above
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',
     description: 'Error state message letting the user know we were unable the load the requested list of results',
     defaultMessage: 'Unable to load results'
   },
+  // delete once EDM-9407 is merged
   noAccessToJiraSitesTitle: {
     id: 'linkDataSource.jira-issues.no.jira.sites.access.title',
     description: 'Title that shows in the modal when user has no access to any Jira sites',
     defaultMessage: "You don't have access to any Jira sites"
   },
+  // delete once EDM-9407 is merged
   noAccessToJiraSitesDescription: {
     id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
     description: 'Description that shows in the modal when user has no access to any Jira sites',

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

@@ -34,7 +34,7 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
   }, [fireEvent]);
   return jsx("div", {
     css: errorContainerStyles,
-    "data-testid": "jira-jql-datasource-modal--loading-error"
+    "data-testid": "datasource-modal--loading-error"
   }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
   }, jsx("span", {

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

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { Flex, xcss } from '@atlaskit/primitives';
-import { loadingErrorMessages } from './messages';
 import { NoInstancesSvg } from './no-instances-svg';
 var titleStyles = css({
   font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -14,15 +13,20 @@ var descriptionStyles = css({
 var containerStyles = xcss({
   marginTop: '60px'
 });
-export var NoInstancesView = function NoInstancesView() {
+export var NoInstancesView = function NoInstancesView(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    testId = _ref.testId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   return jsx(Flex, {
-    testId: "no-jira-instances-content",
+    testId: testId,
     direction: "column",
     alignItems: "center",
     xcss: containerStyles
   }, jsx(NoInstancesSvg, null), jsx("span", {
     css: titleStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), jsx("span", {
+  }, formatMessage(title)), jsx("span", {
     css: descriptionStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
+  }, formatMessage(description)));
 };

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

@@ -28,7 +28,7 @@ export var NoResults = function NoResults(_ref) {
   }, [fireEvent]);
   return jsx("div", {
     css: noResultsContainerStyles,
-    "data-testid": "jira-jql-datasource-modal--no-results"
+    "data-testid": "datasource-modal--no-results"
   }, jsx("svg", {
     width: "131",
     height: "120",

package/dist/esm/ui/{jira-issues-modal → common}/initial-state-view/index.js

@@ -1,12 +1,8 @@
 /** @jsx jsx */
-
-import { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N300 } from '@atlaskit/theme/colors';
-import { InitialStateSVG } from './assets/initial-state-svg';
 import { initialStateViewMessages } from './messages';
 var initialStateViewContainerStyles = css({
   display: 'flex',
@@ -17,8 +13,7 @@ var svgAndTextsWrapperStyles = css({
   textAlign: 'center',
   alignSelf: 'center',
   paddingTop: "var(--ds-space-600, 48px)",
-  paddingBottom: "var(--ds-space-600, 48px)",
-  width: '260px'
+  paddingBottom: "var(--ds-space-600, 48px)"
 });
 var betaTagStyles = css({
   display: 'flex'
@@ -40,35 +35,31 @@ var learnMoreLinkStyles = css({
   paddingTop: "var(--ds-space-200, 16px)",
   display: 'inline-block'
 });
-var methodToDescriptionMessage = {
-  basic: initialStateViewMessages.searchDescriptionForBasicSearch,
-  jql: initialStateViewMessages.searchDescriptionForJQLSearch
-};
-var jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
 export var InitialStateView = function InitialStateView(_ref) {
-  var searchMethod = _ref.searchMethod;
-  var showBasicFilters = useMemo(function () {
-    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
-      return true;
-    }
-    return false;
-  }, []);
+  var icon = _ref.icon,
+    _ref$showBeta = _ref.showBeta,
+    showBeta = _ref$showBeta === void 0 ? false : _ref$showBeta,
+    title = _ref.title,
+    description = _ref.description,
+    learnMoreLink = _ref.learnMoreLink;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   return jsx("div", {
     css: initialStateViewContainerStyles,
-    "data-testid": "jlol-datasource-modal--initial-state-view"
+    "data-testid": "datasource-modal--initial-state-view"
   }, jsx("div", {
     css: svgAndTextsWrapperStyles
-  }, jsx(InitialStateSVG, null), jsx("div", {
+  }, icon, jsx("div", {
     css: searchTitleStyles
-  }, !showBasicFilters && jsx("div", {
+  }, showBeta && jsx("div", {
     css: betaTagStyles
   }, jsx(Lozenge, {
     appearance: "new"
-  }, jsx(FormattedMessage, initialStateViewMessages.beta))), jsx(FormattedMessage, initialStateViewMessages.searchTitle)), jsx("div", {
+  }, jsx(FormattedMessage, initialStateViewMessages.beta))), formatMessage(title)), jsx("div", {
     css: mainTextStyles
-  }, jsx(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? jsx("a", {
-    href: jqlSupportDocumentLink,
+  }, formatMessage(description)), learnMoreLink && jsx("a", {
+    href: learnMoreLink.href,
     target: "_blank",
     css: learnMoreLinkStyles
-  }, jsx(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+  }, formatMessage(learnMoreLink.text))));
 };

package/dist/esm/ui/{jira-issues-modal → common}/initial-state-view/messages.js

@@ -1,7 +1,7 @@
 import { defineMessages } from 'react-intl-next';
 export var initialStateViewMessages = defineMessages({
-  searchTitle: {
-    id: 'linkDataSource.modal-initial-state.searchTitle',
+  jiraSearchTitle: {
+    id: 'linkDataSource.modal-initial-state.jiraSearchTitle',
     description: 'The initial modal search state title that gives the user some idea about how to get information',
     defaultMessage: 'Search for Jira issues'
   },
@@ -10,6 +10,13 @@ export var initialStateViewMessages = defineMessages({
     description: 'Beta lozenge',
     defaultMessage: 'Beta'
   },
+  // everything below is a duplication from the work around EDM-9407
+  // needs to be cleaned up after that PR is merged
+  searchTitle: {
+    id: 'linkDataSource.modal-initial-state.searchTitle',
+    description: 'The initial modal search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for Jira issues'
+  },
   searchDescriptionForBasicSearch: {
     id: 'linkDataSource.modal-initial-state.searchDescription-basic',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',

package/dist/esm/ui/{jira-issues-modal → common/modal}/basic-search-input/index.js

@@ -23,8 +23,9 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     onChange = _ref.onChange,
     onSearch = _ref.onSearch,
     searchTerm = _ref.searchTerm,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'jira-jql-datasource-modal--basic-search-input' : _ref$testId;
+    fullWidth = _ref.fullWidth,
+    testId = _ref.testId,
+    placeholder = _ref.placeholder;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var handleFormSubmit = function handleFormSubmit(e) {
@@ -37,8 +38,9 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     }
     return false;
   }, []);
+  var isFullWidth = fullWidth || !showBasicFilters;
   return jsx("form", {
-    css: showBasicFilters ? formWithMaxWidthStyles : formStyles,
+    css: isFullWidth ? formStyles : formWithMaxWidthStyles,
     onSubmit: handleFormSubmit
   }, jsx(Textfield, {
     elemAfterInput: jsx(LoadingButton, {
@@ -54,12 +56,12 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
         return onSearch(searchTerm);
       },
       spacing: "none",
-      testId: "jira-jql-datasource-modal--basic-search-button"
+      testId: "".concat(testId, "--basic-search-button")
     }),
     autoFocus: true,
     onChange: onChange,
-    placeholder: formatMessage(basicSearchInputMessages.basicTextSearchLabel),
-    testId: testId,
+    placeholder: formatMessage(placeholder),
+    testId: "".concat(testId, "--basic-search-input"),
     value: searchTerm
   }));
 };

package/dist/esm/ui/{jira-issues-modal → common/modal}/basic-search-input/messages.js

@@ -1,5 +1,10 @@
 import { defineMessages } from 'react-intl-next';
 export var basicSearchInputMessages = defineMessages({
+  basicTextSearchLabelDuplicate: {
+    id: 'linkDataSource.configmodal.basicTextSearchPlaceholder',
+    description: 'Placeholder text for the search input box',
+    defaultMessage: 'Search for issues by keyword'
+  },
   basicTextSearchLabel: {
     id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder',
     description: 'Placeholder text for the search input box',

package/dist/esm/ui/common/modal/content-container/index.js

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
+import { Box, xcss } from '@atlaskit/primitives';
+import { N40 } from '@atlaskit/theme/colors';
+import { scrollableContainerShadowsCssComponents } from '../../../issue-like-table';
+var contentContainerStyles = xcss({
+  display: 'grid',
+  maxHeight: '420px',
+  overflow: 'auto',
+  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")")),
+  backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
+  backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
+  backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
+  backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
+  backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
+});
+var tableContainerStyles = xcss({
+  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+});
+export var ContentContainer = function ContentContainer(_ref) {
+  var children = _ref.children,
+    withTableBorder = _ref.withTableBorder;
+  return jsx(Box, {
+    xcss: [contentContainerStyles, withTableBorder && tableContainerStyles]
+  }, children);
+};

package/dist/esm/ui/{jira-issues-modal → common/modal}/site-selector/index.js

@@ -7,18 +7,27 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
 import Select from '@atlaskit/select';
-import { siteSelectorIndex } from '../../../common/zindex';
+import { siteSelectorIndex } from '../../../../common/zindex';
 import { siteSelectorMessages } from './messages';
+var dropdownContainerStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  gap: 'space.100',
+  minHeight: '40px' // to prevent vertical shifting when site selector pops in
+});
 var selectStyles = css({
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontSize: "var(--ds-font-size-100, 14px)",
   fontWeight: "var(--ds-font-weight-medium, 500)",
+  lineHeight: "var(--ds-space-250, 20px)",
   zIndex: siteSelectorIndex
 });
-export var JiraSiteSelector = function JiraSiteSelector(props) {
+export var SiteSelector = function SiteSelector(props) {
   var availableSites = props.availableSites,
     onSiteSelection = props.onSiteSelection,
-    selectedJiraSite = props.selectedJiraSite,
+    selectedSite = props.selectedSite,
+    label = props.label,
     testId = props.testId;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -38,11 +47,13 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
       };
     });
   }, [availableSites]);
-  var selectedSiteOption = selectedJiraSite && {
-    label: selectedJiraSite.displayName,
-    value: selectedJiraSite.cloudId
+  var selectedSiteOption = selectedSite && {
+    label: selectedSite.displayName,
+    value: selectedSite.cloudId
   };
-  return jsx("span", {
+  return jsx(Box, {
+    xcss: dropdownContainerStyles
+  }, formatMessage(label), availableSites && availableSites.length > 1 && jsx("span", {
     "data-testid": "".concat(testId, "--trigger")
   }, jsx(Select, {
     css: selectStyles,
@@ -65,5 +76,5 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
     },
     testId: testId,
     value: selectedSiteOption
-  }));
+  })));
 };

package/dist/esm/ui/{jira-issues-modal → common/modal}/site-selector/messages.js

@@ -1,5 +1,11 @@
 import { defineMessages } from 'react-intl-next';
 export var siteSelectorMessages = defineMessages({
+  chooseSiteDuplicate: {
+    id: 'linkDataSource.site-selector.configmodal.chooseSite',
+    description: 'Label for input letting user know they have to choose a site',
+    defaultMessage: 'Choose site'
+  },
+  // delete this and remove duplicate from above once EDM-9407 is merged
   chooseSite: {
     id: 'linkDataSource.jira-issues.configmodal.chooseSite',
     description: 'Label for input letting user know they have to choose a site',

package/dist/esm/ui/confluence-search-modal/index.js

@@ -0,0 +1,17 @@
+import React, { lazy, Suspense } from 'react';
+export var CONFLUENCE_SEARCH_DATASOURCE_ID = '768fc736-3af4-4a8f-b27e-203602bff8ca';
+var LazyConfluenceSearchConfigModal = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-confluencesearchmodal" */'./modal').then(function (module) {
+    return {
+      default: module.ConfluenceSearchConfigModal
+    };
+  });
+});
+var ConfluenceSearchConfigModalWithWrappers = function ConfluenceSearchConfigModalWithWrappers(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'confluence-search-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyConfluenceSearchConfigModal, props));
+};
+export default ConfluenceSearchConfigModalWithWrappers;

package/dist/esm/ui/confluence-search-modal/modal/confluence-search-initial-state-svg.js

@@ -0,0 +1,145 @@
+import React from 'react';
+export var ConfluenceSearchInitialStateSVG = function ConfluenceSearchInitialStateSVG() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "188",
+    height: "112",
+    viewBox: "0 0 188 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "25.5",
+    y: "1",
+    width: "127",
+    height: "97",
+    rx: "4",
+    fill: "white",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "24.5",
+    y1: "10",
+    x2: "152.5",
+    y2: "10",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "24.5",
+    y1: "32",
+    x2: "152.5",
+    y2: "32",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "24.5",
+    y1: "54",
+    x2: "152.5",
+    y2: "54",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "32",
+    y: "18",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "32",
+    y: "41",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "32",
+    y: "84",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "32",
+    y: "62",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "24.5",
+    y1: "76",
+    x2: "152.5",
+    y2: "76",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1_10772)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "72",
+    height: "72",
+    transform: "translate(100.5 40)",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M146.011 90.5858L142.602 87.2253L147.304 82.5063L150.713 85.8668C151.581 86.7186 152.678 87.3021 153.872 87.5471C155.063 87.8204 156.155 88.4139 157.03 89.2631L170.885 102.884C171.892 103.878 172.464 105.228 172.478 106.641C172.491 108.053 171.944 109.414 170.957 110.427C169.953 111.425 168.595 111.989 167.177 111.995C165.759 112.002 164.396 111.451 163.383 110.463L149.529 96.842C148.659 95.9778 148.049 94.8879 147.77 93.696C147.512 92.5065 146.899 91.4224 146.011 90.5858Z",
+    fill: "#CFD4DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M146.011 90.5858L144.971 89.549C144.659 89.243 144.412 88.8785 144.243 88.4765C144.074 88.0745 143.987 87.6431 143.987 87.2074C143.987 86.7717 144.074 86.3403 144.243 85.9383C144.412 85.5363 144.659 85.1718 144.971 84.8658C145.275 84.5532 145.64 84.3041 146.042 84.1329C146.444 83.9617 146.877 83.8718 147.314 83.8685C147.751 83.8652 148.185 83.9485 148.59 84.1135C148.995 84.2786 149.363 84.5222 149.672 84.8301L150.713 85.8668C151.581 86.7186 152.678 87.3021 153.872 87.547C155.063 87.8204 156.155 88.4139 157.03 89.263L170.885 102.884C171.892 103.878 172.464 105.228 172.478 106.641C172.491 108.053 171.944 109.414 170.957 110.427C169.953 111.425 168.595 111.989 167.177 111.995C165.759 112.002 164.396 111.451 163.383 110.463L149.529 96.842C148.659 95.9778 148.049 94.8879 147.77 93.696C147.512 92.5065 146.899 91.4224 146.011 90.5858Z",
+    fill: "#8270DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.2",
+    d: "M147.734 93.5887C147.458 92.4449 146.861 91.4032 146.011 90.5858L144.971 89.549C144.659 89.243 144.412 88.8785 144.243 88.4765C144.074 88.0745 143.987 87.6431 143.987 87.2074C143.987 86.7717 144.074 86.3403 144.243 85.9383C144.412 85.5363 144.659 85.1718 144.971 84.8658C145.275 84.5532 145.64 84.3041 146.042 84.1329C146.444 83.9617 146.877 83.8718 147.314 83.8685C147.752 83.8652 148.185 83.9485 148.59 84.1135C148.995 84.2786 149.363 84.5222 149.672 84.8301L150.713 85.8668C151.539 86.6914 152.586 87.2622 153.728 87.5113C152.888 88.6723 151.964 89.7714 150.965 90.8003C149.956 91.8048 148.876 92.7366 147.734 93.5887Z",
+    fill: "#403294"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M156.313 67.599C156.268 62.1046 154.591 56.7464 151.493 52.2003C148.395 47.6542 144.014 44.124 138.904 42.0551C133.794 39.9861 128.182 39.4712 122.778 40.5752C117.374 41.6792 112.42 44.3527 108.54 48.2583C105.959 50.8491 103.919 53.924 102.539 57.3052C101.159 60.6864 100.466 64.3067 100.5 67.9565C100.515 71.6054 101.255 75.2154 102.678 78.5778C104.101 81.9403 106.179 84.9888 108.791 87.5473C112.721 91.4036 117.71 94.0141 123.128 95.0494C128.545 96.0846 134.15 95.4982 139.234 93.3642C144.317 91.2302 148.652 87.6442 151.692 83.0587C154.732 78.4732 156.339 73.0937 156.313 67.599Z",
+    fill: "#66A3FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M114.678 51.6186C110.935 54.7774 108.407 59.1306 107.525 63.9371C106.643 68.7435 107.46 73.706 109.838 77.9797C112.216 82.2534 116.008 85.574 120.567 87.3761C125.127 89.1783 130.173 89.3507 134.846 87.8638C139.519 86.377 143.53 83.3229 146.197 79.2215C148.863 75.1202 150.02 70.2251 149.47 65.3697C148.92 60.5144 146.698 55.9989 143.181 52.5921C139.665 49.1853 135.071 47.0979 130.183 46.6851C127.4 46.4461 124.596 46.7591 121.935 47.6059C119.273 48.4527 116.807 49.8165 114.678 51.6186Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("mask", {
+    id: "mask0_1_10772",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "107",
+    y: "46",
+    width: "43",
+    height: "43"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M114.66 51.7782C110.928 54.9501 108.416 59.3122 107.55 64.1217C106.684 68.9312 107.519 73.8908 109.912 78.1561C112.305 82.4214 116.109 85.7287 120.675 87.5149C125.241 89.3011 130.287 89.4558 134.955 87.9526C139.623 86.4494 143.623 83.3813 146.275 79.2706C148.927 75.1599 150.067 70.2608 149.5 65.4074C148.933 60.554 146.695 56.0463 143.166 52.6519C139.638 49.2574 135.037 47.1861 130.148 46.7904C127.363 46.5612 124.561 46.884 121.902 47.7401C119.244 48.5962 116.782 49.9687 114.66 51.7782Z",
+    fill: "white"
+  })), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mask0_1_10772)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "-9.11658",
+    y: "60.6511",
+    width: "152.638",
+    height: "10.2857",
+    rx: "5.14286",
+    transform: "rotate(-0.200699 -9.11658 60.6511)",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M68.3882 50.885L151.465 50.594",
+    stroke: "#B7BDC8",
+    strokeWidth: "4"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "68.4865",
+    y1: "78.9508",
+    x2: "151.563",
+    y2: "78.6598",
+    stroke: "#B7BDC8",
+    strokeWidth: "4"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1_10772"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "72",
+    height: "72",
+    fill: "white",
+    transform: "translate(100.5 40)"
+  }))));
+};