@moneydevkit/nextjs 0.7.0-beta.0 → 0.7.0-beta.2

package/README.md

@@ -21,13 +21,17 @@ moneydevkit checkout library for embedding Lightning-powered payments inside Nex
 'use client'
 
 import { useCheckout } from '@moneydevkit/nextjs'
+import { useState } from 'react'
 
 export default function HomePage() {
-  const { navigate, isNavigating } = useCheckout()
+  const { createCheckout, isLoading } = useCheckout()
+  const [error, setError] = useState(null)
 
-  const handlePurchase = () => {
-    navigate({
-      title: "Describe the purchase shown to the buyer",
+  const handlePurchase = async () => {
+    setError(null)
+
+    const result = await createCheckout({
+      title: 'Describe the purchase shown to the buyer',
       description: 'A description of the purchase',
       amount: 500,         // 500 USD cents or Bitcoin sats
       currency: 'USD',     // or 'SAT'
@@ -38,12 +42,22 @@ export default function HomePage() {
         name: 'John Doe'
       }
     })
+
+    if (result.error) {
+      setError(result.error.message)
+      return
+    }
+
+    window.location.href = result.data.checkoutUrl
   }
 
   return (
-    <button onClick={handlePurchase} disabled={isNavigating}>
-      {isNavigating ? 'Creating checkout…' : 'Buy Now'}
-    </button>
+    <div>
+      {error && <p style={{ color: 'red' }}>{error}</p>}
+      <button onClick={handlePurchase} disabled={isLoading}>
+        {isLoading ? 'Creating checkout…' : 'Buy Now'}
+      </button>
+    </div>
   )
 }
 ```
@@ -65,7 +79,7 @@ export default function CheckoutPage({ params }) {
 ### 3. Expose the unified Money Dev Kit endpoint
 ```js
 // app/api/mdk/route.js
-export { POST } from '@moneydevkit/nextjs/server/route'
+export { POST } from "@moneydevkit/nextjs/server/route";
 ```
 
 ### 4. Configure Next.js
@@ -82,7 +96,7 @@ You now have a complete Lightning checkout loop: the button creates a session, t
 Collect and store customer information with each checkout. Pass `customer` to pre-fill data and `requireCustomerData` to prompt the user for specific fields:
 
 ```jsx
-navigate({
+const result = await createCheckout({
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,
@@ -115,7 +129,7 @@ Customers are matched by `email` or `externalId`. When a match is found:
 When your user is already authenticated in your app, pass `externalId` to link checkouts to their account:
 
 ```jsx
-navigate({
+const result = await createCheckout({
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export { Checkout } from './components/Checkout';
 export type { CheckoutProps } from './components/Checkout';
 export { useCheckout } from './hooks/useCheckout';
 export { useCheckoutSuccess } from './hooks/useCheckoutSuccess';
+export type { MdkError, Result } from '@moneydevkit/core/client';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneydevkit/nextjs",
-  "version": "0.7.0-beta.0",
+  "version": "0.7.0-beta.2",
   "title": "@moneydevkit/nextjs",
   "description": "moneydevkit checkout components for Next.js.",
   "repository": {
@@ -51,7 +51,7 @@
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
     "@moneydevkit/api-contract": "^0.1.13",
-    "@moneydevkit/core": "0.7.0-beta.0",
+    "@moneydevkit/core": "0.7.0-beta.2",
     "@moneydevkit/lightning-js": "^0.1.59",
     "@orpc/client": "1.3.0",
     "@orpc/contract": "1.3.0",