@antscorp/antsomi-ui 1.3.7-beta.53 → 1.3.7-beta.55

package/es/queries/LeftMenu/index.js

@@ -11,17 +11,18 @@ export const useGetDashboard = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_DASHBOARD, args.params, args.auth],
         queryFn: () => getDashboard(params.args),
-        onSuccess() { },
         ...options,
     });
 };
 export const useRemoveDashboard = () => {
     const queryClient = useQueryClient();
-    return useMutation(removeDashboard, {
+    return useMutation({
+        mutationFn: removeDashboard,
         onSuccess: data => {
             const { code } = data || {};
             if (code === API_RESPONSE_CODE.SUCCESS) {
-                queryClient.invalidateQueries([QUERY_KEYS.GET_DASHBOARD], {
+                queryClient.invalidateQueries({
+                    queryKey: [QUERY_KEYS.GET_DASHBOARD],
                     exact: false,
                 });
             }
@@ -34,7 +35,6 @@ export const useGetListMenu = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_LIST_MENU, args.params, args.auth],
         queryFn: () => getListMenu(params.args),
-        onSuccess() { },
         enabled: !!auth?.token && !!auth.portalId && !!auth?.userId,
         ...options,
     });
@@ -45,7 +45,6 @@ export const useGetListMenuPermission = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_LIST_MENU_PERMISSION, args.params, token, accountId, userId],
         queryFn: () => getListMenuPermission(params.args),
-        onSuccess() { },
         enabled: !!token && !!userId,
         ...options,
     });
@@ -55,7 +54,6 @@ export const useGetDestinationChannel = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_DESTINATION_CHANNEL, args.params, args.auth],
         queryFn: () => getDestinationChannel(params.args),
-        onSuccess() { },
         ...options,
     });
 };

package/es/queries/Permission/index.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { TGetAccountList } from '../../services/Permission';
 interface GetAccountListProps {
     args: TGetAccountList;
-    options?: UseQueryOptions<any, any, any[], any[]>;
+    options?: Omit<UseQueryOptions<any, any, any[], any[]>, 'queryKey' | 'queryFn'>;
 }
-export declare const useGetPermissionAccountList: (props: GetAccountListProps) => import("@tanstack/react-query").UseQueryResult<any[], any>;
+export declare const useGetPermissionAccountList: (props: GetAccountListProps) => import("@tanstack/react-query").UseQueryResult<NoInfer<any[]>, any>;
 export {};

package/es/queries/PromotionPool/useGetListPromotionPool.d.ts

@@ -5,5 +5,5 @@ interface TReturnData {
     rows: any[];
     total: number;
 }
-export declare const useGetListPromotionPool: <T = TReturnData>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: Omit<UseQueryOptions<TReturnData, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListPromotionPool: <T = TReturnData>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: Omit<UseQueryOptions<TReturnData, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

package/es/queries/TemplateListing/index.d.ts

@@ -1,7 +1,7 @@
 import { UseInfiniteQueryOptions, UseMutationOptions, UseQueryOptions } from '@tanstack/react-query';
 import { TemplateCategory } from '@antscorp/antsomi-ui/es/models/TemplateCategory';
 import { TBulkUpdateObjectTemplateArgs, TGetCategoryListArgs, TGetObjectTemplateDetailArgs, TGetObjectTemplateListArgs, TGetSaveAsGalleryPermissionArgs, TUpdateObjectTemplateArgs, TValidateObjectTemplateNameArgs } from '@antscorp/antsomi-ui/es/services/TemplateListing';
