@antscorp/antsomi-ui 1.3.7-beta.57 → 1.3.7-beta.59

package/es/queries/TemplateListing/index.js

@@ -14,6 +14,7 @@ export const useGetTemplateCategoryList = (params) => {
         queryFn: () => args?.params?.publicLevel === PUBLIC_LEVEL.PUBLIC
             ? category.getPublicList(params.args)
             : category.getList(params.args),
+        onSuccess() { },
         ...options,
     });
 };
@@ -22,6 +23,7 @@ export const useGetSaveAsGalleryPermissionEmails = (params) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_SAVE_AS_GALLERY_PERMISSION_EMAILS],
         queryFn: () => objectTemplate.getSaveAsGalleryPermission(params.args),
+        onSuccess() { },
         ...options,
     });
 };
@@ -29,17 +31,15 @@ export const useGetObjectTemplateList = (params) => {
     const { options, args } = params;
     return useInfiniteQuery({
         queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST, args.params],
-        initialPageParam: 1,
-        queryFn: async ({ pageParam }) => {
-            const page = pageParam || 1;
+        queryFn: async ({ pageParam = 1 }) => {
             const res = args?.params?.public_level === PUBLIC_LEVEL.PUBLIC
                 ? await objectTemplate.getPublicList({
                     ...args,
-                    params: { ...args.params, page },
+                    params: { ...args.params, page: pageParam },
                 })
                 : await objectTemplate.getList({
                     ...args,
-                    params: { ...args.params, page },
+                    params: { ...args.params, page: pageParam },
                 });
             return res;
         },
@@ -73,12 +73,10 @@ export const useBulkUpdateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.bulkUpdate,
         onSettled() {
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
                 exact: false,
             });
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
                 exact: false,
             });
         },
@@ -91,12 +89,10 @@ export const useCreateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.create,
         onSettled() {
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
                 exact: false,
             });
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
                 exact: false,
             });
         },
@@ -109,12 +105,10 @@ export const useUpdateTemplate = (params) => {
     return useMutation({
         mutationFn: objectTemplate.update,
         onSettled() {
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
                 exact: false,
             });
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
+            queryClient.invalidateQueries([QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST], {
                 exact: false,
             });
         },
@@ -136,19 +130,11 @@ export const usePersistTemplate = (params) => {
             }
         },
         onSettled(data, error, variables) {
-            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],
+            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], {
                 exact: false,
             });
-            queryClient.invalidateQueries({
-                queryKey: [QUERY_KEYS.GET_TEMPLATE_CATEGORY_LIST],
+            queryClient.invalidateQueries([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<NoInfer<T>, any>;
+export declare const useGetEventTrackingAttributes: <T = EventTrackingAttribute>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<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<NoInfer<T>, any>;
+export declare const useGetListFallbackBO: <T = FallbackBO[]>(props: GetDataTableBOProps<T>) => import("@tanstack/react-query").UseQueryResult<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("@tanstack/react-query").InfiniteData<import("../../models/SavedMedia").SavedMedia[], unknown>, Error>;
+export declare const useStoreSavedMedia: (domain: string, slug: string, infos: any) => import("@tanstack/react-query").UseInfiniteQueryResult<import("../../models/SavedMedia").SavedMedia[], unknown>;

package/es/queries/ThirdParty/useStoreSavedMedia.js

@@ -7,7 +7,6 @@ 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?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
+    options?: UseQueryOptions<any, Error, any>;
 }
 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 () => {
-        const data = await unsubscribeServices.getUnsubscribeList(args, infos);
+    queryFn: async () => unsubscribeServices.getUnsubscribeList(args, infos),
+    onSuccess: data => {
         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?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
+    options?: UseQueryOptions<any, Error, any>;
 }
 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?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
+    options?: UseQueryOptions<any, Error, any>;
 }
 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 () => {
-        const data = await unsubscribeServices.getUnsubscribeListPermission(args, infos);
+    queryFn: async () => unsubscribeServices.getUnsubscribeListPermission(args, infos),
+    onSuccess: data => {
         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?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
+    options?: UseQueryOptions<any, Error, any>;
 }
 /**
  * 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<NoInfer<LoggedUser>, any>;
+export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<LoggedUser, any>;

package/es/queries/User/index.js

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

package/es/queries/User/userGetUserInfo.js

@@ -1,4 +1,3 @@
-import { useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { getUserInfo } from '../../services/User';
 import { UserAndPortalDefaultConfig } from '../../utils/portal';
@@ -20,12 +19,10 @@ 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.57",
+  "version": "1.3.7-beta.59",
   "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": "^5",
-    "@tanstack/react-query-devtools": "^5",
+    "@tanstack/react-query": "4.20.4",
+    "@tanstack/react-query-devtools": "4.20.4",
     "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^3.7.0",
     "@tiptap/core": "3.10.2",