@sourcegraph/extensions-client-common/lib/extensions/ExtensionToggle.js

import { last } from 'lodash-es';
import * as React from 'react';
import { EMPTY, from, Subject, Subscription } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import { isErrorLike } from '../errors';
import { extractErrors } from '../settings';
import { Toggle } from '../ui/generic/Toggle';
import { confirmAddExtension, isExtensionAdded, isExtensionEnabled } from './extension';
/**
 * Displays a toggle button for an extension.
 */
export class ExtensionToggle extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.toggles = new Subject();
        this.subscriptions = new Subscription();
    }
    componentDidMount() {
        this.subscriptions.add(this.toggles
            .pipe(switchMap(enabled => {
            if (this.props.configurationCascade.subjects === null) {
                return EMPTY;
            }
            if (isErrorLike(this.props.configurationCascade.subjects)) {
                // TODO: Show error.
                return EMPTY;
            }
            // Only operate on the highest precedence settings, for simplicity.
            const subjects = this.props.configurationCascade.subjects;
            if (subjects.length === 0) {
                return EMPTY;
            }
            const highestPrecedenceSubject = subjects[subjects.length - 1];
            if (!highestPrecedenceSubject || !highestPrecedenceSubject.subject.viewerCanAdminister) {
                return EMPTY;
            }
            if (!isExtensionAdded(this.props.configurationCascade.merged, this.props.extension.id) &&
                !confirmAddExtension(this.props.extension.id, this.props.extension.manifest)) {
                return EMPTY;
            }
            return from(this.props.extensions.context.updateExtensionSettings(highestPrecedenceSubject.subject.id, {
                extensionID: this.props.extension.id,
                enabled,
            }));
        }))
            .subscribe());
    }
    componentWillUnmount() {
        this.subscriptions.unsubscribe();
    }
    render() {
        const cascade = extractErrors(this.props.configurationCascade);
        const subject = isErrorLike(cascade)
            ? undefined
            : last(cascade.subjects.filter(subject => isExtensionAdded(subject.settings, this.props.extension.id)));
        const state = subject && {
            state: subject.settings.extensions ? subject.settings.extensions[this.props.extension.id] : false,
            name: subject.subject.__typename,
        };
        const onToggle = (enabled) => {
            this.toggles.next(enabled);
        };
        return (React.createElement(Toggle, { value: isExtensionEnabled(this.props.configurationCascade.merged, this.props.extension.id), onToggle: onToggle, title: state ? `${state.state ? 'Enabled' : 'Disabled'} in ${state.name} settings` : 'Click to enable' }));
    }
}
//# sourceMappingURL=ExtensionToggle.js.map