-import { ResponseCheckNameExist, ResponseListing } from '../../types';
+import { ResponseCheckNameExist } from '../../types';
 import { ObjectTemplate } from '../../models/ObjectTemplate';
 import { TCreateObjectTemplateArgs } from '../../services/TemplateListing';
 export type TGetTemplateCategoryList = {
@@ -14,7 +14,7 @@ export type TGetSaveAsGalleryPermissionEmails = {
 };
 export type TGetObjectTEmplateList = {
     args: TGetObjectTemplateListArgs;
-    options?: UseInfiniteQueryOptions<any, any, any, ResponseListing<ObjectTemplate>, (string | Record<string, any>)[]>;
+    options?: UseInfiniteQueryOptions<any, any, any, (string | Record<string, any>)[]>;
 };
 export type TGetObjectTemplateDetail = {
     args: TGetObjectTemplateDetailArgs;
@@ -38,10 +38,10 @@ export type TUsePersistTemplate = {
         params: TUpdateObjectTemplateArgs;
     }, unknown>;
 };
-export declare const useGetTemplateCategoryList: (params: TGetTemplateCategoryList) => import("@tanstack/react-query").UseQueryResult<TemplateCategory[], any>;
-export declare const useGetSaveAsGalleryPermissionEmails: (params: TGetSaveAsGalleryPermissionEmails) => import("@tanstack/react-query").UseQueryResult<string[], any>;
+export declare const useGetTemplateCategoryList: (params: TGetTemplateCategoryList) => import("@tanstack/react-query").UseQueryResult<NoInfer<TemplateCategory[]>, any>;
+export declare const useGetSaveAsGalleryPermissionEmails: (params: TGetSaveAsGalleryPermissionEmails) => import("@tanstack/react-query").UseQueryResult<NoInfer<string[]>, any>;
 export declare const useGetObjectTemplateList: (params: TGetObjectTEmplateList) => import("@tanstack/react-query").UseInfiniteQueryResult<any, any>;
-export declare const useGetObjectTemplateDetail: (params: TGetObjectTemplateDetail) => import("@tanstack/react-query").UseQueryResult<ObjectTemplate, any>;
+export declare const useGetObjectTemplateDetail: (params: TGetObjectTemplateDetail) => import("@tanstack/react-query").UseQueryResult<NoInfer<ObjectTemplate>, any>;
 export declare const useValidateTemplateName: (params: TUseValidateTemplateName) => import("@tanstack/react-query").UseMutationResult<ResponseCheckNameExist, any, TValidateObjectTemplateNameArgs, unknown>;
 export declare const useBulkUpdateTemplate: (params: TBulkUpdateTemplate) => import("@tanstack/react-query").UseMutationResult<any, any, TBulkUpdateObjectTemplateArgs, unknown>;
 export declare const useCreateTemplate: (params: TUseCreateTemplate) => import("@tanstack/react-query").UseMutationResult<any, any, TCreateObjectTemplateArgs, unknown>;

package/es/queries/TemplateListing/index.js

@@ -14,7 +14,6 @@ export const useGetTemplateCategoryList = (params) => {
         queryFn: () => args?.params?.publicLevel === PUBLIC_LEVEL.PUBLIC
             ? category.getPublicList(params.args)
             : category.getList(params.args),
-        onSuccess() { },
         ...options,
     });
 };
@@ -23,7 +22,6 @@ export const useGetSaveAsGalleryPermissionEmails = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_SAVE_AS_GALLERY_PERMISSION_EMAILS],
         queryFn: () => objectTemplate.getSaveAsGalleryPermission(params.args),
-        onSuccess() { },
         ...options,
     });
 };
@@ -31,15 +29,17 @@ export const useGetObjectTemplateList = (params) => {
     const { options, args } = params;
     return useInfiniteQuery({
         queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST, args.params],
-        queryFn: async ({ pageParam = 1 }) => {
+        initialPageParam: 1,
+        queryFn: async ({ pageParam }) => {
+            const page = pageParam || 1;
             const res = args?.params?.public_level === PUBLIC_LEVEL.PUBLIC
                 ? await objectTemplate.getPublicList({
                     ...args,
-                    params: { ...args.params, page: pageParam },
+                    params: { ...args.params, page },
                 })
                 : await objectTemplate.getList({
                     ...args,
-                    params: { ...args.params, page: pageParam },
+                    params: { ...args.params, page },
                 });
             return res;
         },
@@ -73,10 +73,12 @@ export const useBulkUpdateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.bulkUpdate,
         onSettled() {
-            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
                 exact: false,
             });
-            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
                 exact: false,
             });
         },
@@ -89,10 +91,12 @@ export const useCreateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.create,
         onSettled() {
-            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
                 exact: false,
             });
-            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
                 exact: false,
             });
         },
@@ -105,10 +109,12 @@ export const useUpdateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.update,
         onSettled() {
-            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
                 exact: false,
             });
