thisyahlen/feat: use account list (binary-com#9768)

* feat: added use-authorize hook taken from sergei pr

Co-authored-by: Sergei Baranovski <120570511+sergei-deriv@users.noreply.github.com>

* chore: sorted imports for use-authorize

Co-authored-by: Sergei Baranovski <120570511+sergei-deriv@users.noreply.github.com>

* chore: moved default empty string in use-authorize

* chore: incorporated code reviews

* chore: add useAccountsList to deriv/api

* fix: address comments

* fix: comments

* fix: comments

* fix: comments

* fix: remove duplicated

---------

Co-authored-by: adrienne-rio <adrienne@deriv.com>
Co-authored-by: Sergei Baranovski <120570511+sergei-deriv@users.noreply.github.com>

packages/api/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export { default as useAuthorize } from './useAuthorize';
+export { default as useAccountsList } from './useAccountsList';

packages/api/src/hooks/useAccountsList.ts

@@ -0,0 +1,40 @@
+import { useMemo } from 'react';
+import useAuthorize from './useAuthorize';
+
+/** A custom hook that returns the list of accounts of the logged in user. */
+const useAccountsList = () => {
+    const { data: authorize_data, ...rest } = useAuthorize();
+
+    // Add additional information to the authorize response.
+    const modified_accounts = useMemo(() => {
+        return authorize_data.account_list?.map(account => {
+            return {
+                ...account,
+                /** Creation time of the account. */
+                created_at: account.created_at ? new Date(account.created_at) : undefined,
+                /** Date till client has excluded him/herself from the website, only present if client is self excluded. */
+                excluded_until: account.excluded_until ? new Date(account.excluded_until) : undefined,
+                /** Indicating whether the wallet is the currently active account. */
+                is_active: account.loginid === authorize_data.loginid,
+                /** indicating whether the account is a virtual-money account. */
+                is_virtual: Boolean(account.is_virtual),
+                /** indicating whether the account is marked as disabled or not. */
+                is_disabled: Boolean(account.is_disabled),
+                /** indicating whether the account is a trading account. */
+                is_trading: account.account_category === 'trading',
+                /** indicating whether the account is a wallet account. */
+                is_wallet: account.account_category === 'wallet',
+                /** The account ID of specified account. */
+                loginid: `${account.loginid}`,
+            } as const;
+        });
+    }, [authorize_data.account_list, authorize_data.loginid]);
+
+    return {
+        /** The list of accounts. */
+        data: modified_accounts,
+        ...rest,
+    };
+};
+
+export default useAccountsList;

packages/api/src/useAuthorize.ts → packages/api/src/hooks/useAuthorize.ts

@@ -1,6 +1,6 @@
 import { getActiveAuthTokenIDFromLocalStorage } from '@deriv/utils';
 import { useMemo } from 'react';
-import useFetch from './useFetch';
+import useFetch from '../useFetch';
 
 /** A custom hook that authorize the user with the given token. If no token is given, it will use the current token.
  *

packages/api/src/index.ts

@@ -4,3 +4,4 @@ export { default as useInvalidateQuery } from './useInvalidateQuery';
 export { default as useRequest } from './useRequest';
 export { default as usePaginatedFetch } from './usePaginatedFetch';
 export { default as useSubscription } from './useSubscription';
+export * from './hooks';