listen to transfer event

Author: sstraatemans

packages/apps/rwa-demo/src/components/AccountProvider/AccountProvider.tsx

@@ -1,8 +1,8 @@
 'use client';
+import { useGetAccountKDABalance } from '@/hooks/getAccountKDABalance';
 import type { IAgentHookProps } from '@/hooks/getAgentRoles';
 import { useGetAgentRoles } from '@/hooks/getAgentRoles';
 import { useGetInvestorBalance } from '@/hooks/getInvestorBalance';
-import { accountKDABalance } from '@/services/accountKDABalance';
 import { isAgent } from '@/services/isAgent';
 import { isComplianceOwner } from '@/services/isComplianceOwner';
 import { isFrozen } from '@/services/isFrozen';
@@ -75,7 +75,10 @@ export const AccountProvider: FC<PropsWithChildren> = ({ children }) => {
   const [isAgentState, setIsAgentState] = useState(false);
   const [isInvestorState, setIsInvestorState] = useState(false);
   const [isFrozenState, setIsFrozenState] = useState(false);
-  const [kdaBalance, setKdaBalance] = useState(-1);
+  const { data: kdaBalance } = useGetAccountKDABalance({
+    accountAddress: account?.address,
+  });
+  // const [kdaBalance, setKdaBalance] = useState(-1);
   const { ...accountRoles } = useGetAgentRoles({
     agent: account?.address,
   });
@@ -89,12 +92,11 @@ export const AccountProvider: FC<PropsWithChildren> = ({ children }) => {
     setIsAgentState(!!resIsAgent);
   };
   const checkIsGasPayable = async (account: IWalletAccount) => {
-    const res = await accountKDABalance(
-      { accountName: account.address },
-      account,
-    );
-
-    setKdaBalance(res);
+    // const res = await accountKDABalance(
+    //   { accountName: account.address },
+    //   account,
+    // );
+    // setKdaBalance(res);
   };
   const checkIsOwner = async (account: IWalletAccount) => {
     const resIsOwner = await isOwner({ owner: account.address });

packages/apps/rwa-demo/src/hooks/getAccountKDABalance.ts

@@ -0,0 +1,38 @@
+import { useEventSubscriptionSubscription } from '@/__generated__/sdk';
+import { accountKDABalance } from '@/services/accountKDABalance';
+import { useEffect, useState } from 'react';
+
+export const useGetAccountKDABalance = ({
+  accountAddress,
+}: {
+  accountAddress?: string;
+}) => {
+  const [innerData, setInnerData] = useState(0);
+
+  const { data: subscriptionData } = useEventSubscriptionSubscription({
+    variables: {
+      qualifiedName: `coin.TRANSFER`,
+    },
+  });
+
+  const init = async () => {
+    if (!accountAddress) return;
+    const res = await accountKDABalance({ accountName: accountAddress });
+    setInnerData(res);
+  };
+
+  useEffect(() => {
+    if (!accountAddress) return;
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    init();
+  }, [accountAddress]);
+
+  useEffect(() => {
+    subscriptionData?.events?.map((event) => {
+      const params = JSON.parse(event.parameters ?? '[]');
+      console.log({ params }, event);
+    });
+  }, [subscriptionData]);
+
+  return { data: innerData };
+};

packages/apps/rwa-demo/src/services/accountKDABalance.ts

@@ -1,22 +1,18 @@
-import type { IWalletAccount } from '@/components/AccountProvider/AccountType';
 import { getClient, getNetwork } from '@/utils/client';
 import { Pact } from '@kadena/client';
 
 export interface IAccountKDABalanceProps {
   accountName: string;
 }
 
-export const accountKDABalance = async (
-  data: IAccountKDABalanceProps,
-  account: IWalletAccount,
-) => {
+export const accountKDABalance = async (data: IAccountKDABalanceProps) => {
   const client = getClient();
   const transaction = Pact.builder
     .execution(
       `(let ((details (coin.details "${data.accountName}")))(let ((principal (create-principal (at "guard" details)))){"details":details, "principal":principal}))`,
     )
     .setMeta({
-      senderAccount: account.address,
+      senderAccount: data.accountName,
       chainId: getNetwork().chainId,
     })
     .addData('account', data.accountName)