@opexa/portal-components 0.0.129 → 0.0.131

package/dist/client/hooks/useAvailableQuestsQuery.js

@@ -1,10 +1,12 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getAvailableQuests } from '../../services/trigger.js';
-import { getAvailableQuestsQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getAvailableQuestsCountQueryKey, getAvailableQuestsQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useAvailableQuestsQuery = (config) => {
+    const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();
     const query = useQuery({
         ...config,
@@ -15,12 +17,14 @@ export const useAvailableQuestsQuery = (config) => {
         queryFn: async ({ signal }) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');
-            return await getAvailableQuests({
+            const quests = await getAvailableQuests({
                 signal,
                 headers: {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
+            queryClient.setQueryData(getAvailableQuestsCountQueryKey(), quests.length);
+            return quests;
         },
     });
     return query;

package/dist/client/hooks/useBonusQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusQuery = (id, config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useBonusesCountQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusesCountQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useBonusesQuery.js

@@ -1,12 +1,15 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getBonuses } from '../../services/wallet.js';
-import { getBonusesQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getBonusesCountQueryKey, getBonusesQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useBonusesQuery = (config) => {
+    const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 5,
         ...config,
         enabled: config?.enabled === false
             ? false
@@ -15,12 +18,14 @@ export const useBonusesQuery = (config) => {
         queryFn: async ({ signal }) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');
-            return await getBonuses({
+            const bonuses = await getBonuses({
                 signal,
                 headers: {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
+            queryClient.setQueryData(getBonusesCountQueryKey(), bonuses.length);
+            return bonuses;
         },
     });
     return query;

package/dist/client/hooks/useCashbackBonusQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusQuery = (id, config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useCashbackBonusesCountQuery.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusesCountQuery = (config) => {
     const sessionQuery = useSessionQuery();
     return useQuery({
+        staleTime: 1000 * 2,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useCashbackBonusesQuery.js

@@ -1,12 +1,15 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getCashbackBonuses } from '../../services/wallet.js';
-import { getCashbackBonusesQueryKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCashbackBonusesCountQueryKey, getCashbackBonusesQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useCashbackBonusesQuery = (config) => {
+    const queryClient = getQueryClient();
     const sessionQuery = useSessionQuery();
     return useQuery({
+        staleTime: 1000 * 5,
         ...config,
         enabled: config?.enabled === false
             ? false
@@ -15,12 +18,14 @@ export const useCashbackBonusesQuery = (config) => {
         queryFn: async ({ signal }) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');
-            return await getCashbackBonuses({
+            const cashbackBonuses = await getCashbackBonuses({
                 signal,
                 headers: {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
+            queryClient.setQueryData(getCashbackBonusesCountQueryKey(), cashbackBonuses.length);
+            return cashbackBonuses;
         },
     });
 };

package/dist/components/Bonuses/Bonuses.client.js

@@ -28,8 +28,12 @@ import { ClaimSpotBonus } from './ClaimSpotBonus.js';
 const TABS = ['ALL', 'ACTIVE', 'CASHBACKS'];
 export function Bonuses__client(props) {
     const [tab, setTab] = useState(TABS[0]);
-    const bonusesQuery = useBonusesQuery();
-    const cashbackBonusesQuery = useCashbackBonusesQuery();
+    const bonusesQuery = useBonusesQuery({
+        refetchInterval: 5000,
+    });
+    const cashbackBonusesQuery = useCashbackBonusesQuery({
+        refetchInterval: 5000,
+    });
     const bonuses = tab === 'CASHBACKS'
         ? []
         : (bonusesQuery.data ?? []).filter((bonus) => {

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "form" | "vca";
+        view: "vca" | "form";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "form" | "vca";
+    view: "vca" | "form";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        view: "form" | "qrCode";
+        view: "qrCode" | "form";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    view: "form" | "qrCode";
+    view: "qrCode" | "form";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.129",
+  "version": "0.0.131",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",
@@ -77,9 +77,9 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.14.0",
+    "@ark-ui/react": "^5.14.1",
     "@date-fns/tz": "^1.2.0",
-    "@next/third-parties": "^15.3.3",
+    "@next/third-parties": "^15.3.4",
     "@tailwindcss/typography": "^0.5.16",
     "date-fns": "^4.1.0",
     "embla-carousel-autoplay": "^8.6.0",
@@ -101,8 +101,8 @@
     "@hookform/resolvers": "5.1.1",
     "@opexa/object-id": "0.1.6",
     "@tailwindcss/postcss": "4",
-    "@tanstack/react-query": "5.80.7",
-    "@tanstack/react-query-devtools": "5.80.7",
+    "@tanstack/react-query": "5.80.10",
+    "@tanstack/react-query-devtools": "5.80.10",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/lodash-es": "4.17.12",
     "@types/node": "24",
@@ -110,16 +110,16 @@
     "@types/react-dom": "19",
     "copy-files-from-to": "3.12.1",
     "eslint": "9",
-    "eslint-config-next": "15.3.3",
+    "eslint-config-next": "15.3.4",
     "next": "15.4.0-canary.61",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-hook-form": "7.57.0",
+    "react-hook-form": "7.58.1",
     "release-it": "19.0.3",
     "tailwindcss": "4.1.10",
     "tsc-alias": "1.8.16",
     "typescript": "5",
-    "zod": "3.25.63"
+    "zod": "3.25.67"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^4.0.0 || ^5.0.0",