-            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
                 exact: false,
             });
         },
@@ -130,11 +136,19 @@ export const usePersistTemplate = (params) => {
             }
         },
         onSettled(data, error, variables) {
-            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL, +get(variables, 'params.data.template_id', -1)], { exact: true });
-            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [
+                    QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL,
+                    +get(variables, 'params.data.template_id', -1),
+                ],
+                exact: true,
+            });
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
                 exact: false,
             });
-            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
                 exact: false,
             });
         },

package/es/queries/ThirdParty/useGetEventTrackingAttributes.d.ts

@@ -10,5 +10,5 @@ type GetDataTableBOProps<T> = {
     eventActionId: number;
     options?: Omit<UseQueryOptions<any, any, T, any[]>, OptionHasDefault>;
 };
-export declare const useGetEventTrackingAttributes: <T = EventTrackingAttribute>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetEventTrackingAttributes: <T = EventTrackingAttribute>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

package/es/queries/ThirdParty/useGetListFallbackBO.d.ts

@@ -6,5 +6,5 @@ type GetDataTableBOProps<T> = {
     serviceAuth: TServiceAuth;
     options?: Omit<UseQueryOptions<any, any, T, any[]>, OptionHasDefault>;
 };
-export declare const useGetListFallbackBO: <T = FallbackBO[]>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListFallbackBO: <T = FallbackBO[]>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

package/es/queries/ThirdParty/useStoreSavedMedia.d.ts

@@ -1 +1 @@
-export declare const useStoreSavedMedia: (domain: string, slug: string, infos: any) => import("@tanstack/react-query").UseInfiniteQueryResult<import("../../models/SavedMedia").SavedMedia[], unknown>;
+export declare const useStoreSavedMedia: (domain: string, slug: string, infos: any) => import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/react-query").InfiniteData<import("../../models/SavedMedia").SavedMedia[], unknown>, Error>;

package/es/queries/ThirdParty/useStoreSavedMedia.js

@@ -7,6 +7,7 @@ import { QUERY_KEYS } from '../../constants';
 // Hook to fetch data with infinite scrolling
 export const useStoreSavedMedia = (domain, slug, infos) => useInfiniteQuery({
     queryKey: [QUERY_KEYS.GET_LIST_SAVED_MEDIA, domain, slug, infos],
+    initialPageParam: 1,
     queryFn: ({ pageParam }) => getListingSavedMedia(domain, slug, infos, pageParam),
     getNextPageParam: (lastPage, pages) => (lastPage.length >= 10 ? pages.length + 1 : undefined),
 });

