fix: onramp improvements

Author: gregfromstl

.changeset/puny-breads-return.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": minor
+---
+
+Several onramp embed improvements

apps/playground-web/src/components/pay/embed.tsx

@@ -18,6 +18,10 @@ export function StyledPayEmbedPreview() {
     <div className="flex flex-col items-center justify-center">
       <StyledConnectButton
         chains={[base, defineChain(466), arbitrum, treasure, arbitrumNova]}
+        accountAbstraction={{
+          sponsorGas: true,
+          chain: base,
+        }}
         supportedTokens={{
           466: [
             {

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx

@@ -426,6 +426,10 @@ function useOnRampScreenState(props: {
     } else if (swapQuoteQuery.data && !swapTxHash) {
       // Execute swap/bridge
       try {
+        // Pause to handle any free tier rate limit
+        await new Promise((resolve) => setTimeout(resolve, 1_000));
+        // The quote is likely stale, so refetch it
+        await swapQuoteQuery.refetch();
         const result = await swapMutation.mutateAsync({
           quote: swapQuoteQuery.data,
         });
@@ -440,7 +444,7 @@ function useOnRampScreenState(props: {
       // retry the quote step
       setSwapTxHash(undefined);
       swapMutation.reset();
-      swapQuoteQuery.refetch();
+      await swapQuoteQuery.refetch();
     }
   }, [
     isDone,

packages/thirdweb/src/utils/promise/resolve-promised-value.ts

@@ -10,7 +10,6 @@
 export async function resolvePromisedValue<V>(
   value: V,
 ): Promise<V extends () => Promise<infer R> ? R : V> {
-  // @ts-expect-error - this works fine, but TS doesn't like it since 5.8
   return typeof value === "function" ? await value() : value;
 }