refactor: simplify capability return type and improve button styling in CallBatchDemo

Author: ultraviolet10

apps/iframe/src/requests/permissionless.ts

@@ -31,7 +31,7 @@ import {
 } from "viem/account-abstraction"
 import { entryPoint07Address } from "viem/account-abstraction"
 import { privateKeyToAccount } from "viem/accounts"
-import type { GetCapabilitiesReturnType } from "viem/experimental"
+
 import { parseUserOpCalldata, sendUserOp } from "#src/requests/userOps"
 import { type SessionKeysByHappyUser, StorageKey, storage } from "#src/services/storage.ts"
 import { getCurrentChain } from "#src/state/chains"
@@ -287,7 +287,7 @@ export async function dispatchHandlers(request: ProviderMsgsFromApp[Msgs.Request
                 ),
             }
 
-            return capabilities satisfies GetCapabilitiesReturnType
+            return capabilities
         }
 
         case HappyMethodNames.REQUEST_SESSION_KEY: {

demos/react/src/demo-components/CallBatchDemo.tsx

@@ -3,7 +3,7 @@ import { walletClient } from "../clients"
 
 const CallBatchDemo = () => {
     async function getCapabilities() {
-        const caps = await walletClient?.getCapabilities()
+        const caps = await walletClient.getCapabilities()
 
         console.log(caps)
 
@@ -22,7 +22,11 @@ const CallBatchDemo = () => {
         <div className="grid grid-cols-2 gap-4 backdrop-blur-sm bg-gray-200/35 p-4 rounded-lg">
             <div className="text-lg font-bold col-span-2">EIP-5792</div>
 
-            <button type="button" onClick={getCapabilities} className="rounded-lg bg-sky-300 p-2 shadow-xl font-mono">
+            <button
+                type="button"
+                onClick={getCapabilities}
+                className="rounded-lg bg-sky-300 p-2 shadow-xl font-mono truncate"
+            >
                 wallet_getCapabilities
             </button>