@antscorp/antsomi-ui 1.3.5-beta.585 → 1.3.5-beta.586

package/es/components/molecules/AccountSelection/AccountListing.js

@@ -12,7 +12,7 @@ export const AccountListing = React.forwardRef((props, ref) => {
     const { className, apiConfig, showAllAccount = true, currentAccount = '', onChange } = props;
     // States
     const [searchValue, setSearchValue] = useState('');
-    const { accountData, recentData } = useAccountSelection(apiConfig);
+    const { accountData, recentData, updateRecentAccount } = useAccountSelection(apiConfig);
     const isAllAccount = currentAccount === 'all';
     useImperativeHandle(ref, () => ({
         getUsers() {
@@ -21,8 +21,17 @@ export const AccountListing = React.forwardRef((props, ref) => {
     }), [recentData, accountData]);
     // Handlers
     const handleSelectAccount = useCallback((userId) => {
+        const currentRecent = (recentData === null || recentData === void 0 ? void 0 : recentData.value) || [];
+        const body = userId !== currentRecent[0]
+            ? [userId, currentRecent[0]]
+            : currentRecent[1]
+                ? [userId, currentRecent[1]]
+                : [userId, currentRecent[0]];
+        updateRecentAccount(body.map(id => Number(id)));
         onChange === null || onChange === void 0 ? void 0 : onChange(userId);
-    }, [onChange]);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [onChange, recentData]);
     return (React.createElement(AccountSelectionStyled, { className: className },
         React.createElement(Input, { placeholder: "Search", suffix: React.createElement(Icon, { type: "icon-ants-search-2", style: { fontSize: '24px', color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw8 } }), value: searchValue, onChange: event => setSearchValue(event.target.value) }),
         React.createElement("div", { className: "account-list" },

package/es/components/molecules/AccountSelection/hooks/useAccountSelection.d.ts

@@ -17,5 +17,6 @@ export declare const useAccountSelection: (apiConfig: {
 }) => {
     recentData?: AccountRecent;
     accountData: Array<AccountData>;
+    updateRecentAccount: (values: [number, number]) => void;
 };
 export {};

package/es/components/molecules/AccountSelection/hooks/useAccountSelection.js

@@ -1,7 +1,7 @@
 // Libraries
 import { useMemo } from 'react';
 // Queries
-import { useGetAccountList, useGetPermissionAccountList, useGetRecentAccount, } from '@antscorp/antsomi-ui/es/queries';
+import { useGetAccountList, useGetPermissionAccountList, useGetRecentAccount, useUpdateRecentAccount, } from '@antscorp/antsomi-ui/es/queries';
 // Constant
 import { APP_CODES } from '@antscorp/antsomi-ui/es/constants';
 const { APP_ANTALYSER, DATAFLOWS } = APP_CODES;
@@ -41,6 +41,9 @@ export const useAccountSelection = (apiConfig) => {
             enabled: !isUsePermissionAccount(appCode || ''),
         },
     });
+    const { mutateAsync: updateRecentAccount } = useUpdateRecentAccount({
+        apiConfig,
+    });
     // Memos
     const accountData = useMemo(() => {
         if (isUsePermissionAccount(appCode || '')) {
@@ -53,5 +56,5 @@ export const useAccountSelection = (apiConfig) => {
         }
         return (data === null || data === void 0 ? void 0 : data.entries) || [];
     }, [appCode, data === null || data === void 0 ? void 0 : data.entries, permissionAccountList]);
-    return { recentData, accountData };
+    return { recentData, accountData, updateRecentAccount };
 };

package/es/queries/Account/useGetAccountList.d.ts

@@ -1,5 +1,5 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { TAccountParams } from '../../services/Account';
+import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
+import { TAccountParams, TUpdateRecentAccount } from '../../services/Account';
 import { AccountListing, AccountRecent, TAccountPermission } from '../../models/AccountListing';
 type OptionHasDefault = 'queryKey' | 'queryFn';
 type GetAccountListProps = {
@@ -10,11 +10,20 @@ type GetRecentAccountProps = {
     apiConfig: TAccountParams;
     options?: Omit<UseQueryOptions<any, any, AccountRecent, any[]>, OptionHasDefault>;
 };
+type UpdateRecentAccountProps = {
+    apiConfig: TAccountParams;
+    options?: UseMutationOptions<{
+        status: number;
+    }, any, TUpdateRecentAccount['data'], unknown>;
+};
 type TCheckUserPermissionProps = {
     apiConfig: TAccountParams;
     options?: Omit<UseQueryOptions<any, any, TAccountPermission | undefined, any[]>, OptionHasDefault>;
 };
 export declare const useGetAccountList: (props: GetAccountListProps) => import("@tanstack/react-query").UseQueryResult<AccountListing, any>;
 export declare const useGetRecentAccount: (props: GetRecentAccountProps) => import("@tanstack/react-query").UseQueryResult<AccountRecent, any>;
+export declare const useUpdateRecentAccount: (props: UpdateRecentAccountProps) => import("@tanstack/react-query").UseMutationResult<{
+    status: number;
+}, any, [number, number], unknown>;
 export declare const useCheckUserPermission: (props: TCheckUserPermissionProps) => import("@tanstack/react-query").UseQueryResult<TAccountPermission | undefined, any>;
 export {};

package/es/queries/Account/useGetAccountList.js

@@ -1,10 +1,10 @@
 // Libraries
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useMutation, useQueryClient, } from '@tanstack/react-query';
 // Services
 import { accountService } from '../../services/Account';
 // Constants
 import { QUERY_KEYS } from '../../constants/queries';
-const { getList, getRecentAccount, checkPermission } = accountService;
+const { getList, getRecentAccount, updateRecentAccount, checkPermission } = accountService;
 export const useGetAccountList = (props) => {
     const { apiConfig, options } = props;
     return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_ACCOUNT_LISTING, apiConfig], queryFn: () => getList(apiConfig) }, options));
@@ -13,6 +13,15 @@ export const useGetRecentAccount = (props) => {
     const { apiConfig, options } = props;
     return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_RECENT_ACCOUNT], queryFn: () => getRecentAccount(apiConfig) }, options));
 };
