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

package/README.md

@@ -44,6 +44,7 @@ export default function App() {
     setError(null)
 
     const result = await createCheckout({
+      type: 'AMOUNT',      // or 'PRODUCTS' for product-based checkouts
       title: 'Purchase title for the buyer',
       description: 'Description of the purchase',
       amount: 500,
@@ -86,6 +87,7 @@ Collect and store customer information with each checkout. Pass `customer` to pr
 
 ```tsx
 const result = await createCheckout({
+  type: 'AMOUNT',
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,
@@ -119,6 +121,7 @@ When your user is already authenticated in your app, pass `externalId` to link c
 
 ```tsx
 const result = await createCheckout({
+  type: 'AMOUNT',
   title: "Premium Plan",
   description: 'Monthly subscription',
   amount: 1000,
@@ -139,7 +142,44 @@ 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
 
-Verify successful payments:
+## Product Checkouts
+Sell products defined in your Money Dev Kit dashboard using `type: 'PRODUCTS'`:
+
+```tsx
+import { useCheckout, useProducts } from '@moneydevkit/replit'
+
+function ProductPage() {
+  const { createCheckout, isLoading } = useCheckout()
+  const { products } = useProducts()
+
+  const handleBuyProduct = async (productId: string) => {
+    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
 ```tsx
 import { useCheckoutSuccess } from '@moneydevkit/replit'
 

package/dist/hooks/useProducts.d.ts

@@ -0,0 +1 @@
+export { useProducts } from '@moneydevkit/core/client';

package/dist/hooks/useProducts.js

@@ -0,0 +1,3 @@
+'use client';
+export { useProducts } from '@moneydevkit/core/client';
+//# sourceMappingURL=useProducts.js.map

package/dist/hooks/useProducts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProducts.js","sourceRoot":"","sources":["../../src/hooks/useProducts.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,4 +1,5 @@
 export { Checkout } from './components/Checkout';
 export { useCheckout } from './hooks/useCheckout';
 export { useCheckoutSuccess } from './hooks/useCheckoutSuccess';
+export { useProducts } from './hooks/useProducts';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneydevkit/replit",
-  "version": "0.7.0-beta.5",
+  "version": "0.7.0-beta.7",
   "description": "Money Dev Kit checkout package for Replit (Vite + Express).",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@moneydevkit/core": "0.7.0-beta.5"
+    "@moneydevkit/core": "0.7.0-beta.7"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",