Lifei Zhou
125 lines
3.8 KiB
TypeScript
125 lines
3.8 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
import { Button } from './ui/button';
|
|
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from './ui/dialog';
|
|
import { TELEMETRY_UI_ENABLED } from '../updates';
|
|
import { useConfig } from './ConfigContext';
|
|
import {
|
|
trackTelemetryPreference,
|
|
setTelemetryEnabled as setAnalyticsTelemetryEnabled,
|
|
} from '../utils/analytics';
|
|
import PrivacyInfoModal from './onboarding/PrivacyInfoModal';
|
|
import { defineMessages, useIntl } from '../i18n';
|
|
|
|
const i18n = defineMessages({
|
|
heading: {
|
|
id: 'telemetryConsentPrompt.heading',
|
|
defaultMessage: 'Help improve goose',
|
|
},
|
|
description: {
|
|
id: 'telemetryConsentPrompt.description',
|
|
defaultMessage:
|
|
'Would you like to share anonymous usage data to help improve goose? We never collect your conversations, code, or personal data.',
|
|
},
|
|
learnMore: {
|
|
id: 'telemetryConsentPrompt.learnMore',
|
|
defaultMessage: 'Learn more',
|
|
},
|
|
optIn: {
|
|
id: 'telemetryConsentPrompt.optIn',
|
|
defaultMessage: 'Yes, share anonymous usage data',
|
|
},
|
|
optOut: {
|
|
id: 'telemetryConsentPrompt.optOut',
|
|
defaultMessage: 'No thanks',
|
|
},
|
|
});
|
|
|
|
const TELEMETRY_CONFIG_KEY = 'GOOSE_TELEMETRY_ENABLED';
|
|
|
|
export default function TelemetryConsentPrompt() {
|
|
const intl = useIntl();
|
|
const { read, upsert } = useConfig();
|
|
const [showPrompt, setShowPrompt] = useState(false);
|
|
const [showPrivacyInfo, setShowPrivacyInfo] = useState(false);
|
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (!TELEMETRY_UI_ENABLED) return;
|
|
|
|
(async () => {
|
|
try {
|
|
const provider = await read('GOOSE_PROVIDER', false);
|
|
if (!provider || provider === '') return;
|
|
|
|
const telemetryValue = await read(TELEMETRY_CONFIG_KEY, false);
|
|
if (telemetryValue === null) {
|
|
setShowPrompt(true);
|
|
}
|
|
} catch (error) {
|
|
console.error('Failed to check telemetry config:', error);
|
|
}
|
|
})();
|
|
}, [read]);
|
|
|
|
const handleChoice = async (enabled: boolean) => {
|
|
setIsSubmitting(true);
|
|
try {
|
|
await upsert(TELEMETRY_CONFIG_KEY, enabled, false);
|
|
trackTelemetryPreference(enabled, 'modal');
|
|
setAnalyticsTelemetryEnabled(enabled);
|
|
} catch (error) {
|
|
console.error('Failed to save telemetry preference:', error);
|
|
} finally {
|
|
setShowPrompt(false);
|
|
setIsSubmitting(false);
|
|
}
|
|
};
|
|
|
|
if (!showPrompt) return null;
|
|
|
|
return (
|
|
<>
|
|
<Dialog
|
|
open
|
|
onOpenChange={(open) => {
|
|
if (!open) setShowPrompt(false);
|
|
}}
|
|
>
|
|
<DialogContent className="w-[440px]">
|
|
<DialogHeader>
|
|
<DialogTitle className="text-center">{intl.formatMessage(i18n.heading)}</DialogTitle>
|
|
</DialogHeader>
|
|
<p className="text-text-muted text-sm">
|
|
{intl.formatMessage(i18n.description)}{' '}
|
|
<button
|
|
onClick={() => setShowPrivacyInfo(true)}
|
|
className="text-blue-600 dark:text-blue-400 hover:underline"
|
|
>
|
|
{intl.formatMessage(i18n.learnMore)}
|
|
</button>
|
|
</p>
|
|
<DialogFooter className="flex flex-col gap-2 sm:flex-col">
|
|
<Button
|
|
autoFocus
|
|
onClick={() => handleChoice(true)}
|
|
disabled={isSubmitting}
|
|
className="w-full"
|
|
>
|
|
{intl.formatMessage(i18n.optIn)}
|
|
</Button>
|
|
<Button
|
|
variant="ghost"
|
|
onClick={() => handleChoice(false)}
|
|
disabled={isSubmitting}
|
|
className="w-full text-text-secondary hover:text-text-primary"
|
|
>
|
|
{intl.formatMessage(i18n.optOut)}
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
<PrivacyInfoModal isOpen={showPrivacyInfo} onClose={() => setShowPrivacyInfo(false)} />
|
|
</>
|
|
);
|
|
}
|