FarhanNurzi/WALL-1583/Add useLandingCompany hook to @deriv/api

packages/api/src/hooks/index.ts

@@ -3,4 +3,5 @@ export { default as useActiveWalletAccounts } from './useActiveWalletAccounts';
 export { default as useAuthorize } from './useAuthorize';
 export { default as useBalance } from './useBalance';
 export { default as useCurrencyConfig } from './useCurrencyConfig';
+export { default as useLandingCompany } from './useLandingCompany';
 export { default as useWalletAccountsList } from './useWalletAccountsList';

packages/api/src/hooks/useLandingCompany.ts

@@ -0,0 +1,33 @@
+import { useMemo } from 'react';
+import useFetch from '../useFetch';
+import useSettings from './useSettings';
+
+/** A custom hook that returns the available landing companies of the user's country. */
+const useLandingCompany = () => {
+    const { data: settings_data } = useSettings();
+    const { data, ...rest } = useFetch('landing_company', {
+        payload: { landing_company: settings_data.country_code || '' },
+        options: { enabled: Boolean(settings_data.country_code) },
+    });
+
+    const modified_data = useMemo(() => {
+        if (!data?.landing_company) return;
+        const { financial_company, gaming_company, virtual_company } = data.landing_company;
+        return {
+            /** Short code of financial landing company */
+            financial_company: financial_company?.shortcode,
+            /** Short code of gaming landing company */
+            gaming_company: gaming_company?.shortcode,
+            /** Short code of virtual landing company */
+            virtual_company,
+        };
+    }, [data]);
+
+    return {
+        /** List of available landing companies */
+        data: modified_data,
+        ...rest,
+    };
+};
+
+export default useLandingCompany;

packages/api/src/hooks/useSettings.ts

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import useFetch from '../useFetch';
+
+/** A custom hook to get user settings (email, date of birth, address etc) */
+const useSettings = () => {
+    const { data, ...rest } = useFetch('get_settings');
+
+    const modified_data = useMemo(() => ({ ...data?.get_settings }), [data?.get_settings]);
+
+    return {
+        /** User information and settings */
+        data: modified_data,
+        ...rest,
+    };
+};
+
+export default useSettings;

packages/api/types.ts

@@ -497,7 +497,10 @@ type TSocketEndpoints = {
         response: LandingCompanyDetailsResponse;
     };
     landing_company: {
-        request: LandingCompanyRequest;
+        // TODO: Fix typings of this endpoint, because LandingCompany payload should be a string instead of LandingCompany interface
+        request: {
+            landing_company: string;
+        };
         response: LandingCompanyResponse;
     };
     login_history: {