101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
import PropTypes from 'prop-types';
|
|
import React, { useCallback, useMemo } from 'react';
|
|
import { useParams } from 'react-router-dom';
|
|
import { useMutation } from '@apollo/client';
|
|
|
|
import { AppPropType } from 'propTypes/propTypes';
|
|
import { UPDATE_APP_AUTH_CLIENT } from 'graphql/mutations/update-app-auth-client';
|
|
import useFormatMessage from 'hooks/useFormatMessage';
|
|
import AdminApplicationAuthClientDialog from 'components/AdminApplicationAuthClientDialog';
|
|
import useAdminAppAuthClient from 'hooks/useAdminAppAuthClient.ee';
|
|
import useAppAuth from 'hooks/useAppAuth';
|
|
|
|
function AdminApplicationUpdateAuthClient(props) {
|
|
const { application, onClose } = props;
|
|
const formatMessage = useFormatMessage();
|
|
const { clientId } = useParams();
|
|
|
|
const { data: adminAppAuthClient, isLoading: isAdminAuthClientLoading } =
|
|
useAdminAppAuthClient(clientId);
|
|
|
|
const { data: auth } = useAppAuth(application.key);
|
|
|
|
const [updateAppAuthClient, { loading: loadingUpdateAppAuthClient, error }] =
|
|
useMutation(UPDATE_APP_AUTH_CLIENT, {
|
|
refetchQueries: ['GetAppAuthClients'],
|
|
context: { autoSnackbar: false },
|
|
});
|
|
|
|
const authFields = auth?.data?.fields?.map((field) => ({
|
|
...field,
|
|
required: false,
|
|
}));
|
|
|
|
const submitHandler = async (values) => {
|
|
if (!adminAppAuthClient) {
|
|
return;
|
|
}
|
|
|
|
const { name, active, ...formattedAuthDefaults } = values;
|
|
|
|
await updateAppAuthClient({
|
|
variables: {
|
|
input: {
|
|
id: adminAppAuthClient.data.id,
|
|
name,
|
|
active,
|
|
formattedAuthDefaults,
|
|
},
|
|
},
|
|
});
|
|
|
|
onClose();
|
|
};
|
|
|
|
const getAuthFieldsDefaultValues = useCallback(() => {
|
|
if (!authFields) {
|
|
return {};
|
|
}
|
|
|
|
const defaultValues = {};
|
|
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: adminAppAuthClient?.data?.name || '',
|
|
active: adminAppAuthClient?.data?.active || false,
|
|
...getAuthFieldsDefaultValues(),
|
|
}),
|
|
[adminAppAuthClient, getAuthFieldsDefaultValues],
|
|
);
|
|
|
|
return (
|
|
<AdminApplicationAuthClientDialog
|
|
onClose={onClose}
|
|
error={error}
|
|
title={formatMessage('updateAuthClient.title')}
|
|
loading={isAdminAuthClientLoading}
|
|
submitHandler={submitHandler}
|
|
authFields={authFields}
|
|
submitting={loadingUpdateAppAuthClient}
|
|
defaultValues={defaultValues}
|
|
disabled={!adminAppAuthClient}
|
|
/>
|
|
);
|
|
}
|
|
|
|
AdminApplicationUpdateAuthClient.propTypes = {
|
|
application: AppPropType.isRequired,
|
|
onClose: PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default AdminApplicationUpdateAuthClient;
|