fix: nonce when sending operation

package.json

@@ -99,6 +99,7 @@
     "nprogress": "^0.2.0",
     "numeral": "^2.0.6",
     "pbkdf2": "^3.1.2",
+    "permissionless": "^0.2.47",
     "react": "^18.2.0",
     "react-apexcharts": "^1.7.0",
     "react-dom": "^18.2.0",
@@ -124,7 +125,7 @@
     "stylis-plugin-rtl": "^2.0.2",
     "swr": "^2.2.0",
     "uuid": "^10.0.0",
-    "viem": "^2.21.53",
+    "viem": "^2.31.4",
     "worker-loader": "^3.0.8",
     "yet-another-react-lightbox": "^3.11.4",
     "yup": "^1.4.0"

src/hooks/protocol/use-authorize-policy.ts

@@ -13,6 +13,7 @@ import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.t
 import { ERRORS } from '@src/libs/notifications/errors.ts';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
+import { getNonce } from '@src/utils/wallet.ts';
 
 // ----------------------------------------------------------------------
 
@@ -73,6 +74,7 @@ export const useAuthorizePolicy = (): UseAuthorizePolicyHook => {
       const userOpHash = await bundlerClient?.sendUserOperation({
         account: smartAccount,
         calls: calls,
+        nonce: await getNonce(smartAccount)
       });
 
       // Wait for the user operation receipt

src/hooks/protocol/use-campaign-pause.ts

@@ -7,6 +7,7 @@ import {UseCampaignPauseHook, UseCampaignPauseResult} from '@src/hooks/protocol/
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useCampaignPause = (): UseCampaignPauseHook => {
   const [data, setData] = useState<UseCampaignPauseResult | null>(null);
@@ -45,6 +46,7 @@ export const useCampaignPause = (): UseCampaignPauseHook => {
       const userOpHash = await bundlerClient?.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
       const receipt: WaitForUserOperationReceiptReturnType = await bundlerClient?.waitForUserOperationReceipt({
         hash: userOpHash,

src/hooks/protocol/use-campaign-remove-funds.ts

@@ -11,6 +11,7 @@ import {
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useCampaignRemoveFunds = (): UseCampaignRemoveFundsHook => {
   const [data, setData] = useState<UseCampaignRemoveFundsResult | null>(null);
@@ -52,6 +53,7 @@ export const useCampaignRemoveFunds = (): UseCampaignRemoveFundsHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
       const receipt: WaitForUserOperationReceiptReturnType = await bundlerClient.waitForUserOperationReceipt({
         hash: userOpHash,

src/hooks/protocol/use-campaign-unpause.ts

@@ -7,6 +7,7 @@ import {CampaignUnpauseResult, UseCampaignUnPauseHook} from '@src/hooks/protocol
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useCampaignUnPause = (): UseCampaignUnPauseHook => {
   const [data, setData] = useState<CampaignUnpauseResult | null>(null);
@@ -45,6 +46,7 @@ export const useCampaignUnPause = (): UseCampaignUnPauseHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
       const receipt: WaitForUserOperationReceiptReturnType = await bundlerClient.waitForUserOperationReceipt({
         hash: userOpHash,

src/hooks/protocol/use-configure-campaign.ts

@@ -10,6 +10,7 @@ import { notifyError } from '@src/libs/notifications/internal-notifications.ts';
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useConfigureCampaign = (): UseConfigureCampaignHook => {
   const [data, setData] = useState<ConfigureCampaignResult | null>(null);
@@ -90,6 +91,7 @@ export const useConfigureCampaign = (): UseConfigureCampaignHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
 
       // Wait for the transaction receipt

src/hooks/protocol/use-create-campaign.ts

@@ -8,6 +8,7 @@ import { notifyError } from '@src/libs/notifications/internal-notifications.ts';
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useCreateCampaign = (): UseCreateCampaignHook => {
   const [data, setData] = useState<CreateCampaignResult |null>(null);
@@ -51,6 +52,7 @@ export const useCreateCampaign = (): UseCreateCampaignHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
 
       const receipt: WaitForUserOperationReceiptReturnType = await bundlerClient.waitForUserOperationReceipt({

src/hooks/protocol/use-deposit.ts

@@ -14,6 +14,7 @@ import { ERRORS } from '@src/libs/notifications/errors.ts';
 import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useDeposit = (): UseDepositHook => {
   const [data, setData] = useState<UseDepositResult | null>(null);
@@ -85,6 +86,7 @@ export const useDeposit = (): UseDepositHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
 
       // Wait for the operation receipt

src/hooks/protocol/use-register-asset.ts

@@ -13,6 +13,7 @@ import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
 import { ERRORS } from '@src/libs/notifications/errors.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 // ----------------------------------------------------------------------
 
@@ -69,6 +70,7 @@ export const useRegisterAsset = (): UseRegisterAssetHook => {
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
 
       const receipt = await bundlerClient.waitForUserOperationReceipt({

src/hooks/protocol/use-sponsored-access-agreement.ts

@@ -13,6 +13,7 @@ import { notifyError } from '@src/libs/notifications/internal-notifications.ts';
 import { useAuth } from '@src/hooks/use-auth.ts';
 import { useWeb3Auth } from '@src/hooks/use-web3-auth.ts';
 import { Calls, WaitForUserOperationReceiptReturnType } from '@src/hooks/types.ts'
+import { getNonce } from '@src/utils/wallet.ts';
 
 export const useSponsoredAccessAgreement = (): UseSponsoredAccessAgreementHook => {
   const [data, setData] = useState<SponsoredAccessAgreementDetailsReturn | null>(null);
@@ -57,6 +58,7 @@ export const useSponsoredAccessAgreement = (): UseSponsoredAccessAgreementHook =
       const userOpHash = await bundlerClient.sendUserOperation({
         account: smartAccount,
         calls,
+        nonce: await getNonce(smartAccount)
       });
 
       const receipt: WaitForUserOperationReceiptReturnType = await bundlerClient.waitForUserOperationReceipt({