update paymaster functionality

coinbase · Oct 28, 2024 · 5ae8e5f · 5ae8e5f
1 parent 6d6b8f8
commit 5ae8e5f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/playground/nextjs-app-router/components/DemoOptions.tsx b/playground/nextjs-app-router/components/DemoOptions.tsx
@@ -31,6 +31,7 @@ export default function DemoOptions({
           {commonOptions}
           <Chain />
           <PaymasterUrl />
+          <IsSponsored />
           <CheckoutOptions />
         </>
       );

diff --git a/playground/nextjs-app-router/components/demo/Checkout.tsx b/playground/nextjs-app-router/components/demo/Checkout.tsx
@@ -1,4 +1,3 @@
-import { useCapabilities } from '@/lib/hooks';
 import {
   Checkout,
   CheckoutButton,
@@ -10,8 +9,8 @@ import { useContext } from 'react';
 import { AppContext, CheckoutTypes } from '../AppProvider';
 
 export default function CheckoutDemo() {
-  const { checkoutTypes, checkoutOptions } = useContext(AppContext);
-  const capabilities = useCapabilities();
+  const { checkoutTypes, checkoutOptions, isSponsored } =
+    useContext(AppContext);
 
   const chargeIDKey = useMemo(() => {
     return `${checkoutOptions?.chargeId}`;
@@ -41,7 +40,7 @@ export default function CheckoutDemo() {
               key={productIDKey}
               productId={checkoutOptions?.productId}
               onStatus={handleOnStatus}
-              isSponsored={capabilities?.paymasterService?.url != null}
+              isSponsored={isSponsored}
             >
               <CheckoutButton
                 coinbaseBranded={true}
@@ -69,7 +68,7 @@ export default function CheckoutDemo() {
               key={chargeIDKey}
               chargeHandler={createCharge}
               onStatus={handleOnStatus}
-              isSponsored={capabilities?.paymasterService?.url != null}
+              isSponsored={isSponsored}
             >
               <CheckoutButton
                 coinbaseBranded={true}

diff --git a/playground/nextjs-app-router/components/demo/Transaction.tsx b/playground/nextjs-app-router/components/demo/Transaction.tsx
@@ -1,4 +1,3 @@
-import { useCapabilities } from '@/lib/hooks';
 import { clickCalls, clickContracts } from '@/lib/transactions';
 import type { Call } from '@/onchainkit/esm/transaction/types';
 import type { LifecycleStatus } from '@/onchainkit/src/transaction';
@@ -20,7 +19,6 @@ import { AppContext, TransactionTypes } from '../AppProvider';
 
 function TransactionDemo() {
   const { chainId, transactionType, isSponsored } = useContext(AppContext);
-  const capabilities = useCapabilities();
   const contracts = clickContracts as ContractFunctionParameters[];
   const calls = clickCalls as Call[];
   const promiseCalls = new Promise((resolve) => {
@@ -100,7 +98,7 @@ function TransactionDemo() {
       case TransactionTypes.ContractsCallback:
         return { calls: undefined, contracts: contractsCallback };
       default:
-        return { calls: undefined, contracts: undefined };
+        return { calls, contracts: undefined };
     }
   }, [
     calls,
@@ -117,7 +115,6 @@ function TransactionDemo() {
       <Transaction
         chainId={chainId ?? 84532} // something breaks if we don't have default network?
         {...transactions}
-        capabilities={capabilities}
         isSponsored={isSponsored}
         onStatus={handleOnStatus}
       >