chore(example): Update custom tx

.changeset/soft-onions-jog.md

@@ -0,0 +1,5 @@
+---
+'@demo/wallet': patch
+---
+
+chore: Update deps

examples/nextjs/package.json

@@ -11,6 +11,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.23",
     "@bnb-chain/greenfield-js-sdk": "workspace:*",
     "@bnb-chain/greenfiled-file-handle": "workspace:*",
     "@cosmjs/encoding": "^0.29.5",

examples/nextjs/src/components/customtx/index.tsx

@@ -0,0 +1,90 @@
+import { client } from '@/client';
+import { useAccount } from 'wagmi';
+import { MsgSend } from '@bnb-chain/greenfield-cosmos-types/cosmos/bank/v1beta1/tx';
+import { parseEther } from 'viem';
+
+export const CustomTx = () => {
+  const { address } = useAccount();
+
+  return (
+    <>
+      <h4>Custome Tx</h4>
+
+      <br />
+      <button
+        onClick={async () => {
+          if (!address) return;
+          const transferParams: MsgSend = {
+            amount: [
+              {
+                denom: 'BNB',
+                amount: '100000000',
+              },
+            ],
+            fromAddress: address,
+            toAddress: '0x0000000000000000000000000000000000000001',
+          };
+
+          const transferTx = await client.txClient.tx(
+            '/cosmos.bank.v1beta1.MsgSend',
+            address,
+            {
+              Msg1: [
+                {
+                  name: 'type',
+                  type: 'string',
+                },
+                {
+                  name: 'from_address',
+                  type: 'string',
+                },
+                {
+                  name: 'to_address',
+                  type: 'string',
+                },
+                {
+                  name: 'amount',
+                  type: 'TypeMsg1Amount[]',
+                },
+              ],
+              TypeMsg1Amount: [
+                {
+                  name: 'denom',
+                  type: 'string',
+                },
+                {
+                  name: 'amount',
+                  type: 'string',
+                },
+              ],
+            },
+            MsgSend.toSDK(transferParams),
+            MsgSend.encode(transferParams).finish(),
+          );
+
+          const simulateInfo = await transferTx.simulate({
+            denom: 'BNB',
+          });
+
+          console.log('simulateInfo', simulateInfo);
+
+          const res = await transferTx.broadcast({
+            denom: 'BNB',
+            gasLimit: Number(simulateInfo?.gasLimit),
+            gasPrice: simulateInfo?.gasPrice || '5000000000',
+            payer: address,
+            granter: '',
+          });
+
+          console.log('res', res);
+
+          if (res.code === 0) {
+            alert('success');
+          }
+        }}
+      >
+        broadcast with simulate
+      </button>
+    </>
+  );
+};

examples/nextjs/src/pages/tx.tsx

@@ -16,6 +16,7 @@ import { Validator } from '@/components/validator';
 import { Proposal } from '@/components/proposal';
 import { Distribution } from '@/components/distribution';
 import { VirtualGroup } from '@/components/vg';
+import { CustomTx } from '@/components/customtx';
 
 export default function Tx() {
   const isMounted = useIsMounted();
@@ -60,6 +61,9 @@ export default function Tx() {
           <VirtualGroup />
           <hr style={{ margin: '10px 0' }} />
           <MultiMsg />
+          <hr style={{ margin: '10px 0' }} />
+          <CustomTx />
+          <hr style={{ margin: '10px 0' }} />
         </>
       )}
     </div>