Implement account valid period dialog

Author: louischan-oursky

portal/src/graphql/adminapi/UserDetailsAccountStatus.tsx

@@ -27,6 +27,7 @@ import DefaultButton from "../../DefaultButton";
 import TextField from "../../TextField";
 import ErrorDialog from "../../error/ErrorDialog";
 import { useSetDisabledStatusMutation } from "./mutations/setDisabledStatusMutation";
+import { useSetAccountValidPeriodMutation } from "./mutations/setAccountValidPeriodMutation";
 import { useAnonymizeUserMutation } from "./mutations/anonymizeUserMutation";
 import { useScheduleAccountAnonymizationMutation } from "./mutations/scheduleAccountAnonymization";
 import { useUnscheduleAccountAnonymizationMutation } from "./mutations/unscheduleAccountAnonymization";
@@ -1186,6 +1187,11 @@ export function AccountStatusDialog(
     loading: setDisabledStatusLoading,
     error: setDisabledStatusError,
   } = useSetDisabledStatusMutation();
+  const {
+    setAccountValidPeriod,
+    loading: setAccountValidPeriodLoading,
+    error: setAccountValidPeriodError,
+  } = useSetAccountValidPeriodMutation();
   const {
     anonymizeUser,
     loading: anonymizeUserLoading,
@@ -1219,6 +1225,7 @@ export function AccountStatusDialog(
 
   const loading =
     setDisabledStatusLoading ||
+    setAccountValidPeriodLoading ||
     anonymizeUserLoading ||
     scheduleAccountAnonymizationLoading ||
     unscheduleAccountAnonymizationLoading ||
@@ -1227,6 +1234,7 @@ export function AccountStatusDialog(
     unscheduleAccountDeletionLoading;
   const error =
     setDisabledStatusError ||
+    setAccountValidPeriodError ||
     anonymizeUserError ||
     scheduleAccountAnonymizationError ||
     unscheduleAccountAnonymizationError ||
@@ -1280,6 +1288,25 @@ export function AccountStatusDialog(
     }).finally(() => onDismiss({ deletedUser: false }));
   }, [accountStatus.id, isHidden, loading, onDismiss, setDisabledStatus]);
 
