import axios from 'axios';
import { Field, Form, Formik } from 'formik';
import { useRouter } from 'next/router';
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { useToasts } from 'react-toast-notifications';
import useSWR from 'swr';
import { useUser } from '../../../../hooks/useUser';
import Error from '../../../../pages/_error';
import Alert from '../../../Common/Alert';
import Button from '../../../Common/Button';
import LoadingSpinner from '../../../Common/LoadingSpinner';
import * as Yup from 'yup';
const messages = defineMessages({
password: 'Password',
currentpassword: 'Current Password',
newpassword: 'New Password',
confirmpassword: 'Confirm Password',
save: 'Save Changes',
saving: 'Saving…',
toastSettingsSuccess: 'Password changed!',
toastSettingsFailure:
'Something went wrong while changing the password. Is your current password correct?',
validationCurrentPassword: 'You must provide your current password',
validationNewPassword: 'You must provide a new password',
validationNewPasswordLength:
'Password is too short; should be a minimum of 8 characters',
validationConfirmPassword: 'You must confirm your new password',
validationConfirmPasswordSame: 'Password must match',
nopasswordset: 'No Password Set',
nopasswordsetDescription:
'This user account currently does not have an Overseerr-specific password. Configure a password below to allow this account to sign-in as a "local user."',
});
const UserPasswordChange: React.FC = () => {
const intl = useIntl();
const { addToast } = useToasts();
const router = useRouter();
const { user: currentUser } = useUser();
const { user } = useUser({ id: Number(router.query.userId) });
const { data, error, revalidate } = useSWR<{ hasPassword: boolean }>(
user ? `/api/v1/user/${user?.id}/settings/password` : null
);
const PasswordChangeSchema = Yup.object().shape({
currentPassword: Yup.lazy(() =>
data?.hasPassword
? Yup.string().required(
intl.formatMessage(messages.validationCurrentPassword)
)
: Yup.mixed().optional()
),
newPassword: Yup.string()
.required(intl.formatMessage(messages.validationNewPassword))
.min(8, intl.formatMessage(messages.validationNewPasswordLength)),
confirmPassword: Yup.string()
.required(intl.formatMessage(messages.validationConfirmPassword))
.oneOf(
[Yup.ref('newPassword'), null],
intl.formatMessage(messages.validationConfirmPasswordSame)
),
});
if (!data && !error) {
return