Version Packages (#8452)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: joaquim-verges

.changeset/vast-nails-wash.md

@@ -1,5 +1,13 @@
 # wagmi-inapp
 
+## 0.0.36
+
+### Patch Changes
+
+- Updated dependencies [[`52aba0f`](https://github.com/thirdweb-dev/js/commit/52aba0ffb814904414cdc8e76407afd71272d88e), [`9809d5c`](https://github.com/thirdweb-dev/js/commit/9809d5cf66baa520a9413986eb5bd2900de6f337)]:
+  - thirdweb@5.113.0
+  - @thirdweb-dev/wagmi-adapter@0.2.191
+
 ## 0.0.35
 
 ### Patch Changes

.changeset/wet-maps-play.md

@@ -1,7 +1,7 @@
 {
   "name": "wagmi-inapp",
   "private": true,
-  "version": "0.0.35",
+  "version": "0.0.36",
   "type": "module",
   "scripts": {
     "dev": "vite",

apps/wagmi-demo/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @thirdweb-dev/nebula
 
+## 0.2.94
+
+### Patch Changes
+
+- Updated dependencies [[`52aba0f`](https://github.com/thirdweb-dev/js/commit/52aba0ffb814904414cdc8e76407afd71272d88e), [`9809d5c`](https://github.com/thirdweb-dev/js/commit/9809d5cf66baa520a9413986eb5bd2900de6f337)]:
+  - thirdweb@5.113.0
+
 ## 0.2.93
 
 ### Patch Changes

apps/wagmi-demo/package.json

@@ -57,5 +57,5 @@
   "type": "module",
   "types": "./dist/types/exports/thirdweb.d.ts",
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "0.2.93"
+  "version": "0.2.94"
 }

packages/nebula/CHANGELOG.md

@@ -1,5 +1,120 @@
 # thirdweb
 
+## 5.113.0
+
+### Minor Changes
+
+- [#8444](https://github.com/thirdweb-dev/js/pull/8444) [`9809d5c`](https://github.com/thirdweb-dev/js/commit/9809d5cf66baa520a9413986eb5bd2900de6f337) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - # New `useFetchWithPayment()` React Hook
+
+  Added a new React hook that wraps the native fetch API to automatically handle 402 Payment Required responses using the x402 payment protocol.
+
+  ## Features
+  - **Automatic Payment Handling**: Automatically detects 402 responses, creates payment headers, and retries requests
+  - **Built-in UI**: Shows an error modal with retry and fund wallet options when payment fails
+  - **Sign In Flow**: Prompts users to connect their wallet if not connected, then automatically retries the payment
+  - **Insufficient Funds Flow**: Integrates BuyWidget to help users top up their wallet directly in the modal
+  - **Customizable**: Supports theming, custom payment selectors, BuyWidget customization, and ConnectModal customization
+  - **Opt-out Modal**: Can disable the modal to handle errors manually
+
+  ## Basic Usage
+
+  The hook automatically parses JSON responses by default.
+
+  ```tsx
+  import { useFetchWithPayment } from "thirdweb/react";
+  import { createThirdwebClient } from "thirdweb";
+
+  const client = createThirdwebClient({ clientId: "your-client-id" });
+
+  function MyComponent() {
+    const { fetchWithPayment, isPending } = useFetchWithPayment(client);
+
+    const handleApiCall = async () => {
+      // Response is automatically parsed as JSON by default
+      const data = await fetchWithPayment(
+        "https://api.example.com/paid-endpoint",
+      );
+      console.log(data);
+    };
+
+    return (
+      <button onClick={handleApiCall} disabled={isPending}>
+        {isPending ? "Loading..." : "Make Paid API Call"}
+      </button>
+    );
+  }
+  ```
+
+  ## Customize Response Parsing
+
+  By default, responses are parsed as JSON. You can customize this with the `parseAs` option:
+
+  ```tsx
+  // Parse as text instead of JSON
+  const { fetchWithPayment } = useFetchWithPayment(client, {
+    parseAs: "text",
+  });
+
+  // Or get the raw Response object
+  const { fetchWithPayment } = useFetchWithPayment(client, {
+    parseAs: "raw",
+  });
+  ```
+
+  ## Customize Theme & Payment Options
+
+  ```tsx
+  const { fetchWithPayment } = useFetchWithPayment(client, {
+    maxValue: 5000000n, // 5 USDC in base units
+    theme: "light",
+    paymentRequirementsSelector: (requirements) => {
+      // Custom logic to select preferred payment method
+      return requirements[0];
+    },
+  });
+  ```
+
+  ## Customize Fund Wallet Widget
+
+  ```tsx
+  const { fetchWithPayment } = useFetchWithPayment(client, {
+    fundWalletOptions: {
+      title: "Add Funds",
+      description: "You need more tokens to complete this payment",
+      buttonLabel: "Get Tokens",
+    },
+  });
+  ```
+
+  ## Customize Connect Modal
+
+  ```tsx
+  const { fetchWithPayment } = useFetchWithPayment(client, {
+    connectOptions: {
+      wallets: [inAppWallet(), createWallet("io.metamask")],
+      title: "Sign in to continue",
+      showThirdwebBranding: false,
+    },
+  });
+  ```
+
+  ## Disable Modal (Handle Errors Manually)
+
+  ```tsx
+  const { fetchWithPayment, error } = useFetchWithPayment(client, {
+    showErrorModal: false,
+  });
+
+  // Handle the error manually
+  if (error) {
+    console.error("Payment failed:", error);
+  }
+  ```
+
+### Patch Changes
+
+- [#8453](https://github.com/thirdweb-dev/js/pull/8453) [`52aba0f`](https://github.com/thirdweb-dev/js/commit/52aba0ffb814904414cdc8e76407afd71272d88e) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Dont attempt chain switching for cb wallet if already connected to the right chain
+
 ## 5.112.4
 
 ### Patch Changes

packages/nebula/package.json

@@ -430,5 +430,5 @@
     }
   },
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "5.112.4"
+  "version": "5.113.0"
 }

packages/thirdweb/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @thirdweb-dev/wagmi-adapter
 
+## 0.2.191
+
 ## 0.2.190
 
 ## 0.2.189

packages/thirdweb/package.json

@@ -56,5 +56,5 @@
   "type": "module",
   "types": "./dist/types/exports/thirdweb.d.ts",
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "0.2.190"
+  "version": "0.2.191"
 }