package/es/queries/Unsubscribe/useGetUnsubscribeList.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { TGetUnsubscribeListArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
 interface UseGetUnsubscribeListProps {
     args: TGetUnsubscribeListArgs;
-    options?: UseQueryOptions<any, Error, any>;
+    options?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
 }
 export declare const useGetUnsubscribeList: ({ args, options }: UseGetUnsubscribeListProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
 export {};

package/es/queries/Unsubscribe/useGetUnsubscribeList.js

@@ -7,8 +7,8 @@ import { unsubscribeServices, } from '../../services/Unsubscribe';
 import { QUERY_KEYS } from '../../constants';
 export const useGetUnsubscribeList = ({ args, options }, infos) => useQuery({
     queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST, args, options, infos],
-    queryFn: async () => unsubscribeServices.getUnsubscribeList(args, infos),
-    onSuccess: data => {
+    queryFn: async () => {
+        const data = await unsubscribeServices.getUnsubscribeList(args, infos);
         if (!data)
             return [];
         const unsubscribedList = data?.entries[0] || [];

package/es/queries/Unsubscribe/useGetUnsubscribeListByIdentifier.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { TGetUnsubscribeListByIdentifierArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
 interface UseGetUnsubscribeListByIdentifierProps {
     args: TGetUnsubscribeListByIdentifierArgs;
-    options?: UseQueryOptions<any, Error, any>;
+    options?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
 }
 export declare const useGetUnsubscribeListByIdentifier: ({ args, options }: UseGetUnsubscribeListByIdentifierProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
 export {};

package/es/queries/Unsubscribe/useGetUnsubscribeListPermission.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { TGetUnsubscribeListPermissionArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
 interface UseGetUnsubscribeListPermissionProps {
     args: TGetUnsubscribeListPermissionArgs;
-    options?: UseQueryOptions<any, Error, any>;
+    options?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
 }
 export declare const useGetUnsubscribeListPermission: ({ args, options }: UseGetUnsubscribeListPermissionProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
 export {};

package/es/queries/Unsubscribe/useGetUnsubscribeListPermission.js

@@ -6,8 +6,8 @@ import { unsubscribeServices, } from '../../services/Unsubscribe';
 import { QUERY_KEYS } from '../../constants';
 export const useGetUnsubscribeListPermission = ({ args, options }, infos) => useQuery({
     queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST_PERMISSION, args, options, infos],
-    queryFn: async () => unsubscribeServices.getUnsubscribeListPermission(args, infos),
-    onSuccess: data => {
+    queryFn: async () => {
+        const data = await unsubscribeServices.getUnsubscribeListPermission(args, infos);
         if (!data)
             return [];
         const unsubscribedList = data?.entries[0] || [];

package/es/queries/Unsubscribe/useGetUnsubscribePreferences.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { GetUnsubscribePreferencesArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
 interface UseGetUnsubscribePreferencesProps {
     args: GetUnsubscribePreferencesArgs;
-    options?: UseQueryOptions<any, Error, any>;
+    options?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
 }
 /**
  * React Query hook to get unsubscribe preferences by given identifier

package/es/queries/User/index.d.ts

@@ -5,4 +5,4 @@ export type TUseGetLoggedUser = {
     args: TGetLoggedUserArgs;
     options?: UseQueryOptions<LoggedUser, any, LoggedUser, any[]>;
 };
-export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<LoggedUser, any>;
+export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<NoInfer<LoggedUser>, any>;

package/es/queries/User/index.js

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
 // Services
@@ -6,15 +7,18 @@ import { PORTAL_KEYS, QUERY_KEYS } from '../../constants';
 import { UserAndPortalDefaultConfig } from '../../utils/portal';
 export const useGetLoggedUser = (params) => {
     const { args, options } = params;
-    return useQuery({
+    const query = useQuery({
         queryKey: [QUERY_KEYS.GET_LOGGED_USER, args],
         queryFn: () => userServices.getLoggedUser(args),
-        onSuccess(data) {
-            UserAndPortalDefaultConfig.setPartial({
-                [PORTAL_KEYS.USER_LANGUAGE]: data.language,
-            });
-            i18next.changeLanguage(`${data.language || 'en'}`.toLowerCase());
-        },
         ...options,
     });
+    useEffect(() => {
+        if (query.data) {
+            UserAndPortalDefaultConfig.setPartial({
+                [PORTAL_KEYS.USER_LANGUAGE]: query.data.language,
+            });
+            i18next.changeLanguage(`${query.data.language || 'en'}`.toLowerCase());
+        }
+    }, [query.data]);
+    return query;
 };

package/es/queries/User/userGetUserInfo.js

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { getUserInfo } from '../../services/User';
 import { UserAndPortalDefaultConfig } from '../../utils/portal';
@@ -19,10 +20,12 @@ export const useGetUserInfo = (appConfig) => {
         enabled,
         queryKey,
         queryFn: () => getUserInfo(getUserInfoParams),
-        onSuccess: data => {
-            UserAndPortalDefaultConfig.set(data.portal, data.user);
-        },
     });
+    useEffect(() => {
+        if (query.data) {
+            UserAndPortalDefaultConfig.set(query.data.portal, query.data.user);
+        }
+    }, [query.data]);
     return {
         data: query.data,
         isLoading: query.isFetching,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.53",
+  "version": "1.3.7-beta.55",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -77,8 +77,8 @@
     "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@swiper/core": "^0.0.21",
-    "@tanstack/react-query": "4.20.4",
-    "@tanstack/react-query-devtools": "4.20.4",
+    "@tanstack/react-query": "^5",
+    "@tanstack/react-query-devtools": "^5",
     "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^3.7.0",
     "@tiptap/core": "3.10.2",