\n Server Version: \n \n {serverGitRev.substring(0, 10)}\n \n
\n )}\n {serverVersion && (\n
\n Server Version: \n \n {serverVersion}\n \n
\n )}\n {uiVersion && (\n
\n UI Version: \n \n {uiVersion}\n \n
\n )}\n
\n
\n
\n );\n};\n\nexport default Footer;\n","export { default } from './Footer';\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Toast, Variant } from '@leafygreen-ui/toast';\n\nimport * as baseActions from 'baas-ui/actions';\nimport * as dataAPIActions from 'baas-ui/endpoints/data-api/actions';\nimport { AsyncDispatch } from 'baas-ui/redux_util';\nimport { getAppState } from 'baas-ui/selectors';\nimport { RootState } from 'baas-ui/types';\nimport rootUrl from 'baas-ui/urls';\n\nimport './data-api-enabled-toast.less';\n\nconst baseClassName = 'data-api-enabled-toast';\n\nexport enum TestSelector {\n RulesLink = 'rules-link',\n ToastBody = 'toast-body',\n}\n\nexport interface ReduxProps {\n open: boolean;\n rulesURL: string;\n hideDataAPIEnabledToast(): void;\n redirectTo(url: string): void;\n}\n\nexport const DataAPIEnabledToast = ({ open, rulesURL, hideDataAPIEnabledToast, redirectTo }: ReduxProps) => {\n return (\n \n Continue building your app by setting up Rules\n redirectTo(rulesURL)}\n >\n GO TO RULES\n \n \n }\n open={open}\n onClose={hideDataAPIEnabledToast}\n />\n );\n};\n\nconst mapStateToProps = (state: RootState) => {\n const {\n app: { groupId, id: appId },\n } = getAppState(state);\n const open = state.dataAPI.isDataAPIEnabledToastOpen;\n const appUrl = rootUrl.groups().group(groupId).apps().app(appId);\n const rulesURL = appUrl.rules().list();\n\n return { open, rulesURL };\n};\n\nconst mapDispatchToProps = (dispatch: AsyncDispatch) => ({\n redirectTo: (url: string) => dispatch(baseActions.redirectTo(url)),\n hideDataAPIEnabledToast: () => dispatch(dataAPIActions.hideDataAPIEnabledToast()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DataAPIEnabledToast);\n","import { SyncState } from 'admin-sdk';\n\nimport { DEFAULT_PARTITION_RULE_TEMPLATE, RawPartitionSyncConfig, RawQuerySyncConfig } from './types';\n\nexport const STATUS_TYPE_DEV_MODE = 'DEVELOPMENT_MODE';\nexport const STATUS_TYPE_SYNC_INIT = 'SYNC_INITIALIZATION';\nexport const STATUS_TYPE_SYNC_MIGRATION = 'SYNC_MIGRATION';\n\nexport const DEFAULT_RAW_TERMINATED_SYNC_CONFIG: RawPartitionSyncConfig = {\n state: SyncState.Terminated,\n database_name: '',\n partition: {\n key: '',\n permissions: DEFAULT_PARTITION_RULE_TEMPLATE.permissions,\n },\n last_disabled: 0,\n};\n\nexport const DEFAULT_RAW_TERMINATED_QUERY_SYNC_CONFIG: RawQuerySyncConfig = {\n state: SyncState.Terminated,\n database_name: '',\n queryable_fields_names: [],\n collection_queryable_fields_names: {},\n indexed_queryable_fields_names: [],\n permissions: '',\n};\n\n// 30s of polling at 3s per poll\nexport const DEFAULT_POLL_COUNT = 10;\n\nexport const MAX_OFFLINE_TIME_DEFAULT = 30;\nexport const MAX_OFFLINE_TIME_DISABLED = 0;\n\n// MAX_INCOMPATIBLE_COLLECTION_NAME_LENGTH is the maximum amount of characters\n// that a collection name can have before being truncated in the incompatible roles modal\nexport const MAX_INCOMPATIBLE_COLLECTION_NAME_LENGTH = 14;\n\n// MAX_INCOMPATIBLE_ROLE_NAME_LENGTH is the maximum amount of characters\n// that a role name can have before being truncated in the incompatible roles modal\nexport const MAX_INCOMPATIBLE_ROLE_NAME_LENGTH = 14;\n\n// COLLECTION_SECTION_LENGTH is the number of characters (including whitespace)\n// that the collection section must include in the incompatible roles modal\nexport const COLLECTION_SECTION_LENGTH = 23;\n\n// COLLECTION_SECTION_LEADING_WHITESPACE_LENGTH denotes the number of spaces that\n// precede the collection text in the incompatible roles modal\nexport const COLLECTION_SECTION_LEADING_WHITESPACE_LENGTH = 2;\n\n// MAX_ROLE_CHARS_PER_LINE denotes the limit for the number of characters\n// that a list of incompatible role names can take up for a particular collection before\n// having to create a new line for the remaining roles\nexport const MAX_ROLE_CHARS_PER_LINE = 20;\n\n// DEFAULT_HEADER_OVERFLOW_THRESHOLD gives the default window width (in pixels) threshold for\n// estimating whether the sync page header is already overflowing on component mount\nexport const DEFAULT_HEADER_OVERFLOW_THRESHOLD = 1450;\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Body } from '@leafygreen-ui/typography';\n\nimport CopyText from 'baas-ui/common/components/copy-text';\n\nexport interface Props {\n copyText: string;\n display: string;\n tooltipDisplay: string;\n onIconClick: () => void;\n}\n\nconst StyledSpan = styled.span`\n display: flex;\n align-items: center;\n`;\n\nconst StyledBody = styled(Body)`\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n`;\n\nexport enum TestSelector {\n BodySelector = 'body',\n}\n\nexport default function SideNavCopyText({ copyText, display, tooltipDisplay, onIconClick }: Props) {\n return (\n \n {display}\n \n \n );\n}\n","export { default } from './CopyText';\n","import React from 'react';\nimport { Link } from '@leafygreen-ui/typography';\n\nimport { externalLinks } from 'baas-ui/common/links';\nimport GuideContentBody from 'baas-ui/guides/content/body';\n\nexport enum TestSelector {\n FeedbackLink = 'feedback-link',\n}\n\nconst GuideFeedbackBlurb = () => (\n \n Was this guide helpful? We would love to hear your feedback \n \n here\n \n .\n \n);\n\nexport default GuideFeedbackBlurb;\n","export { default } from './GuideFeedbackBlurb';\n","import React from 'react';\nimport { Body } from '@leafygreen-ui/typography';\nimport { ConfirmDeprecated as Confirm } from 'stitch-ui-toolbox';\n\nimport DocLink from 'baas-ui/common/components/doc-link';\nimport { docLinks } from 'baas-ui/common/links';\n\nexport default function destructiveChangeAlert(error: string) {\n const confirmBody = (\n \n \n The changes you are trying to save are breaking and will require Sync to reinitialize. All clients will\n experience a{' '}\n \n Client Reset\n \n . Are you sure you want to save changes?\n \n {error}\n \n );\n return Confirm.confirm({\n confirmHeader: 'Reinitialize Sync: Breaking Changes',\n confirmBody,\n confirmButtonText: 'Save Changes & Reinitialize Sync',\n confirmButtonVariant: 'danger',\n });\n}\n","import React from 'react';\n\nconst AppsEmptyStateSVG = () => (\n \n);\n\nexport default AppsEmptyStateSVG;\n","import Spinner from './Spinner';\nimport SpinnerCircle from './SpinnerCircle';\n\nexport { Spinner, SpinnerCircle };\n","import { UpdateStateOptions } from 'heliotrope';\nimport { Store } from 'redux';\n\nimport { errorHandlerNotify } from 'baas-ui/error_util';\nimport { getAppState, getNavigationState, getUserProfileState } from 'baas-ui/selectors';\nimport { BaasEnvironment } from 'baas-ui/types';\n\nimport { EventLogger, EventProperties, TrackingEvent } from './types';\n\nlet registeredEventTracker: EventTracker;\n\nclass EventTracker {\n store: Store;\n\n env: BaasEnvironment;\n\n eventLogger: EventLogger;\n\n static register(config: { store: Store; env: BaasEnvironment; eventLogger: EventLogger }) {\n try {\n registeredEventTracker = new EventTracker(config);\n } catch (err) {\n errorHandlerNotify(err);\n }\n }\n\n static init(userId: string) {\n try {\n registeredEventTracker.init(userId);\n } catch (err) {\n errorHandlerNotify(err);\n }\n }\n\n static reset() {\n try {\n registeredEventTracker.reset();\n } catch (err) {\n errorHandlerNotify(err);\n }\n }\n\n static logEvent(event: TrackingEvent, properties?: EventProperties) {\n return registeredEventTracker.logEvent(event, properties);\n }\n\n static updateState(stateOptions: UpdateStateOptions) {\n try {\n registeredEventTracker.updateState(stateOptions);\n } catch (err) {\n errorHandlerNotify(err);\n }\n }\n\n constructor({ store, env, eventLogger }: { store: Store; env: BaasEnvironment; eventLogger: EventLogger }) {\n this.env = env;\n this.store = store;\n this.eventLogger = eventLogger;\n }\n\n init(userId: string) {\n this.eventLogger.init(userId);\n }\n\n reset() {\n this.eventLogger.reset();\n }\n\n updateState(stateOptions: UpdateStateOptions) {\n this.eventLogger.updateState(stateOptions);\n }\n\n logEvent(event: TrackingEvent, properties?: EventProperties) {\n const state = this.store.getState();\n const { app: { id: appId = '', clientAppId = '', groupId = '' } = {} } = getAppState(state) || {};\n const { userId } = getUserProfileState(state) || {};\n const { organization: { orgId = '' } = {} } = getNavigationState(state) || {};\n\n const { eventType, actionFn, context } = event;\n let { action = '' } = event;\n\n if (actionFn) {\n action = actionFn(properties || {});\n }\n\n const stringifiedProperties = Object.entries(properties || {}).reduce(\n (acc, [key, value]) => ({\n ...acc,\n [key]: typeof value === 'object' ? JSON.stringify(value) : value,\n }),\n {}\n );\n\n const eventProperties: { [key: string]: string } = {\n action,\n env: this.env,\n customer_id: userId,\n ...stringifiedProperties,\n };\n\n if (context) {\n eventProperties.context = context;\n }\n\n if (appId) {\n eventProperties.app_id = appId;\n }\n\n if (clientAppId) {\n eventProperties.client_app_id = clientAppId;\n }\n\n if (groupId) {\n eventProperties.group_id = groupId;\n }\n\n if (orgId) {\n eventProperties.org_id = orgId;\n }\n\n return this.eventLogger.logEvent(eventType, eventProperties);\n }\n}\n\nexport default EventTracker;\n","export * from './collection-explorer-context';\nexport * from './collection-explorer';\n","import React from 'react';\nimport Button from '@leafygreen-ui/button';\nimport Icon from '@leafygreen-ui/icon';\nimport { Menu, MenuItem } from '@leafygreen-ui/menu';\nimport { palette } from '@leafygreen-ui/palette';\nimport Tooltip from '@leafygreen-ui/tooltip';\n\nimport { ZIndex } from 'baas-ui/common/styles/zIndex';\nimport { stopPropagation } from 'baas-ui/util';\n\nexport interface Props {\n editConfig(): void;\n unlink(): void;\n}\n\nexport enum TestSelector {\n EditConfigItem = 'dropdown-edit-config-item',\n EditRulesItem = 'dropdown-edit-rules-item',\n UnlinkItem = 'dropdown-unlink',\n}\n\nfunction DataLakeActionsDropdown({ editConfig, unlink }: Props) {\n return (\n e.stopPropagation()}>\n \n \n }\n >\n \n \n \n Unlink Data Source\n \n \n );\n}\n\nexport default DataLakeActionsDropdown;\n","import React, { useContext, useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport styled from '@emotion/styled';\nimport ConfirmationModal, { Variant } from '@leafygreen-ui/confirmation-modal';\nimport Icon from '@leafygreen-ui/icon';\nimport { SegmentedControl, SegmentedControlOption } from '@leafygreen-ui/segmented-control';\nimport Tooltip from '@leafygreen-ui/tooltip';\nimport { useThemeValue } from '@mongodb-js/darkreader';\n\nimport { DataSourceData } from 'baas-ui/common/components/collection-explorer/collection-explorer/CollectionExplorer';\nimport { LoadingWrapper } from 'baas-ui/common/components/loading-wrapper';\nimport { useLocalStorage } from 'baas-ui/common/hooks/use-local-storage';\nimport { showRolesAndFiltersOnStartKey } from 'baas-ui/common/local-storage-keys';\nimport { ZIndex } from 'baas-ui/common/styles/zIndex';\nimport { AsyncDispatch } from 'baas-ui/redux_util';\nimport { loadDefaultRule, loadNamespaceRule } from 'baas-ui/rules/actions';\nimport AdvancedViewComponent from 'baas-ui/rules/advanced-view/AdvancedView';\nimport { RulesPageCollectionData } from 'baas-ui/rules/dataSourceData';\nimport { RulesPageCollectionExplorerContext } from 'baas-ui/rules/RulesPage';\nimport { SyncIncompatibleRolesByDataSourceId } from 'baas-ui/rules/types';\nimport * as RulesPageCtx from 'baas-ui/rules/useRulesPageContext';\nimport { deepCopyRule, isNamespaceRule, isRuleAdvanced } from 'baas-ui/rules/utils';\nimport { useDarkMode } from 'baas-ui/theme';\nimport { track } from 'baas-ui/tracking';\nimport { RootState } from 'baas-ui/types';\nimport {\n MongoDBBaseRule,\n MongoDBNamespaceRule,\n MongoDBRuleFilter,\n MongoDBRuleRole,\n MongoDBSyncIncompatibilityError,\n PresetRole,\n} from 'admin-sdk';\n\nimport RolesAndFilters, { RolesAndFiltersTab } from './roles-and-filters/RolesAndFilters';\nimport SelectCollectionEmptyState from './select-collection-empty-state/SelectCollectionEmptyState';\nimport { ModalStep } from './understanding-roles-and-filters-modal/UnderstandingRolesAndFiltersModal';\nimport EditFilterForm from './edit-filter-form';\nimport EditRoleForm from './edit-role-form';\nimport UnderstandingRolesAndFiltersModal from './understanding-roles-and-filters-modal';\n\nexport enum TestSelector {\n AdvancedOption = 'advanced-option',\n AdvancedTooltip = 'advanced-tooltip',\n AdvancedView = 'advanced-view',\n ApplyWhenModal = 'apply-when-modal',\n ApplyWhenModalCode = 'apply-when-modal-code',\n CancelChangesModal = 'cancel-changes-modal',\n CardOption = 'card-option',\n CardTooltip = 'card-tooltip',\n EditFilter = 'edit-filter',\n EditRole = 'edit-role',\n ErrorBanner = 'error-banner',\n RolesAndFiltersC = 'roles-and-filters',\n ViewerLoadingWrapper = 'rule-viewer-loading-wrapper',\n}\n\nexport enum ViewerState {\n Loading,\n RolesAndFiltersS,\n SelectCollection,\n AdvancedView,\n AddFilter,\n EditFilter,\n AddRole,\n EditRole,\n}\n\nexport enum RuleView {\n Card = 'card',\n Advanced = 'advanced',\n}\n\nexport enum ActiveIndex {\n None = -1,\n}\n\nconst StyledRuleViewer = styled.div`\n width: 100%;\n min-width: 550px;\n height: 100%;\n background: ${({ color }) => color};\n`;\n\nconst StyledLoadingWrapper = styled(LoadingWrapper)`\n height: calc(100% - 45px);\n`;\n\nexport const getActiveRoleIncompatibilities = (\n activeRule: MongoDBNamespaceRule | MongoDBBaseRule | undefined,\n activeRoleIdx: number,\n selectedDataSourceData: DataSourceData | null,\n selectedNamespace: string | null,\n syncIncompatibleRolesByDataSourceId: SyncIncompatibleRolesByDataSourceId\n): MongoDBSyncIncompatibilityError[] => {\n const activeRuleHasRoles = activeRule && activeRule.roles && activeRule.roles.length > 0;\n if (!activeRuleHasRoles || activeRoleIdx === ActiveIndex.None || !selectedDataSourceData || !selectedNamespace) {\n return [];\n }\n\n const activeRole = activeRule!.roles![activeRoleIdx];\n const syncIncompatibleRolesForActiveDS = syncIncompatibleRolesByDataSourceId[selectedDataSourceData.dataSourceId];\n if (!syncIncompatibleRolesForActiveDS) {\n return [];\n }\n\n // NB: selectedNamespace is either formatted as 'dataSourceName:databaseName:collectionName'\n // or as 'dataSourceName'\n const selectedNsArr = selectedNamespace.split(':', 3);\n const isDefaultRule = selectedNsArr.length < 3;\n if (isDefaultRule) {\n const incompatibleDefaultRoles = syncIncompatibleRolesForActiveDS.defaultRoles;\n if (!incompatibleDefaultRoles) {\n return [];\n }\n\n const matchingIncompatibleRole = incompatibleDefaultRoles.find((role) => role.name === activeRole.name);\n if (!matchingIncompatibleRole) {\n return [];\n }\n\n return matchingIncompatibleRole.errors;\n }\n\n const selectedDatabase = selectedNsArr[1];\n const selectedCollection = selectedNsArr[2];\n\n const incompatibleNamespaceRoles = syncIncompatibleRolesForActiveDS.namespaceRoles;\n if (!incompatibleNamespaceRoles) {\n return [];\n }\n\n const matchingIncompatibleRole = incompatibleNamespaceRoles.find(\n (role) =>\n role.name === activeRole.name && role.database === selectedDatabase && role.collection === selectedCollection\n );\n if (!matchingIncompatibleRole) {\n return [];\n }\n\n return matchingIncompatibleRole.errors;\n};\n\nexport interface Props {\n setRulesPageError: (errMsg: string) => void;\n}\n\nexport const RuleViewerComponent = ({ setRulesPageError }: Props) => {\n const dispatch = useDispatch();\n const { id: appId, groupId } = useSelector((state: RootState) => state.app.app);\n\n const [isLoadingRule, setIsLoadingRule] = useState(false);\n const [viewerState, setViewerState] = useState(ViewerState.Loading);\n const [rolesAndFiltersTab, setRolesAndFiltersTab] = useState(RolesAndFiltersTab.Roles);\n const [activeFilterIdx, setActiveFilterIdx] = useState(ActiveIndex.None);\n const [activeRoleIdx, setActiveRoleIdx] = useState(ActiveIndex.None);\n const [waitingToSavePresetRoles, setWaitingToSavePresetRoles] = useState(false);\n const [isCancelChangesModalOpen, setIsCancelChangesModalOpen] = useState(false);\n const [showRolesAndFiltersModalOnStart, setShowRolesAndFiltersModalOnStart] = useLocalStorage(\n showRolesAndFiltersOnStartKey(appId),\n true\n );\n const [openRolesAndFiltersModal, setOpenRolesAndFiltersModal] = useState(showRolesAndFiltersModalOnStart);\n\n const {\n isLoading: isContextLoading,\n hasCollections,\n selectedCollectionData,\n selectedDataSourceData,\n selectedNamespace,\n } = useContext(RulesPageCollectionExplorerContext);\n\n const {\n activeRule,\n pristineRule,\n deletingCollections,\n deletingDatabases,\n deletingDatasources,\n selectedDataSource,\n rulesDispatchActions: {\n deleteFilterOnActiveRuleByIdx,\n deleteRoleOnActiveRuleByIdx,\n pushFilterOnActiveRule,\n pushRoleOnActiveRule,\n replaceFilterOnActiveRuleByIdx,\n replaceRoleOnActiveRuleByIdx,\n setActiveRule,\n swapRolesOnActiveRule,\n pushRolesOnActiveRule,\n },\n setPristineRule,\n setSelectedDataSource,\n saveRule,\n setHasClientValidationError,\n setOnDiscardChanges,\n syncIncompatibleRolesByDataSourceId,\n partialDataSources,\n partialRulesByDataSourceId,\n } = RulesPageCtx.useRulesPageContext();\n\n const darkMode = useDarkMode();\n\n useEffect(() => {\n setOnDiscardChanges(() => setIsCancelChangesModalOpen(true));\n\n let hasRulesConfiguration = false;\n Object.keys(partialRulesByDataSourceId).forEach((dataSourceId) => {\n if (partialRulesByDataSourceId[dataSourceId].length) hasRulesConfiguration = true;\n });\n setOpenRolesAndFiltersModal(!hasRulesConfiguration && showRolesAndFiltersModalOnStart);\n }, []);\n\n useEffect(() => {\n if (waitingToSavePresetRoles) {\n saveRule();\n setWaitingToSavePresetRoles(false);\n }\n }, [activeRule?.roles]);\n\n useEffect(() => {\n if (selectedNamespace) {\n setRolesAndFiltersTab(RolesAndFiltersTab.Roles);\n setViewerState(ViewerState.RolesAndFiltersS);\n } else if (!selectedNamespace && hasCollections) {\n setViewerState(ViewerState.SelectCollection);\n }\n }, [hasCollections, selectedNamespace]);\n\n useEffect(() => {\n if (!selectedNamespace) {\n return;\n }\n\n const [dsName, dbName, collName] = selectedNamespace.split(':', 3);\n\n const fetchAndSetDefaultRule = () => {\n const dataSource = partialDataSources.find((ds) => ds.name === dsName);\n const dataSourceId = dataSource?.id;\n if (dataSourceId) {\n setIsLoadingRule(true);\n dispatch(loadDefaultRule({ groupId, appId, dataSourceId }))\n .then((defaultRule) => {\n if (defaultRule) {\n setPristineRule(deepCopyRule(defaultRule));\n setActiveRule(defaultRule);\n }\n })\n\n .catch((error) => {\n // Suppress 404s for the default rule\n if (error?.response?.status !== 404) {\n setRulesPageError(error.message);\n }\n setPristineRule(undefined);\n setActiveRule(new MongoDBBaseRule());\n })\n .finally(() => {\n setIsLoadingRule(false);\n });\n }\n };\n\n const fetchAndSetNamespaceRule = () => {\n const dataSourceId = selectedDataSourceData?.dataSourceId;\n const partialRule = selectedCollectionData?.data?.partialRule;\n const partialRuleId = partialRule?.id;\n\n // Fetch namespace rule if there's a partial rule match, else construct a new namespace rule\n if (partialRuleId && dataSourceId) {\n setIsLoadingRule(true);\n dispatch(loadNamespaceRule({ groupId, appId, dataSourceId, ruleId: partialRuleId }))\n .then((rule) => {\n if (rule && isNamespaceRule(rule)) {\n setPristineRule(deepCopyRule(rule));\n setActiveRule(rule);\n }\n })\n .catch((error) => {\n // Suppress 404s for the namespace rule\n if (error?.response?.status !== 404) {\n setRulesPageError(error.message);\n }\n setPristineRule(undefined);\n setActiveRule(undefined);\n })\n .finally(() => {\n setIsLoadingRule(false);\n });\n } else if (selectedCollectionData?.namespace) {\n const [, databaseName, collectionName] = selectedCollectionData.namespace.split(':', 3);\n setPristineRule(undefined);\n setActiveRule(new MongoDBNamespaceRule({ database: databaseName, collection: collectionName }));\n }\n };\n\n // Detects a default/namespace rule change between data sources\n const selectedDataSourceHasChanged = selectedDataSource && dsName !== selectedDataSource;\n // Detects a namespace rule change within the same data source\n const namespaceRuleHasChanged =\n activeRule &&\n isNamespaceRule(activeRule) &&\n (activeRule.database !== dbName || activeRule.collection !== collName);\n // Detects when a namespace rule is selected after a default rule on the same data sources\n const nsRuleSelectedAfterDefault = activeRule && !isNamespaceRule(activeRule) && dbName;\n\n if (!activeRule || namespaceRuleHasChanged || selectedDataSourceHasChanged || nsRuleSelectedAfterDefault) {\n setSelectedDataSource(dsName);\n if (!isLoadingRule) {\n if (selectedDataSourceData && selectedNamespace === selectedCollectionData?.namespace) {\n fetchAndSetNamespaceRule();\n } else {\n fetchAndSetDefaultRule();\n }\n }\n }\n }, [\n selectedNamespace,\n selectedCollectionData,\n selectedDataSourceData,\n activeRule,\n selectedDataSource,\n setActiveRule,\n setPristineRule,\n setSelectedDataSource,\n ]);\n\n const baseTrackingFields = {\n ruleId: activeRule?.id,\n dataSourceName: selectedDataSource,\n ...(activeRule && isNamespaceRule(activeRule)\n ? {\n databaseName: activeRule.database,\n collectionName: activeRule.collection,\n }\n : undefined),\n };\n\n useEffect(() => {\n if (activeRule && viewerState !== ViewerState.AdvancedView && isRuleAdvanced(activeRule)) {\n setViewerState(ViewerState.AdvancedView);\n }\n }, [activeRule]);\n\n const handleAddFilterClick = () => {\n track('RULES_CONFIGURATION.ADD_FILTER_CLICKED', {\n ...baseTrackingFields,\n });\n setActiveFilterIdx(ActiveIndex.None);\n setViewerState(ViewerState.AddFilter);\n pushFilterOnActiveRule(new MongoDBRuleFilter());\n setActiveFilterIdx(activeRule?.filters ? activeRule.filters.length : 0);\n };\n\n const handleEditFilterClick = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.EDIT_FILTER_CLICKED', {\n ...baseTrackingFields,\n idx,\n name: activeRule?.filters && activeRule.filters[idx].name,\n });\n setActiveFilterIdx(idx);\n setViewerState(ViewerState.EditFilter);\n };\n\n const handleFilterOnClickBackOrCancel = () => {\n const ruleIsNamespaceRule = activeRule && isNamespaceRule(activeRule);\n track(\n ruleIsNamespaceRule\n ? 'RULES_CONFIGURATION.COLLECTION_CHANGES_DISCARDED'\n : 'RULES_CONFIGURATION.DEFAULT_RULE_CHANGES_DISCARDED',\n { ...baseTrackingFields, formType: 'Filter' }\n );\n setActiveRule(pristineRule);\n setHasClientValidationError(false);\n setRolesAndFiltersTab(RolesAndFiltersTab.Filters);\n setActiveFilterIdx(ActiveIndex.None);\n setViewerState(ViewerState.RolesAndFiltersS);\n setOnDiscardChanges(() => setIsCancelChangesModalOpen(true));\n };\n\n const handleDeleteFilter = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.FILTER_REMOVED', {\n ...baseTrackingFields,\n idx,\n name: activeRule?.filters && activeRule.filters[idx].name,\n });\n deleteFilterOnActiveRuleByIdx({ idx });\n };\n\n const handleAddPresetRoleClick = (presetRole: PresetRole) => {\n pushRolesOnActiveRule(presetRole.roles);\n setViewerState(ViewerState.RolesAndFiltersS);\n setWaitingToSavePresetRoles(true);\n };\n\n const handleAddRoleFromScratchClick = () => {\n track('RULES_CONFIGURATION.CREATE_ROLE_FROM_SCRATCH_CLICKED', {\n ...baseTrackingFields,\n });\n setActiveRoleIdx(ActiveIndex.None);\n setViewerState(ViewerState.AddRole);\n pushRoleOnActiveRule(new MongoDBRuleRole());\n setActiveRoleIdx(activeRule?.roles ? activeRule.roles.length : 0);\n };\n\n const handleEditRoleClick = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.EDIT_ROLE_CLICKED', {\n ...baseTrackingFields,\n idx,\n name: activeRule?.roles && activeRule.roles[idx].name,\n });\n setActiveRoleIdx(idx);\n setViewerState(ViewerState.EditRole);\n };\n\n const handleRoleOnClickBackOrCancel = () => {\n const ruleIsNamespaceRule = activeRule && isNamespaceRule(activeRule);\n track(\n ruleIsNamespaceRule\n ? 'RULES_CONFIGURATION.COLLECTION_CHANGES_DISCARDED'\n : 'RULES_CONFIGURATION.DEFAULT_RULE_CHANGES_DISCARDED',\n { ...baseTrackingFields, formType: 'Role' }\n );\n setActiveRule(pristineRule);\n setHasClientValidationError(false);\n setRolesAndFiltersTab(RolesAndFiltersTab.Roles);\n setActiveRoleIdx(ActiveIndex.None);\n setViewerState(ViewerState.RolesAndFiltersS);\n setOnDiscardChanges(() => setIsCancelChangesModalOpen(true));\n };\n\n const handleDeleteRole = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.ROLE_REMOVED', {\n ...baseTrackingFields,\n idx,\n name: activeRule?.roles && activeRule.roles[idx].name,\n });\n deleteRoleOnActiveRuleByIdx({ idx });\n };\n\n const decrementRole = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.ROLE_REORDERED', {\n ...baseTrackingFields,\n oldIdx: idx,\n newIdx: idx - 1,\n name: activeRule?.roles && activeRule.roles[idx].name,\n });\n swapRolesOnActiveRule({ idx, swapIdx: idx - 1 });\n };\n\n const incrementRole = (_: string, idx: number) => {\n track('RULES_CONFIGURATION.ROLE_REORDERED', {\n ...baseTrackingFields,\n oldIdx: idx,\n newIdx: idx + 1,\n name: activeRule?.roles && activeRule.roles[idx].name,\n });\n swapRolesOnActiveRule({ idx, swapIdx: idx + 1 });\n };\n\n let isDeletingOwnRule = false;\n if (selectedNamespace) {\n const [datasourceName, databaseName, collectionName] = selectedNamespace.split(':');\n const isDeletingFromCurrentCollection = deletingCollections?.has(collectionName);\n const isDeletingFromCurrentDatabase = deletingDatabases?.has(databaseName);\n const isDeletingFromCurrentDatasource = deletingDatasources?.has(datasourceName);\n\n isDeletingOwnRule =\n isDeletingFromCurrentCollection || isDeletingFromCurrentDatabase || isDeletingFromCurrentDatasource;\n }\n\n const isLoading = isContextLoading || isLoadingRule;\n\n const onChangeRole = (role: MongoDBRuleRole) => {\n replaceRoleOnActiveRuleByIdx({ role, idx: activeRoleIdx });\n };\n\n const onChangeFilter = (filter: MongoDBRuleFilter) => {\n replaceFilterOnActiveRuleByIdx({ filter, idx: activeFilterIdx });\n };\n\n const advancedModeToggle = (\n {\n const advancedModeToggled = value === RuleView.Advanced;\n setViewerState(advancedModeToggled ? ViewerState.AdvancedView : ViewerState.RolesAndFiltersS);\n\n track(\n advancedModeToggled\n ? 'RULES_CONFIGURATION.ROLES_ADVANCED_MODE_VIEW_TOGGLED'\n : 'RULES_CONFIGURATION.ROLES_CARD_VIEW_TOGGLED',\n baseTrackingFields\n );\n }}\n >\n \n \n \n \n }\n >\n Card View\n \n \n \n \n \n \n }\n >\n Advanced View\n \n \n \n );\n\n let ruleView = ;\n switch (viewerState) {\n case ViewerState.AddFilter:\n ruleView = (\n \n );\n break;\n case ViewerState.EditFilter:\n if (activeRule?.filters?.length) {\n ruleView = (\n \n );\n }\n break;\n case ViewerState.AddRole:\n ruleView = (\n \n );\n break;\n case ViewerState.EditRole:\n if (activeRule?.roles?.length) {\n ruleView = (\n \n );\n }\n break;\n case ViewerState.RolesAndFiltersS:\n if (activeRule) {\n ruleView = (\n setOpenRolesAndFiltersModal(true)}\n roles={activeRule.roles || []}\n selectedTabValue={rolesAndFiltersTab}\n setSelectedTabValue={setRolesAndFiltersTab}\n setViewerState={setViewerState}\n setRulesPageError={setRulesPageError}\n />\n );\n }\n break;\n case ViewerState.AdvancedView:\n ruleView = (\n setIsCancelChangesModalOpen(true)}\n />\n );\n break;\n default:\n }\n\n const themeValue = useThemeValue(darkMode);\n const editorColor = themeValue({ dark: 'grayDark4', light: 'grayLight3' });\n return (\n \n \n {!isLoading && ruleView}\n {\n const ruleIsNamespaceRule = activeRule && isNamespaceRule(activeRule);\n track(\n ruleIsNamespaceRule\n ? 'RULES_CONFIGURATION.COLLECTION_CHANGES_DISCARDED'\n : 'RULES_CONFIGURATION.DEFAULT_RULE_CHANGES_DISCARDED',\n { ...baseTrackingFields }\n );\n setActiveRule(pristineRule);\n setHasClientValidationError(false);\n setRolesAndFiltersTab(RolesAndFiltersTab.Roles);\n setActiveFilterIdx(ActiveIndex.None);\n setActiveRoleIdx(ActiveIndex.None);\n setViewerState(isRuleAdvanced(pristineRule) ? ViewerState.AdvancedView : ViewerState.RolesAndFiltersS);\n setIsCancelChangesModalOpen(false);\n },\n }}\n cancelButtonProps={{\n onClick: () => setIsCancelChangesModalOpen(false),\n }}\n variant={Variant.Danger}\n open={isCancelChangesModalOpen}\n data-test-selector={TestSelector.CancelChangesModal}\n data-cy={TestSelector.CancelChangesModal}\n style={{ zIndex: ZIndex.Modal }}\n >\n Are you sure you want to discard your changes to the current rule?\n \n {\n if (showRolesAndFiltersModalOnStart && !open) {\n setShowRolesAndFiltersModalOnStart(false);\n track('RULES_CONFIGURATION.UNDERSTANDING_ROLES_AND_FILTERS_MODAL_VIEWED');\n }\n setOpenRolesAndFiltersModal(open);\n }}\n activeModalStep={\n rolesAndFiltersTab === RolesAndFiltersTab.Filters ? ModalStep.FilteringQueries : ModalStep.DefiningRoles\n }\n />\n \n \n );\n};\n\nexport default RuleViewerComponent;\n","import { JsonObject, JsonProperty } from 'json2typescript';\n\nimport { DateConverter, dateToISO8601 } from '../../Converter';\n\nexport enum MeasurementGroupGranularity {\n Monthly = 'P31D',\n Hourly = 'PT1H',\n}\n\n@JsonObject('DataPoint')\nexport class DataPoint {\n @JsonProperty('timestamp', DateConverter)\n public timestamp: Date = new Date();\n\n @JsonProperty('value')\n public value = 0;\n\n constructor(partial?: Partial) {\n Object.assign(this, partial);\n }\n}\n\nexport enum MeasurementName {\n ComputeTime = 'compute_time',\n DataOut = 'data_out',\n RequestCount = 'request_count',\n SyncTime = 'sync_time',\n}\n\nexport enum MeasurementUnit {\n None = '',\n Gigabytes = 'GIGABYTES',\n GigabyteSeconds = 'GIGABYTE_SECONDS',\n Hours = 'HOURS',\n Minutes = 'MINUTES',\n}\n\n@JsonObject('Measurement')\nexport class Measurement {\n @JsonProperty('name')\n public name: MeasurementName = MeasurementName.DataOut;\n\n @JsonProperty('units')\n public units: MeasurementUnit = MeasurementUnit.None;\n\n @JsonProperty('data_points', [DataPoint])\n public dataPoints: DataPoint[] = [];\n\n constructor(partial?: Partial) {\n Object.assign(this, partial);\n }\n}\n\ninterface MeasurementGroup {\n start: Date;\n\n end: Date;\n\n granularity: MeasurementGroupGranularity;\n\n measurements: Measurement[];\n}\n\n@JsonObject('AppMeasurementGroup')\nexport class AppMeasurementGroup implements MeasurementGroup {\n @JsonProperty('app_name')\n public appName = '';\n\n @JsonProperty('group_id')\n public groupId = '';\n\n @JsonProperty('app_id')\n public appId = '';\n\n @JsonProperty('start', DateConverter)\n public start: Date = new Date();\n\n @JsonProperty('end', DateConverter)\n public end: Date = new Date();\n\n @JsonProperty('granularity')\n public granularity: MeasurementGroupGranularity = MeasurementGroupGranularity.Monthly;\n\n @JsonProperty('measurements', [Measurement])\n public measurements: Measurement[] = [];\n\n constructor(partial?: Partial) {\n Object.assign(this, partial);\n }\n}\n\n@JsonObject('GroupMeasurementGroup')\nexport class GroupMeasurementGroup implements MeasurementGroup {\n @JsonProperty('group_id')\n public groupId = '';\n\n @JsonProperty('start', DateConverter)\n public start: Date = new Date();\n\n @JsonProperty('end', DateConverter)\n public end: Date = new Date();\n\n @JsonProperty('granularity')\n public granularity: MeasurementGroupGranularity = MeasurementGroupGranularity.Monthly;\n\n @JsonProperty('measurements', [Measurement])\n public measurements: Measurement[] = [];\n\n constructor(partial?: Partial) {\n Object.assign(this, partial);\n }\n}\n\nexport interface MeasurementRequest {\n start?: Date;\n end?: Date;\n granularity?: MeasurementGroupGranularity;\n}\n\nexport function getMeasurementFilter(request?: MeasurementRequest) {\n if (!request) {\n return undefined;\n }\n const filter: Record = {};\n if (request.start) {\n filter.start = dateToISO8601(request.start);\n }\n if (request.end) {\n filter.end = dateToISO8601(request.end);\n }\n if (request.granularity) {\n filter.granularity = request.granularity;\n }\n return filter;\n}\n","import * as coreActions from 'baas-ui/actions';\nimport { addAlert } from 'baas-ui/alert';\nimport * as appActions from 'baas-ui/app/actions';\nimport * as homeActions from 'baas-ui/home/actions';\nimport urls from 'baas-ui/urls';\nimport { PartialServiceDesc, ServiceDesc } from 'admin-sdk';\n\nimport * as actions from './actions';\nimport { isDataLakeServiceType, isSelfHostedOrAtlasMongoService } from './registry';\nimport { Config } from './types';\n\nexport const createService = (groupId: string, appId: string, serviceDesc: ServiceDesc) => (dispatch) => {\n const loadAndReturnService = (service: PartialServiceDesc) =>\n dispatch(actions.loadServices({ groupId, appId })).then(() => service);\n\n return dispatch(actions.createService({ groupId, appId, serviceDesc }))\n .then(loadAndReturnService)\n .then((service: PartialServiceDesc) => {\n const baseUrl = urls.groups().group(groupId).apps().app(appId);\n if (isSelfHostedOrAtlasMongoService(service.type)) {\n dispatch(coreActions.redirectTo(baseUrl.clusters().cluster(service.id).rules().list()));\n } else if (service.type === 'gcm') {\n dispatch(coreActions.redirectTo(baseUrl.push().config()));\n } else if (isDataLakeServiceType(service.type)) {\n dispatch(coreActions.redirectTo(baseUrl.clusters().list()));\n } else {\n dispatch(coreActions.redirectTo(baseUrl.services().service(service.id).get()));\n }\n return service;\n });\n};\n\nexport const updateServiceConfig = (groupId: string, appId: string, svcId: string, config: Config) => (dispatch) =>\n dispatch(actions.saveSvcConfig({ groupId, appId, svcId, config }))\n .then(() => dispatch(actions.loadSvcConfig({ groupId, appId, svcId })))\n .then(() => dispatch(addAlert(`${svcId}edit_config`, 'Saved')))\n .catch(() => {});\n\nexport const loadSvcWithConfig = (groupId: string, appId: string, svcId: string) => (dispatch) =>\n Promise.all([\n dispatch(actions.loadSvcConfig({ groupId, appId, svcId })),\n dispatch(actions.loadSvc({ groupId, appId, svcId })),\n ]);\n\nexport const loadMongoServiceConfigs = (groupId: string, appId: string) => (dispatch) => {\n const loadServices = () => dispatch(actions.loadServices({ groupId, appId }));\n const loadSvcConfig = (svcId: string) => dispatch(actions.loadSvcConfig({ groupId, appId, svcId }));\n\n return loadServices().then((svcs: PartialServiceDesc[]) =>\n Promise.all(\n svcs.reduce(\n (acc, svc) =>\n isSelfHostedOrAtlasMongoService(svc.type) || isDataLakeServiceType(svc.type)\n ? acc.concat(loadSvcConfig(svc.id))\n : acc,\n []\n )\n )\n );\n};\n\nexport const loadLinkedDataSources = (groupId: string, appId: string) => (dispatch) => {\n return Promise.all([\n dispatch(homeActions.getAtlasClusters({ groupId })),\n dispatch(homeActions.getAtlasServerlessInstances({ groupId })),\n dispatch(homeActions.getAtlasFlexClusters({ groupId })).catch(() => []),\n dispatch(loadMongoServiceConfigs(groupId, appId)),\n ]).then(([clusters, serverlessInstances, flexClusters, configs]) => {\n return [...clusters, ...serverlessInstances, ...flexClusters].filter((cluster) =>\n configs.some(({ config }) => config.clusterName === cluster.name)\n );\n });\n};\n\nexport const deleteServiceAndRedirect = (groupId: string, appId: string, svcId: string) => (dispatch) =>\n dispatch(actions.deleteSvc({ groupId, appId, svcId }))\n .then(() => dispatch(appActions.loadApp({ groupId, appId })))\n .then(() => dispatch(actions.loadServices({ groupId, appId })))\n .then(() =>\n dispatch(\n coreActions.redirectTo(urls.groups().group(groupId).apps().app(appId).services().list(), { replace: true })\n )\n );\n","/* (ignored) */","import JSON5 from 'json5';\n\nimport { prettyJSONStringify } from 'baas-ui/common/utils/util';\nimport {\n BuiltinRule,\n deserializeBaseRule,\n deserializeRule,\n MongoDBBaseRule,\n MongoDBNamespaceRule,\n MongoDBRuleField,\n MongoDBRuleFilter,\n MongoDBRuleRole,\n RulesConverter,\n} from 'admin-sdk';\n\nimport { FILTERS_LIMIT } from './constants';\nimport { ROLES_LIMIT } from './constants';\nimport { PermissionDisplayValue } from './permission-display';\nimport { DataSourceRule, NamespacesByClusterId } from './types';\n\nexport const getCountsFromNamespaces = (namespacesByClusterId: NamespacesByClusterId) => {\n let databaseCount = 0;\n let collectionCount = 0;\n\n const clusterIds = Object.keys(namespacesByClusterId);\n const clusterCount = clusterIds.length;\n\n clusterIds.forEach((clusterId) => {\n namespacesByClusterId[clusterId].forEach((namespace) => {\n databaseCount++;\n collectionCount += namespace.collections.length;\n });\n });\n\n return { clusterCount, databaseCount, collectionCount };\n};\n\nexport const formatExplorerNamespace = (datasourceName?: string, dbName?: string, collName?: string) => {\n return `${datasourceName}:${dbName}:${collName}`;\n};\n\nexport const isNamespaceRule = (\n rule: MongoDBNamespaceRule | BuiltinRule | MongoDBBaseRule\n): rule is MongoDBNamespaceRule => {\n return !!(rule as MongoDBNamespaceRule).database;\n};\n\nexport enum PermissionValue {\n Enabled,\n Disabled,\n FieldLevel,\n}\n\nexport const resolvePermissionValue = (permission: any): PermissionValue => {\n if (!permission) {\n return PermissionValue.Disabled;\n }\n if (typeof permission === 'boolean' && permission) {\n return PermissionValue.Enabled;\n }\n return PermissionValue.FieldLevel;\n};\n\nexport interface FieldPermissionValues {\n read: PermissionValue;\n write: PermissionValue;\n}\n\nexport const resolveFieldPermissionValue = (role: MongoDBRuleRole): FieldPermissionValues => {\n if (role.fields && Object.keys(role.fields).length) {\n return {\n read: PermissionValue.FieldLevel,\n write: PermissionValue.FieldLevel,\n };\n }\n if (role.write) {\n return {\n read: PermissionValue.Enabled,\n write: PermissionValue.Enabled,\n };\n }\n if (role.read) {\n return {\n read: PermissionValue.Enabled,\n write: PermissionValue.Disabled,\n };\n }\n if (role.read === undefined && role.write === undefined && role.additionalFields) {\n return {\n read: role.additionalFields.read ? PermissionValue.Enabled : PermissionValue.Disabled,\n write: role.additionalFields.write ? PermissionValue.Enabled : PermissionValue.Disabled,\n };\n }\n return {\n read: PermissionValue.Disabled,\n write: PermissionValue.Disabled,\n };\n};\n\nexport const permissionValToDisplayValMap = new Map([\n [PermissionValue.Enabled, PermissionDisplayValue.TextAll],\n [PermissionValue.Disabled, PermissionDisplayValue.TextNone],\n [PermissionValue.FieldLevel, PermissionDisplayValue.TextFieldLevel],\n]);\n\nexport const deepCopyRule = (rule: MongoDBNamespaceRule | MongoDBBaseRule): MongoDBNamespaceRule | MongoDBBaseRule => {\n const filtersCopy = rule.filters?.map((f) => new MongoDBRuleFilter({ ...f }));\n const rolesCopy = rule.roles?.map((r) => new MongoDBRuleRole({ ...r }));\n\n if (isNamespaceRule(rule)) {\n return new MongoDBNamespaceRule({ ...rule, filters: filtersCopy, roles: rolesCopy });\n }\n return new MongoDBBaseRule({ ...rule, filters: filtersCopy, roles: rolesCopy });\n};\n\nexport const isBooleanLiteralExpression = (obj) => typeof obj === 'boolean';\n\nexport function areFieldsAdvanced(fieldsObj: Record): boolean {\n return Object.values(fieldsObj).some((fieldPermissions) => {\n const { read, write, fields, additionalFields } = fieldPermissions;\n if (!!read && !isBooleanLiteralExpression(read)) {\n return true;\n }\n if (!!write && !isBooleanLiteralExpression(write)) {\n return true;\n }\n if (!!fields || !!additionalFields) {\n // nested fields not allowed.\n return true;\n }\n return false;\n });\n}\n\nexport function isRoleAdvanced(role: MongoDBRuleRole): boolean {\n const permissionNames = ['insert', 'delete', 'read', 'write', 'search'];\n if (\n permissionNames.some(\n (permissionName) => !!role[permissionName] && !isBooleanLiteralExpression(role[permissionName])\n )\n ) {\n return true;\n }\n if (role.additionalFields) {\n const { read, write } = role.additionalFields;\n if (!!read && !isBooleanLiteralExpression(read)) {\n return true;\n }\n if (!!write && !isBooleanLiteralExpression(write)) {\n return true;\n }\n }\n if (role.fields) {\n return areFieldsAdvanced(role.fields);\n }\n return false;\n}\n\n// Takes an array of roles and returns true if a \"basic\" Rule model will not be capable of\n// fully and accurately representing the rule settings\nexport function isRuleAdvanced(rule: DataSourceRule) {\n // If any of the following conditions are met, then a rule must be displayed in advanced mode:\n // - Contains at least one nested field, anywhere\n // - Contains at least one expression that is not a boolean literal\n // (insert, delete, top-level read/write, field-level read/write, or additional fields read/write)\n return (\n (rule?.roles && rule.roles.some((role) => isRoleAdvanced(role))) ||\n !!(rule?.roles && rule?.roles.length > ROLES_LIMIT) ||\n !!(rule?.filters && rule?.filters.length > FILTERS_LIMIT)\n );\n}\n\n// Converts a data source rule into the correct JSON representation for the Advanced View JSON editor\n// Strips all rule metadata from the rule i.e. id, database, collection\nexport function ruleToAdvancedJSONString(rule: DataSourceRule): string {\n if (!rule) {\n return '{}';\n }\n\n // TODO(BAAS-14049): Use a single rule converter from the SDK\n const serializedRule = new RulesConverter().serialize([\n isNamespaceRule(rule) ? new MongoDBNamespaceRule(rule) : new MongoDBBaseRule(rule),\n ])[0];\n delete serializedRule._id;\n if (isNamespaceRule(rule)) {\n delete serializedRule.database;\n delete serializedRule.collection;\n }\n\n return prettyJSONStringify(serializedRule);\n}\n\nexport interface DefaultRuleMetadata {\n id?: string;\n}\n\nexport interface NamespaceRuleMetadata extends DefaultRuleMetadata {\n database: string;\n collection: string;\n}\n\nexport type RuleMetadata = DefaultRuleMetadata | NamespaceRuleMetadata;\n\nexport const isNamespaceRuleMetadata = (metadata: RuleMetadata): metadata is NamespaceRuleMetadata => {\n return !!(metadata as NamespaceRuleMetadata).database;\n};\n\nexport const advancedRuleJSONStrToRule = (jsonRuleStr: string, metadata: RuleMetadata): DataSourceRule => {\n const parsedRule = JSON5.parse(jsonRuleStr);\n\n return isNamespaceRuleMetadata(metadata)\n ? deserializeRule({\n ...parsedRule,\n _id: metadata.id,\n database: metadata.database,\n collection: metadata.collection,\n })\n : deserializeBaseRule({ ...parsedRule, _id: metadata.id });\n};\n","import { JsonObject, JsonProperty } from 'json2typescript';\n\nimport { DeploymentModel, ProviderRegion } from '../common';\n\n@JsonObject('PutDeploymentMigrationRequest')\nexport class PutDeploymentMigrationRequest {\n @JsonProperty('deployment_model', String)\n public deploymentModel: DeploymentModel = DeploymentModel.Global;\n\n @JsonProperty('provider_region', String)\n public providerRegion: ProviderRegion = ProviderRegion.AWSProviderRegionUSEast1;\n\n constructor(required?: Required) {\n Object.assign(this, required);\n }\n}\n\n@JsonObject('AppDeploymentSettings')\nexport class AppDeploymentSettings {\n @JsonProperty('deployment_model', String)\n public deploymentModel: DeploymentModel = DeploymentModel.Global;\n\n @JsonProperty('provider_region', String)\n public providerRegion: ProviderRegion = ProviderRegion.AWSProviderRegionUSEast1;\n\n constructor(required?: Required) {\n Object.assign(this, required);\n }\n}\n\n@JsonObject('DeploymentMigrationStatus')\nexport class DeploymentMigrationStatus {\n @JsonProperty('status', String, true)\n public status = '';\n\n @JsonProperty('message', String, true)\n public message = '';\n\n @JsonProperty('updated_at', String, true)\n public updatedAt = '';\n\n @JsonProperty('to', AppDeploymentSettings, true)\n public to = new AppDeploymentSettings();\n\n @JsonProperty('from', AppDeploymentSettings, true)\n public from = new AppDeploymentSettings();\n\n constructor(required?: Required) {\n Object.assign(this, required);\n }\n}\n","import React from 'react';\nimport { createAgent } from 'react-through';\nimport classNames from 'classnames';\n\nimport { passThroughProps } from 'baas-ui/common/utils/util';\nimport { useDarkMode } from 'baas-ui/theme';\n\nimport { statusContainerAreaName, statusContainerBearingProp } from './constants';\n\nimport './status-agent.less';\n\nconst baseClassName = 'status-agent';\n\nexport enum TestSelector {\n ContainerAgent = 'container-agent',\n}\n\nexport interface Props {\n className?: string;\n controls?: React.ReactNode;\n message?: React.ReactNode;\n messageAddOn?: React.ReactNode;\n statusId: string;\n statusType?: string;\n}\n\nconst StatusContainerAgent = createAgent(\n statusContainerAreaName,\n statusContainerBearingProp\n) as React.ComponentType;\n\nlet lastUniqueId = 0;\nconst getId = (prefix: string) => `${prefix}-${++lastUniqueId}`;\n\nconst StatusAgent = (\n { statusType = '', statusId, className = '', message = '', messageAddOn, controls, ...rest }: Props,\n { through }\n) => {\n const darkMode = useDarkMode();\n const allClassNames = classNames(`${baseClassName}-container-content`, className, {\n [`${className}--dark-mode`]: darkMode,\n });\n\n if (!!through || !message) {\n return null;\n }\n\n return (\n \n
\n
\n {message && (\n
\n {message}\n
\n )}\n {messageAddOn}\n
\n
{controls}
\n
\n \n );\n};\n\nexport default StatusAgent;\n","import React from 'react';\nimport Banner, { Variant as BannerVariant } from '@leafygreen-ui/banner';\nimport { Variant as ButtonVariant } from '@leafygreen-ui/button';\nimport ConfirmationModal from '@leafygreen-ui/confirmation-modal';\nimport { Body } from '@leafygreen-ui/typography';\n\nimport DocLink from 'baas-ui/common/components/doc-link';\nimport { docLinks } from 'baas-ui/common/links';\nimport { track } from 'baas-ui/tracking';\n\nimport './convert-to-advanced-mode-modal.less';\n\nexport enum TestSelector {\n Modal = 'convert-rule-modal',\n ModalBanner = 'convert-rule-modal-banner',\n ModalBody = 'convert-rule-modal-body',\n}\n\nexport interface Props {\n open: boolean;\n ruleName: string;\n onConfirm(): void;\n onCancel(): void;\n}\n\nconst baseClassName = 'convert-to-advanced-modal';\n\nexport default function ConvertToAdvancedModeModal({ open, ruleName, onConfirm, onCancel }: Props) {\n return (\n {\n onConfirm();\n track('RULES_CONFIGURATION.RULE_ADVANCED_MODE_CONFIRMED');\n },\n }}\n cancelButtonProps={{\n onClick: onCancel,\n }}\n title={`Convert Rule to Advanced Mode: ${ruleName}`}\n requiredInputText=\"convert\"\n data-test-selector={TestSelector.Modal}\n data-cy=\"convert-to-advanced-mode-modal\"\n >\n \n Warning! This action may be irreversible. Please read the following before continuing.\n \n \n You can convert roles and filters for this collection to advanced mode. This means you will be required to edit\n these roles and filters using JSON configuration, and you may not be able to switch back to basic mode without\n removing the configuration. Learn more\n \n \n );\n}\n","import { devAssert } from '../jsutils/devAssert.mjs';\nimport { inspect } from '../jsutils/inspect.mjs';\nimport { instanceOf } from '../jsutils/instanceOf.mjs';\nimport { isObjectLike } from '../jsutils/isObjectLike.mjs';\nimport { toObjMap } from '../jsutils/toObjMap.mjs';\nimport { DirectiveLocation } from '../language/directiveLocation.mjs';\nimport { assertName } from './assertName.mjs';\nimport {\n argsToArgsConfig,\n defineArguments,\n GraphQLNonNull,\n} from './definition.mjs';\nimport { GraphQLBoolean, GraphQLString } from './scalars.mjs';\n/**\n * Test if the given value is a GraphQL directive.\n */\n\nexport function isDirective(directive) {\n return instanceOf(directive, GraphQLDirective);\n}\nexport function assertDirective(directive) {\n if (!isDirective(directive)) {\n throw new Error(\n `Expected ${inspect(directive)} to be a GraphQL directive.`,\n );\n }\n\n return directive;\n}\n/**\n * Custom extensions\n *\n * @remarks\n * Use a unique identifier name for your extension, for example the name of\n * your library or project. Do not use a shortened identifier as this increases\n * the risk of conflicts. We recommend you add at most one extension field,\n * an object which can contain all the values you need.\n */\n\n/**\n * Directives are used by the GraphQL runtime as a way of modifying execution\n * behavior. Type system creators will usually not create these directly.\n */\nexport class GraphQLDirective {\n constructor(config) {\n var _config$isRepeatable, _config$args;\n\n this.name = assertName(config.name);\n this.description = config.description;\n this.locations = config.locations;\n this.isRepeatable =\n (_config$isRepeatable = config.isRepeatable) !== null &&\n _config$isRepeatable !== void 0\n ? _config$isRepeatable\n : false;\n this.extensions = toObjMap(config.extensions);\n this.astNode = config.astNode;\n Array.isArray(config.locations) ||\n devAssert(false, `@${config.name} locations must be an Array.`);\n const args =\n (_config$args = config.args) !== null && _config$args !== void 0\n ? _config$args\n : {};\n (isObjectLike(args) && !Array.isArray(args)) ||\n devAssert(\n false,\n `@${config.name} args must be an object with argument names as keys.`,\n );\n this.args = defineArguments(args);\n }\n\n get [Symbol.toStringTag]() {\n return 'GraphQLDirective';\n }\n\n toConfig() {\n return {\n name: this.name,\n description: this.description,\n locations: this.locations,\n args: argsToArgsConfig(this.args),\n isRepeatable: this.isRepeatable,\n extensions: this.extensions,\n astNode: this.astNode,\n };\n }\n\n toString() {\n return '@' + this.name;\n }\n\n toJSON() {\n return this.toString();\n }\n}\n\n/**\n * Used to conditionally include fields or fragments.\n */\nexport const GraphQLIncludeDirective = new GraphQLDirective({\n name: 'include',\n description:\n 'Directs the executor to include this field or fragment only when the `if` argument is true.',\n locations: [\n DirectiveLocation.FIELD,\n DirectiveLocation.FRAGMENT_SPREAD,\n DirectiveLocation.INLINE_FRAGMENT,\n ],\n args: {\n if: {\n type: new GraphQLNonNull(GraphQLBoolean),\n description: 'Included when true.',\n },\n },\n});\n/**\n * Used to conditionally skip (exclude) fields or fragments.\n */\n\nexport const GraphQLSkipDirective = new GraphQLDirective({\n name: 'skip',\n description:\n 'Directs the executor to skip this field or fragment when the `if` argument is true.',\n locations: [\n DirectiveLocation.FIELD,\n DirectiveLocation.FRAGMENT_SPREAD,\n DirectiveLocation.INLINE_FRAGMENT,\n ],\n args: {\n if: {\n type: new GraphQLNonNull(GraphQLBoolean),\n description: 'Skipped when true.',\n },\n },\n});\n/**\n * Constant string used for default reason for a deprecation.\n */\n\nexport const DEFAULT_DEPRECATION_REASON = 'No longer supported';\n/**\n * Used to declare element of a GraphQL schema as deprecated.\n */\n\nexport const GraphQLDeprecatedDirective = new GraphQLDirective({\n name: 'deprecated',\n description: 'Marks an element of a GraphQL schema as no longer supported.',\n locations: [\n DirectiveLocation.FIELD_DEFINITION,\n DirectiveLocation.ARGUMENT_DEFINITION,\n DirectiveLocation.INPUT_FIELD_DEFINITION,\n DirectiveLocation.ENUM_VALUE,\n ],\n args: {\n reason: {\n type: GraphQLString,\n description:\n 'Explains why this element was deprecated, usually also including a suggestion for how to access supported similar data. Formatted using the Markdown syntax, as specified by [CommonMark](https://commonmark.org/).',\n defaultValue: DEFAULT_DEPRECATION_REASON,\n },\n },\n});\n/**\n * Used to provide a URL for specifying the behavior of custom scalar definitions.\n */\n\nexport const GraphQLSpecifiedByDirective = new GraphQLDirective({\n name: 'specifiedBy',\n description: 'Exposes a URL that specifies the behavior of this scalar.',\n locations: [DirectiveLocation.SCALAR],\n args: {\n url: {\n type: new GraphQLNonNull(GraphQLString),\n description: 'The URL that specifies the behavior of this scalar.',\n },\n },\n});\n/**\n * Used to indicate an Input Object is a OneOf Input Object.\n */\n\nexport const GraphQLOneOfDirective = new GraphQLDirective({\n name: 'oneOf',\n description:\n 'Indicates exactly one field must be supplied and this field must not be `null`.',\n locations: [DirectiveLocation.INPUT_OBJECT],\n args: {},\n});\n/**\n * The full list of specified directives.\n */\n\nexport const specifiedDirectives = Object.freeze([\n GraphQLIncludeDirective,\n GraphQLSkipDirective,\n GraphQLDeprecatedDirective,\n GraphQLSpecifiedByDirective,\n GraphQLOneOfDirective,\n]);\nexport function isSpecifiedDirective(directive) {\n return specifiedDirectives.some(({ name }) => name === directive.name);\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport Banner, { Variant } from '@leafygreen-ui/banner';\nimport Button from '@leafygreen-ui/button';\nimport { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';\nimport { Description, H3 } from '@leafygreen-ui/typography';\nimport PropTypes from 'prop-types';\n\nimport * as coreActions from 'baas-ui/actions';\nimport { FormRow, FormRowInputGroup, FormRowLabelGroup } from 'baas-ui/common/components/form-row';\nimport { MAX_RESOURCE_NAME_LENGTH } from 'baas-ui/constants';\nimport { BreadcrumbsItem } from 'baas-ui/nav';\nimport { getServiceState, getSettingsState, getValuesState } from 'baas-ui/selectors';\nimport { secretFieldNameBySvcType, servicesByType, SVCTYPE_AWS_S3, SVCTYPE_AWS_SES } from 'baas-ui/services/registry';\nimport * as svcSagas from 'baas-ui/services/sagas';\nimport urls from 'baas-ui/urls';\nimport * as valueActions from 'baas-ui/values/actions';\nimport { SECRETS_SHAPE } from 'baas-ui/values/proptypes';\n\nconst SERVICE_NAME_ID = 'service-name';\n\nclass AddService extends React.Component {\n constructor(props) {\n super(props);\n this.onChangeSecretOption = this.onChangeSecretOption.bind(this);\n this.updateFormData = this.updateFormData.bind(this);\n this.addService = this.addService.bind(this);\n this.cancel = this.cancel.bind(this);\n this.state = {\n name: '',\n formElements: {},\n selectedType: '',\n selectedSecret: undefined,\n };\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { selectedType } = this.state;\n\n if (selectedType !== prevState.selectedType && secretFieldNameBySvcType[selectedType]) {\n this.props.loadSecrets();\n }\n }\n\n onChangeSecretOption(opt) {\n this.setState({ selectedSecret: opt });\n }\n\n addService() {\n const { name, formElements, selectedType, selectedSecret } = this.state;\n const { createSecret, onCreateService } = this.props;\n const secretFieldName = secretFieldNameBySvcType[selectedType];\n let prom = Promise.resolve();\n\n if (selectedSecret && selectedSecret.__isNew__) {\n prom = createSecret({\n name: selectedSecret.value,\n value: formElements[secretFieldName],\n });\n }\n\n const serviceConfigPayload = {\n name,\n type: selectedType,\n config: { ...formElements },\n };\n\n delete serviceConfigPayload.config[secretFieldName];\n\n if (selectedSecret) {\n serviceConfigPayload.secretConfig = {\n [secretFieldName]: selectedSecret.value,\n };\n }\n\n return prom\n .then(() => onCreateService(serviceConfigPayload).catch(() => {}))\n .then(() =>\n this.setState((prevState) => ({\n ...prevState,\n selectedSecret: {\n ...prevState.selectedSecret,\n __isNew__: false,\n },\n }))\n )\n .catch(() => {});\n }\n\n updateFormData({ name = '', selectedType = '', formElements = {} }) {\n this.setState({\n selectedType,\n name,\n formElements,\n });\n }\n\n cancel() {\n return this.props.onCancel();\n }\n\n render() {\n const { name, selectedType, selectedSecret, formElements } = this.state;\n const { configForm: ConfigForm } = servicesByType.get(selectedType, {});\n const { createServiceError, product, services, secrets, loadingSecrets, secretSaveError } = this.props;\n\n // hide S3 and SES servics if app does not use them already\n const usingDepAwsSvcs = services.some((svc) => svc.type === SVCTYPE_AWS_S3 || svc.type === SVCTYPE_AWS_SES);\n const canSubmit = name.length > 0 && selectedType.length > 0;\n\n return (\n <>\n Add a Service\n
\n \n \n \n \n Enter a unique name for this service. You can add multiple instances of any type of service.\n \n \n \n this.updateFormData({ name: e.target.value, selectedType, formElements })}\n value={name}\n maxLength={MAX_RESOURCE_NAME_LENGTH}\n />\n \n \n {ConfigForm && (\n
\n {\n setShowPreventNavigationModal(false);\n selectedCollectionKey && setSelectedNamespace(selectedCollectionKey);\n },\n }}\n cancelButtonProps={{\n onClick: () => {\n setShowPreventNavigationModal(false);\n setSelectedCollectionKey('');\n },\n }}\n title={`Discard changes to ${resourceName}`}\n variant=\"danger\"\n data-testid={TestSelector.PreventNavigationModal}\n data-cy={`${baseClassName}-prevent-navigation-modal`}\n >\n Are you sure you want to navigate away and discard your changes to {resourceName}?\n \n
\n
\n setSearchValue(e.target.value)}\n placeholder=\"Search for collection\"\n data-test-selector={TestSelector.SearchInput}\n />\n \n