@moneydevkit/nextjs 0.7.0-beta.5 → 0.7.0-beta.7

package/README.md

@@ -31,13 +31,13 @@ export default function HomePage() {
     setError(null)
 
     const result = await createCheckout({
+      type: 'AMOUNT',      // or 'PRODUCTS' for product-based checkouts
       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'
       successUrl: '/checkout/success',
       metadata: {
-        type: 'my_type',
         customField: 'internal reference for this checkout',
         name: 'John Doe'
       }
@@ -97,6 +97,7 @@ Collect and store customer information with each checkout. Pass `customer` to pr
 
 ```jsx
 const result = await createCheckout({
+  type: 'AMOUNT',
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,
@@ -130,6 +131,7 @@ When your user is already authenticated in your app, pass `externalId` to link c
 
 ```jsx
 const result = await createCheckout({
+  type: 'AMOUNT',
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,
@@ -150,6 +152,43 @@ When `externalId` is provided:
 - Only fields missing from the customer record are requested
 - This prevents authenticated users from being asked for data you already have
 
+## Product Checkouts
+Sell products defined in your Money Dev Kit dashboard using `type: 'PRODUCTS'`:
+
+```jsx
+import { useCheckout, useProducts } from '@moneydevkit/nextjs'
+
+function ProductPage() {
+  const { createCheckout, isLoading } = useCheckout()
+  const { products } = useProducts()
+
+  const handleBuyProduct = async (productId) => {
+    const result = await createCheckout({
+      type: 'PRODUCTS',
+      products: [productId],
+      successUrl: '/checkout/success',
+    })
+
+    if (result.error) return
+    window.location.href = result.data.checkoutUrl
+  }
+
+  return (
+    <div>
+      {products?.map(product => (
+        <button key={product.id} onClick={() => handleBuyProduct(product.id)}>
+          Buy {product.name} - ${(product.price?.priceAmount ?? 0) / 100}
+        </button>
+      ))}
+    </div>
+  )
+}
+```
+
+### Checkout Types
+- **`type: 'AMOUNT'`** - For donations, tips, or custom amounts. Requires `amount` field.
+- **`type: 'PRODUCTS'`** - For selling products. Requires `products` array with product IDs. Amount is calculated from product prices.
+
 ## Verify successful payments
 When a checkout completes, use `useCheckoutSuccess()` on the success page
 ```tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneydevkit/nextjs",
-  "version": "0.7.0-beta.5",
+  "version": "0.7.0-beta.7",
   "title": "@moneydevkit/nextjs",
   "description": "moneydevkit checkout components for Next.js.",
   "repository": {
@@ -50,9 +50,9 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
-    "@moneydevkit/api-contract": "^0.1.14",
-    "@moneydevkit/core": "0.7.0-beta.5",
-    "@moneydevkit/lightning-js": "^0.1.59",
+    "@moneydevkit/api-contract": "^0.1.16",
+    "@moneydevkit/core": "0.7.0-beta.7",
+    "@moneydevkit/lightning-js": "^0.1.60",
     "@orpc/client": "1.3.0",
     "@orpc/contract": "1.3.0",
     "@radix-ui/react-collapsible": "^1.1.11",