+export const useUpdateRecentAccount = (props) => {
+    const { apiConfig, options } = props;
+    const queryClient = useQueryClient();
+    return useMutation(Object.assign({ mutationFn: variables => updateRecentAccount({ params: apiConfig, data: variables }), onSettled: () => {
+            queryClient.invalidateQueries([QUERY_KEYS.GET_RECENT_ACCOUNT], {
+                exact: false,
+            });
+        } }, options));
+};
 export const useCheckUserPermission = (props) => {
     const { apiConfig, options } = props;
     const { languageCode, userId, portalId } = apiConfig;

package/es/services/Account/index.d.ts

@@ -7,8 +7,15 @@ export type TAccountParams = {
     accountId?: number;
     token?: string;
 };
+export type TUpdateRecentAccount = {
+    params: TAccountParams;
+    data: [number, number];
+};
 export declare const accountService: {
     getList: (config: TAccountParams) => Promise<AccountListing>;
     getRecentAccount: (config: TAccountParams) => Promise<AccountRecent | undefined>;
     checkPermission: (config: TAccountParams) => Promise<TAccountPermission>;
+    updateRecentAccount: (args: TUpdateRecentAccount) => Promise<{
+        status: number;
+    }>;
 };

package/es/services/Account/index.js

@@ -86,4 +86,32 @@ export const accountService = {
             return Promise.reject(error);
         }
     }),
+    updateRecentAccount: (args) => __awaiter(void 0, void 0, void 0, function* () {
+        const { params, data } = args;
+        const { domain, languageCode = 'en', portalId = 33167, userId, token } = params;
+        try {
+            const response = yield axios({
+                method: 'PUT',
+                url: `${domain}${API_RECENT}`,
+                params: {
+                    portalId,
+                    languageCode,
+                    _user_id: userId,
+                },
+                headers: {
+                    Token: token,
+                },
+                data: {
+                    value: JSON.stringify(data),
+                },
+            });
+            return {
+                status: +get(response, 'data.data.status', ''),
+            };
+            // return undefined;
+        }
+        catch (error) {
+            return Promise.reject(error);
+        }
+    }),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.585",
+  "version": "1.3.5-beta.586",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",