Version Packages (#8466)

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

apps/portal/src/app/contracts/extensions/page.tsx

@@ -77,3 +77,5 @@ export default async function ExtensionPage() {
     </>
   );
 }
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/contracts/layout.tsx

@@ -19,3 +19,5 @@ export const metadata = createMetadata({
   },
   title: "Contracts",
 });
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/react/v5/[...slug]/page.tsx

@@ -27,3 +27,5 @@ export default async function Page(props: PageProps) {
 
   notFound();
 }
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/react/v5/layout.tsx

@@ -20,3 +20,5 @@ export const metadata = createMetadata({
     "A type-safe library to interact with any EVM-compatible blockchain in React applications.",
   title: "thirdweb React SDK",
 });
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/references/typescript/[version]/[[...slug]]/page.tsx

@@ -14,3 +14,5 @@ const config = getTDocPage({
 export default config.default;
 export const generateStaticParams = config.generateStaticParams;
 export const generateMetadata = config.generateMetadata;
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/typescript/v5/[...slug]/page.tsx

@@ -28,3 +28,5 @@ export default async function Page(props: PageProps) {
 
   notFound();
 }
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/typescript/v5/layout.tsx

@@ -20,3 +20,5 @@ export const metadata = createMetadata({
     "A type-safe library to interact with any EVM-compatible blockchain in Node, web and native applications.",
   title: "thirdweb TypeScript SDK",
 });
+
+export const revalidate = 86400; // revalidate every day

apps/portal/src/app/x402/server/page.mdx

@@ -110,7 +110,7 @@ if (verifyResult.status !== 200) {
 }
 
 // Do the expensive work that requires payment
-const { tokensUsed } = await callExpensiveAIModel();
+const { answer, tokensUsed } = await callExpensiveAIModel();
 
 // Now settle the payment based on actual usage
 const pricePerTokenUsed = 0.00001; // ex: $0.00001 per AI model token used
@@ -119,7 +119,7 @@ const settleResult = await settlePayment({
 	price: tokensUsed * pricePerTokenUsed, // adjust final price based on usage
 });
 
-return Response.json(result);
+return Response.json(answer);
 ```
 
 ## Price and Token Configuration

apps/wagmi-demo/CHANGELOG.md

@@ -1,5 +1,13 @@
 # wagmi-inapp
 
+## 0.0.38
+
+### Patch Changes
+
+- Updated dependencies [[`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb), [`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb)]:
+  - thirdweb@5.114.1
+  - @thirdweb-dev/wagmi-adapter@0.2.193
+
 ## 0.0.37
 
 ### Patch Changes

apps/wagmi-demo/package.json

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

packages/nebula/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @thirdweb-dev/nebula
 
+## 0.2.96
+
+### Patch Changes
+
+- Updated dependencies [[`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb), [`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb)]:
+  - thirdweb@5.114.1
+
 ## 0.2.95
 
 ### Patch Changes

packages/nebula/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.95"
+  "version": "0.2.96"
 }

packages/thirdweb/CHANGELOG.md

@@ -1,5 +1,13 @@
 # thirdweb
 
+## 5.114.1
+
+### Patch Changes
+
+- [#8465](https://github.com/thirdweb-dev/js/pull/8465) [`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Add customization options for the signIn modal shown from useFetchWithPayment
+
+- [#8465](https://github.com/thirdweb-dev/js/pull/8465) [`629efc1`](https://github.com/thirdweb-dev/js/commit/629efc13b62cd56beeefedc964440b3d66fc1dbb) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Add monad chain definition
+
 ## 5.114.0
 
 ### Minor Changes

packages/thirdweb/package.json

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

packages/thirdweb/src/chains/chain-definitions/monad.ts

@@ -0,0 +1,20 @@
+import { defineChain } from "../utils.js";
+
+/**
+ * @chain
+ */
+export const monad = /*@__PURE__*/ defineChain({
+  blockExplorers: [
+    {
+      name: "Monad Vision",
+      url: "https://monadvision.com/",
+    },
+    {
+      name: "Monad Scan",
+      url: "https://monadscan.com/",
+    },
+  ],
+  id: 143,
+  name: "Monad",
+  nativeCurrency: { decimals: 18, name: "Mon", symbol: "MON" },
+});

packages/thirdweb/src/exports/chains.ts

@@ -52,6 +52,7 @@ export { mantaPacificTestnet } from "../chains/chain-definitions/manta-pacific-t
 export { metalL2Testnet } from "../chains/chain-definitions/metal-l2-testnet.js";
 export { mode } from "../chains/chain-definitions/mode.js";
 export { modeTestnet } from "../chains/chain-definitions/mode-testnet.js";
+export { monad } from "../chains/chain-definitions/monad.js";
 export { monadTestnet } from "../chains/chain-definitions/monad-testnet.js";
 export { moonbeam } from "../chains/chain-definitions/moonbeam.js";
 export { optimism } from "../chains/chain-definitions/optimism.js";

packages/thirdweb/src/react/core/hooks/others/useInvalidateBalances.ts

@@ -12,7 +12,7 @@ import { invalidateWalletBalance } from "../../providers/invalidateWalletBalance
 export function useInvalidateBalances() {
   const queryClient = useQueryClient();
 
-  return ({ chainId }: { chainId?: number }) => {
+  return ({ chainId }: { chainId?: number } = {}) => {
     invalidateWalletBalance(queryClient, chainId);
   };
 }

packages/thirdweb/src/react/core/hooks/x402/useFetchWithPaymentCore.ts

@@ -99,8 +99,9 @@ export function useFetchWithPaymentCore(
                   errorData: errorBody,
                   onRetry: async () => {
                     // Retry the entire fetch+error handling logic recursively
+                    // Pass currentWallet to avoid re-showing connect modal with stale wallet state
                     try {
-                      const result = await executeFetch();
+                      const result = await executeFetch(currentWallet);
                       resolve(result);
                     } catch (error) {
                       reject(error);

packages/thirdweb/src/react/web/hooks/x402/useFetchWithPayment.tsx

@@ -46,6 +46,17 @@ type UseFetchWithPaymentConfig = UseFetchWithPaymentOptions & {
    * These options will be merged with the client, theme, and chain from the hook.
    */
   connectOptions?: Omit<UseConnectModalOptions, "client" | "theme">;
+  /**
+   * Options to customize the SignInRequiredModal that appears when the user needs to sign in.
+   */
+  signInRequiredModal?: {
+    /** Custom title for the modal header */
+    title?: string;
+    /** Custom description text */
+    description?: string;
+    /** Custom label for the sign in button */
+    buttonLabel?: string;
+  };
 };
 
 /**
@@ -73,6 +84,7 @@ type UseFetchWithPaymentConfig = UseFetchWithPaymentOptions & {
  * @param options.theme - Theme for the payment error modal (defaults to "dark")
  * @param options.fundWalletOptions - Customize the BuyWidget shown when user needs to fund their wallet
  * @param options.connectOptions - Customize the ConnectModal shown when user needs to sign in
+ * @param options.signInRequiredModal - Customize the SignInRequiredModal shown when user needs to sign in (title, description, buttonLabel)
  * @returns An object containing:
  * - `fetchWithPayment`: Function to make fetch requests with automatic payment handling (returns parsed data)
  * - `isPending`: Boolean indicating if a request is in progress
@@ -146,6 +158,17 @@ type UseFetchWithPaymentConfig = UseFetchWithPaymentOptions & {
  * });
  * ```
  *
+ * ### Customize the sign in required modal
+ * ```tsx
+ * const { fetchWithPayment } = useFetchWithPayment(client, {
+ *   signInRequiredModal: {
+ *     title: "Authentication Required",
+ *     description: "Please sign in to access this paid content.",
+ *     buttonLabel: "Connect Wallet",
+ *   }
+ * });
+ * ```
+ *
  * ### Disable the UI and handle errors yourself
  * ```tsx
  * const { fetchWithPayment, error } = useFetchWithPayment(client, {
@@ -201,6 +224,9 @@ export function useFetchWithPayment(
         setRootEl(
           <SignInRequiredModal
             theme={theme}
+            title={options?.signInRequiredModal?.title}
+            description={options?.signInRequiredModal?.description}
+            buttonLabel={options?.signInRequiredModal?.buttonLabel}
             onSignIn={async () => {
               // Close the SignInRequiredModal
               setRootEl(null);

packages/thirdweb/src/react/web/ui/x402/SignInRequiredModal.tsx

@@ -15,13 +15,23 @@ type SignInRequiredModalProps = {
   theme: Theme | "light" | "dark";
   onSignIn: () => void;
   onCancel: () => void;
+  title?: string;
+  description?: string;
+  buttonLabel?: string;
 };
 
 /**
  * @internal
  */
 export function SignInRequiredModal(props: SignInRequiredModalProps) {
-  const { theme, onSignIn, onCancel } = props;
+  const {
+    theme,
+    onSignIn,
+    onCancel,
+    title = "Sign in required",
+    description = "Account required to complete payment, please sign in to continue.",
+    buttonLabel = "Sign in",
+  } = props;
 
   return (
     <CustomThemeProvider theme={theme}>
@@ -35,10 +45,10 @@ export function SignInRequiredModal(props: SignInRequiredModalProps) {
           }
         }}
         size="compact"
-        title="Sign in required"
+        title={title}
       >
         <Container p="lg">
-          <ModalHeader title="Sign in required" />
+          <ModalHeader title={title} />
 
           <Container
             flex="column"
@@ -55,7 +65,7 @@ export function SignInRequiredModal(props: SignInRequiredModalProps) {
                 lineHeight: 1.5,
               }}
             >
-              Account required to complete payment, please sign in to continue.
+              {description}
             </Text>
           </Container>
         </Container>
@@ -63,7 +73,7 @@ export function SignInRequiredModal(props: SignInRequiredModalProps) {
         {/* Action Buttons */}
         <ScreenBottomContainer>
           <Button fullWidth gap="xs" onClick={onSignIn} variant="accent">
-            Sign in
+            {buttonLabel}
           </Button>
           <Button fullWidth gap="xs" onClick={onCancel} variant="secondary">
             Cancel

packages/wagmi-adapter/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @thirdweb-dev/wagmi-adapter
 
+## 0.2.193
+
 ## 0.2.192
 
 ## 0.2.191

packages/wagmi-adapter/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.192"
+  "version": "0.2.193"
 }