import { ElementType } from 'react' import { useTranslation } from 'react-i18next' import importOverleafModules from '../../../../macros/import-overleaf-module.macro' import { useSSOContext, SSOSubscription } from '../context/sso-context' import { SSOLinkingWidget } from './linking/sso-widget' import getMeta from '../../../utils/meta' import { useBroadcastUser } from '@/shared/hooks/user-channel/use-broadcast-user' import OLNotification from '@/features/ui/components/ol/ol-notification' const availableIntegrationLinkingWidgets = importOverleafModules( 'integrationLinkingWidgets' ) as any[] const availableReferenceLinkingWidgets = importOverleafModules( 'referenceLinkingWidgets' ) as any[] const availableLangFeedbackLinkingWidgets = importOverleafModules( 'langFeedbackLinkingWidgets' ) as any[] function LinkingSection() { useBroadcastUser() const { t } = useTranslation() const { subscriptions } = useSSOContext() const ssoErrorMessage = getMeta('ol-ssoErrorMessage') const projectSyncSuccessMessage = getMeta('ol-projectSyncSuccessMessage') // hide linking widgets in CI const integrationLinkingWidgets = getMeta('ol-hideLinkingWidgets') ? [] : availableIntegrationLinkingWidgets const referenceLinkingWidgets = getMeta('ol-hideLinkingWidgets') ? [] : availableReferenceLinkingWidgets const langFeedbackLinkingWidgets = getMeta('ol-hideLinkingWidgets') ? [] : availableLangFeedbackLinkingWidgets const oauth2ServerComponents = importOverleafModules('oauth2Server') as { import: { default: ElementType } path: string }[] const renderSyncSection = getMeta('ol-isSaas') || getMeta('ol-gitBridgeEnabled') const allIntegrationLinkingWidgets = integrationLinkingWidgets.concat( oauth2ServerComponents ) const haslangFeedbackLinkingWidgets = langFeedbackLinkingWidgets.length const hasIntegrationLinkingSection = renderSyncSection && allIntegrationLinkingWidgets.length const hasReferencesLinkingSection = referenceLinkingWidgets.length // Filter out SSO providers that are not allowed to be linked by // managed users. Allow unlinking them if they are already linked. const hideGoogleSSO = getMeta('ol-cannot-link-google-sso') const hideOtherThirdPartySSO = getMeta('ol-cannot-link-other-third-party-sso') for (const providerId in subscriptions) { const isLinked = subscriptions[providerId].linked if (providerId === 'google') { if (hideGoogleSSO && !isLinked) { delete subscriptions[providerId] } } else { if (hideOtherThirdPartySSO && !isLinked) { delete subscriptions[providerId] } } } const hasSSOLinkingSection = Object.keys(subscriptions).length > 0 if ( !haslangFeedbackLinkingWidgets && !hasIntegrationLinkingSection && !hasReferencesLinkingSection && !hasSSOLinkingSection ) { return null } return ( <>

{t('integrations')}

{t('linked_accounts_explained')}

{haslangFeedbackLinkingWidgets ? ( <>

{t('language_feedback')}

{langFeedbackLinkingWidgets.map( ({ import: { default: widget }, path }, widgetIndex) => ( ) )}
) : null} {hasIntegrationLinkingSection ? ( <>

{t('project_synchronisation')}

{projectSyncSuccessMessage ? ( ) : null}
{allIntegrationLinkingWidgets.map( ({ import: importObject, path }, widgetIndex) => ( ) )}
) : null} {hasReferencesLinkingSection ? ( <>

{t('reference_managers')}

{referenceLinkingWidgets.map( ({ import: importObject, path }, widgetIndex) => ( ) )}
) : null} {hasSSOLinkingSection ? ( <>

{t('linked_accounts')}

{ssoErrorMessage ? ( ) : null}
{Object.values(subscriptions).map( (subscription, subscriptionIndex) => ( ) )}
) : null} {haslangFeedbackLinkingWidgets || hasIntegrationLinkingSection || hasReferencesLinkingSection || hasSSOLinkingSection ? (
) : null} ) } type LinkingWidgetProps = { ModuleComponent: any isLast: boolean } function ModuleLinkingWidget({ ModuleComponent, isLast }: LinkingWidgetProps) { return ( <> {isLast ? null :
} ) } type SSOLinkingWidgetContainerProps = { subscription: SSOSubscription isLast: boolean } function SSOLinkingWidgetContainer({ subscription, isLast, }: SSOLinkingWidgetContainerProps) { const { t } = useTranslation() const { unlink } = useSSOContext() let description = '' switch (subscription.providerId) { case 'collabratec': description = t('linked_collabratec_description') break case 'google': description = `${t('login_with_service', { service: subscription.provider.name, })}.` break case 'orcid': description = t('oauth_orcid_description') break } return ( <> unlink(subscription.providerId)} /> {isLast ? null :
} ) } export default LinkingSection