import React, { useCallback } from 'react'; import { css, spacing, Banner, Body, Description, Label, Link, Toggle, InfoModal, } from '@mongodb-js/compass-components'; import { useTrackOnChange } from '@mongodb-js/compass-logging/provider'; const toggleStyles = css({ marginTop: spacing[3], marginBottom: spacing[3], marginRight: spacing[3], }); const toggleContainerStyles = css({ display: 'flex', alignItems: 'center', }); const csfleBannerStyles = css({ marginTop: spacing[3], }); export default function CSFLEConnectionModal({ csfleMode, open, setOpen, setConnectionIsCSFLEEnabled, }: { csfleMode?: 'enabled' | 'disabled' | 'unavailable'; open: boolean; setOpen: (isOpen: boolean) => void; setConnectionIsCSFLEEnabled: (isEnabled: boolean) => void; }) { const onChange = useCallback( (checked: boolean) => { setConnectionIsCSFLEEnabled(checked); }, [setConnectionIsCSFLEEnabled] ); const onClose = useCallback(() => { setOpen(false); }, [setOpen]); useTrackOnChange( 'COMPASS-SIDEBAR-UI', (track) => { if (open) { track('Screen', { name: 'csfle_connection_modal' }); } }, [open], undefined ); return ( This connection is configured with In-Use Encryption enabled.
Disabling In-Use Encryption only affects how Compass accesses data. In order to make Compass forget KMS credentials, the connection must be fully closed. In-Use Encryption is an Enterprise/Atlas-only feature of MongoDB.  {/* TODO(COMPASS-5925): Use generic In-Use Encryption URL */} Learn More ); }