+  const onClickSetAccountValidPeriod = useCallback(() => {
+    if (loading || isHidden) {
+      return;
+    }
+    setAccountValidPeriod({
+      userID: accountStatus.id,
+      accountValidFrom: accountValidFrom,
+      accountValidUntil: accountValidUntil,
+    }).finally(() => onDismiss({ deletedUser: false }));
+  }, [
+    accountStatus.id,
+    accountValidFrom,
+    accountValidUntil,
+    isHidden,
+    loading,
+    onDismiss,
+    setAccountValidPeriod,
+  ]);
+
   const onClickAnonymize = useCallback(() => {
     if (loading || isHidden) {
       return;
@@ -1479,6 +1506,7 @@ export function AccountStatusDialog(
             text={
               <FormattedMessage id="AccountStatusDialog.account-valid-period.action.save" />
             }
+            onClick={onClickSetAccountValidPeriod}
           />
         );
         break;
@@ -1500,6 +1528,7 @@ export function AccountStatusDialog(
             text={
               <FormattedMessage id="AccountStatusDialog.account-valid-period.action.edit" />
             }
+            onClick={onClickSetAccountValidPeriod}
           />
         );
         break;
@@ -1645,6 +1674,7 @@ export function AccountStatusDialog(
     onClickReenable,
     onClickScheduleAnonymization,
     onClickScheduleDeletion,
+    onClickSetAccountValidPeriod,
     onClickUnscheduleAnonymization,
     onClickUnscheduleDeletion,
     themes.destructive,

portal/src/graphql/adminapi/mutations/setAccountValidPeriodMutation.generated.ts

@@ -0,0 +1,64 @@
+import * as Types from '../globalTypes.generated';
+
+import { gql } from '@apollo/client';
+import * as Apollo from '@apollo/client';
+const defaultOptions = {} as const;
+export type SetAccountValidPeriodMutationMutationVariables = Types.Exact<{
+  userID: Types.Scalars['ID']['input'];
+  accountValidFrom?: Types.InputMaybe<Types.Scalars['DateTime']['input']>;
+  accountValidUntil?: Types.InputMaybe<Types.Scalars['DateTime']['input']>;
+}>;
+
+
+export type SetAccountValidPeriodMutationMutation = { __typename?: 'Mutation', setAccountValidPeriod: { __typename?: 'SetAccountValidPeriodPayload', user: { __typename?: 'User', id: string, isDisabled: boolean, disableReason?: string | null, isDeactivated: boolean, deleteAt?: any | null, isAnonymized: boolean, anonymizeAt?: any | null, temporarilyDisabledFrom?: any | null, temporarilyDisabledUntil?: any | null, accountValidFrom?: any | null, accountValidUntil?: any | null } } };
+
+
+export const SetAccountValidPeriodMutationDocument = gql`
+    mutation setAccountValidPeriodMutation($userID: ID!, $accountValidFrom: DateTime, $accountValidUntil: DateTime) {
+  setAccountValidPeriod(
+    input: {userID: $userID, accountValidFrom: $accountValidFrom, accountValidUntil: $accountValidUntil}
+  ) {
+    user {
+      id
+      isDisabled
+      disableReason
+      isDeactivated
+      deleteAt
+      isAnonymized
+      anonymizeAt
+      temporarilyDisabledFrom
+      temporarilyDisabledUntil
+      accountValidFrom
+      accountValidUntil
+    }
+  }
+}
+    `;
+export type SetAccountValidPeriodMutationMutationFn = Apollo.MutationFunction<SetAccountValidPeriodMutationMutation, SetAccountValidPeriodMutationMutationVariables>;
+
+/**
+ * __useSetAccountValidPeriodMutationMutation__
+ *
+ * To run a mutation, you first call `useSetAccountValidPeriodMutationMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useSetAccountValidPeriodMutationMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [setAccountValidPeriodMutationMutation, { data, loading, error }] = useSetAccountValidPeriodMutationMutation({
+ *   variables: {
+ *      userID: // value for 'userID'
+ *      accountValidFrom: // value for 'accountValidFrom'
+ *      accountValidUntil: // value for 'accountValidUntil'
+ *   },
+ * });
+ */
+export function useSetAccountValidPeriodMutationMutation(baseOptions?: Apollo.MutationHookOptions<SetAccountValidPeriodMutationMutation, SetAccountValidPeriodMutationMutationVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useMutation<SetAccountValidPeriodMutationMutation, SetAccountValidPeriodMutationMutationVariables>(SetAccountValidPeriodMutationDocument, options);
+      }
+export type SetAccountValidPeriodMutationMutationHookResult = ReturnType<typeof useSetAccountValidPeriodMutationMutation>;
+export type SetAccountValidPeriodMutationMutationResult = Apollo.MutationResult<SetAccountValidPeriodMutationMutation>;
+export type SetAccountValidPeriodMutationMutationOptions = Apollo.BaseMutationOptions<SetAccountValidPeriodMutationMutation, SetAccountValidPeriodMutationMutationVariables>;

portal/src/graphql/adminapi/mutations/setAccountValidPeriodMutation.graphql

@@ -0,0 +1,25 @@
+mutation setAccountValidPeriodMutation(
+  $userID: ID!,
+  $accountValidFrom: DateTime,
+  $accountValidUntil: DateTime
+) {
+  setAccountValidPeriod(input: {
+    userID: $userID,
+    accountValidFrom: $accountValidFrom,
+    accountValidUntil: $accountValidUntil
+  }) {
+    user {
+      id
+      isDisabled
+      disableReason
+      isDeactivated
+      deleteAt
+      isAnonymized
+      anonymizeAt
+      temporarilyDisabledFrom
+      temporarilyDisabledUntil
+      accountValidFrom
+      accountValidUntil
+    }
+  }
+}

portal/src/graphql/adminapi/mutations/setAccountValidPeriodMutation.ts

@@ -0,0 +1,47 @@
+import { useCallback } from "react";
+import { useMutation } from "@apollo/client";
+import {
+  SetAccountValidPeriodMutationMutation,
+  SetAccountValidPeriodMutationDocument,
+} from "./setAccountValidPeriodMutation.generated";
+
+export function useSetAccountValidPeriodMutation(): {
+  setAccountValidPeriod: (opts: {
+    userID: string;
+    accountValidFrom: Date | null;
+    accountValidUntil: Date | null;
+  }) => Promise<boolean>;
+  loading: boolean;
+  error: unknown;
+} {
+  const [mutationFunction, { loading, error }] =
+    useMutation<SetAccountValidPeriodMutationMutation>(
+      SetAccountValidPeriodMutationDocument,
+      {
+        // Setting account valid period could terminate all sessions.
+        // So we have to refetch queries that fetch sessions.
+        refetchQueries: ["UserQuery"],
+      }
+    );
+
+  const setAccountValidPeriod = useCallback(
+    async (opts: {
+      userID: string;
+      accountValidFrom: Date | null;
+      accountValidUntil: Date | null;
+    }) => {
+      const result = await mutationFunction({
+        variables: {
+          userID: opts.userID,
+          accountValidFrom: opts.accountValidFrom,
+          accountvalidUntil: opts.accountValidUntil,
+        },
+      });
+
+      return !!result.data;
+    },
+    [mutationFunction]
+  );
+
+  return { setAccountValidPeriod, loading, error };
+}