96 lines
2.7 KiB
TypeScript
96 lines
2.7 KiB
TypeScript
import React, { useCallback, useMemo } from 'react';
|
|
import { useParams } from 'react-router-dom';
|
|
import type { IApp } from 'types';
|
|
import { FieldValues, SubmitHandler } from 'react-hook-form';
|
|
import { useMutation } from '@apollo/client';
|
|
import { UPDATE_APP_AUTH_CLIENT } from 'graphql/mutations/update-app-auth-client';
|
|
|
|
import useAppAuthClient from 'hooks/useAppAuthClient.ee';
|
|
import useFormatMessage from 'hooks/useFormatMessage';
|
|
import AdminApplicationAuthClientDialog from 'components/AdminApplicationAuthClientDialog';
|
|
|
|
type AdminApplicationUpdateAuthClientProps = {
|
|
application: IApp;
|
|
onClose: () => void;
|
|
};
|
|
|
|
export default function AdminApplicationUpdateAuthClient(
|
|
props: AdminApplicationUpdateAuthClientProps
|
|
): React.ReactElement {
|
|
const { application, onClose } = props;
|
|
const { auth } = application;
|
|
const authFields = auth?.fields?.map((field) => ({
|
|
...field,
|
|
required: false,
|
|
}));
|
|
|
|
const formatMessage = useFormatMessage();
|
|
|
|
const { clientId } = useParams();
|
|
const { appAuthClient, loading: loadingAuthClient } =
|
|
useAppAuthClient(clientId);
|
|
const [updateAppAuthClient, { loading: loadingUpdateAppAuthClient, error }] =
|
|
useMutation(UPDATE_APP_AUTH_CLIENT, {
|
|
refetchQueries: ['GetAppAuthClients'],
|
|
context: { autoSnackbar: false },
|
|
});
|
|
|
|
const submitHandler: SubmitHandler<FieldValues> = async (values) => {
|
|
if (!appAuthClient) {
|
|
return;
|
|
}
|
|
const { name, active, ...formattedAuthDefaults } = values;
|
|
await updateAppAuthClient({
|
|
variables: {
|
|
input: {
|
|
id: appAuthClient.id,
|
|
name,
|
|
active,
|
|
formattedAuthDefaults,
|
|
},
|
|
},
|
|
});
|
|
onClose();
|
|
};
|
|
|
|
const getAuthFieldsDefaultValues = useCallback(() => {
|
|
if (!authFields) {
|
|
return {};
|
|
}
|
|
const defaultValues: {
|
|
[key: string]: any;
|
|
} = {};
|
|
authFields.forEach((field) => {
|
|
if (field.value || field.type !== 'string') {
|
|
defaultValues[field.key] = field.value;
|
|
} else if (field.type === 'string') {
|
|
defaultValues[field.key] = '';
|
|
}
|
|
});
|
|
return defaultValues;
|
|
}, [auth?.fields]);
|
|
|
|
const defaultValues = useMemo(
|
|
() => ({
|
|
name: appAuthClient?.name || '',
|
|
active: appAuthClient?.active || false,
|
|
...getAuthFieldsDefaultValues(),
|
|
}),
|
|
[appAuthClient, getAuthFieldsDefaultValues]
|
|
);
|
|
|
|
return (
|
|
<AdminApplicationAuthClientDialog
|
|
onClose={onClose}
|
|
error={error}
|
|
title={formatMessage('updateAuthClient.title')}
|
|
loading={loadingAuthClient}
|
|
submitHandler={submitHandler}
|
|
authFields={authFields}
|
|
submitting={loadingUpdateAppAuthClient}
|
|
defaultValues={defaultValues}
|
|
disabled={!appAuthClient}
|
|
/>
|
|
);
|
|
}
|