@emulators/stripe 0.4.0 → 0.5.0

package/dist/index.js

@@ -191,12 +191,26 @@ function customerRoutes({ app, store, webhooks }) {
   });
   app.get("/v1/customers/:id", (c) => {
     const customer = ss.customers.findOneBy("stripe_id", c.req.param("id"));
-    if (!customer) return stripeError(c, 404, "invalid_request_error", `No such customer: '${c.req.param("id")}'`, "resource_missing");
+    if (!customer)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such customer: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     return c.json(formatCustomer(customer));
   });
   app.post("/v1/customers/:id", async (c) => {
     const customer = ss.customers.findOneBy("stripe_id", c.req.param("id"));
-    if (!customer) return stripeError(c, 404, "invalid_request_error", `No such customer: '${c.req.param("id")}'`, "resource_missing");
+    if (!customer)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such customer: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     const body = await parseStripeBody(c);
     const updated = ss.customers.update(customer.id, {
       ...body.email !== void 0 && { email: body.email },
@@ -214,7 +228,14 @@ function customerRoutes({ app, store, webhooks }) {
   });
   app.delete("/v1/customers/:id", async (c) => {
     const customer = ss.customers.findOneBy("stripe_id", c.req.param("id"));
-    if (!customer) return stripeError(c, 404, "invalid_request_error", `No such customer: '${c.req.param("id")}'`, "resource_missing");
+    if (!customer)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such customer: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     for (const pi of ss.paymentIntents.findBy("customer_id", customer.stripe_id)) {
       ss.paymentIntents.update(pi.id, { customer_id: null });
     }
@@ -253,10 +274,24 @@ function paymentIntentRoutes({ app, store, webhooks }) {
   app.post("/v1/payment_intents", async (c) => {
     const body = await parseStripeBody(c);
     if (!body.amount || !body.currency) {
-      return stripeError(c, 400, "invalid_request_error", "Missing required param: amount and currency are required.", void 0, "amount");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        "Missing required param: amount and currency are required.",
+        void 0,
+        "amount"
+      );
     }
     if (body.customer && !ss.customers.findOneBy("stripe_id", body.customer)) {
-      return stripeError(c, 400, "invalid_request_error", `No such customer: '${body.customer}'`, "resource_missing", "customer");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `No such customer: '${body.customer}'`,
+        "resource_missing",
+        "customer"
+      );
     }
     const status = body.payment_method ? "requires_confirmation" : "requires_payment_method";
     const pi = ss.paymentIntents.insert({
@@ -279,14 +314,28 @@ function paymentIntentRoutes({ app, store, webhooks }) {
   });
   app.get("/v1/payment_intents/:id", (c) => {
     const pi = ss.paymentIntents.findOneBy("stripe_id", c.req.param("id"));
-    if (!pi) return stripeError(c, 404, "invalid_request_error", `No such payment_intent: '${c.req.param("id")}'`, "resource_missing");
+    if (!pi)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such payment_intent: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     const expand = parseExpand(c);
     const result = applyExpand(formatPaymentIntent(pi), expand, expandResolvers);
     return c.json(result);
   });
   app.post("/v1/payment_intents/:id", async (c) => {
     const pi = ss.paymentIntents.findOneBy("stripe_id", c.req.param("id"));
-    if (!pi) return stripeError(c, 404, "invalid_request_error", `No such payment_intent: '${c.req.param("id")}'`, "resource_missing");
+    if (!pi)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such payment_intent: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     const body = await parseStripeBody(c);
     const updates = {};
     if (body.amount !== void 0) updates.amount = body.amount;
@@ -304,10 +353,23 @@ function paymentIntentRoutes({ app, store, webhooks }) {
   });
   app.post("/v1/payment_intents/:id/confirm", async (c) => {
     const pi = ss.paymentIntents.findOneBy("stripe_id", c.req.param("id"));
-    if (!pi) return stripeError(c, 404, "invalid_request_error", `No such payment_intent: '${c.req.param("id")}'`, "resource_missing");
+    if (!pi)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such payment_intent: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     const body = await parseStripeBody(c);
     if (pi.status !== "requires_confirmation" && pi.status !== "requires_payment_method") {
-      return stripeError(c, 400, "invalid_request_error", `This PaymentIntent's status is ${pi.status}, which does not allow confirmation.`, "payment_intent_unexpected_state");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `This PaymentIntent's status is ${pi.status}, which does not allow confirmation.`,
+        "payment_intent_unexpected_state"
+      );
     }
     if (body.payment_method) {
       ss.paymentIntents.update(pi.id, { payment_method: body.payment_method });
@@ -332,16 +394,40 @@ function paymentIntentRoutes({ app, store, webhooks }) {
     await webhooks.dispatch(
       "charge.succeeded",
       void 0,
-      { type: "charge.succeeded", data: { object: { id: charge.stripe_id, object: "charge", amount: charge.amount, currency: charge.currency, status: charge.status } } },
+      {
+        type: "charge.succeeded",
+        data: {
+          object: {
+            id: charge.stripe_id,
+            object: "charge",
+            amount: charge.amount,
+            currency: charge.currency,
+            status: charge.status
+          }
+        }
+      },
       "stripe"
     );
     return c.json(formatPaymentIntent(updated));
   });
   app.post("/v1/payment_intents/:id/cancel", async (c) => {
     const pi = ss.paymentIntents.findOneBy("stripe_id", c.req.param("id"));
-    if (!pi) return stripeError(c, 404, "invalid_request_error", `No such payment_intent: '${c.req.param("id")}'`, "resource_missing");
+    if (!pi)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such payment_intent: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     if (pi.status === "succeeded" || pi.status === "canceled") {
-      return stripeError(c, 400, "invalid_request_error", `This PaymentIntent's status is ${pi.status}, which does not allow cancellation.`, "payment_intent_unexpected_state");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `This PaymentIntent's status is ${pi.status}, which does not allow cancellation.`,
+        "payment_intent_unexpected_state"
+      );
     }
     const updated = ss.paymentIntents.update(pi.id, { status: "canceled" });
     await webhooks.dispatch(
@@ -362,6 +448,33 @@ function paymentIntentRoutes({ app, store, webhooks }) {
   });
 }
 
+// src/routes/payment-methods.ts
+function paymentMethodRoutes({ app, store }) {
+  const ss = getStripeStore(store);
+  app.get("/v1/payment_methods", (c) => {
+    const customerId = c.req.query("customer");
+    if (customerId && !ss.customers.findOneBy("stripe_id", customerId)) {
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `No such customer: '${customerId}'`,
+        "resource_missing",
+        "customer"
+      );
+    }
+    return c.json(
+      {
+        object: "list",
+        url: "/v1/payment_methods",
+        has_more: false,
+        data: []
+      },
+      200
+    );
+  });
+}
+
 // src/routes/charges.ts
 function formatCharge(ch) {
   return {
@@ -392,7 +505,8 @@ function chargeRoutes({ app, store }) {
   };
   app.get("/v1/charges/:id", (c) => {
     const charge = ss.charges.findOneBy("stripe_id", c.req.param("id"));
-    if (!charge) return stripeError(c, 404, "invalid_request_error", `No such charge: '${c.req.param("id")}'`, "resource_missing");
+    if (!charge)
+      return stripeError(c, 404, "invalid_request_error", `No such charge: '${c.req.param("id")}'`, "resource_missing");
     const expand = parseExpand(c);
     const result = applyExpand(formatCharge(charge), expand, expandResolvers);
     return c.json(result);
@@ -424,7 +538,8 @@ function productRoutes({ app, store, webhooks }) {
   const ss = getStripeStore(store);
   app.post("/v1/products", async (c) => {
     const body = await parseStripeBody(c);
-    if (!body.name) return stripeError(c, 400, "invalid_request_error", "Missing required param: name.", void 0, "name");
+    if (!body.name)
+      return stripeError(c, 400, "invalid_request_error", "Missing required param: name.", void 0, "name");
     const product = ss.products.insert({
       stripe_id: stripeId("prod"),
       name: body.name,
@@ -442,7 +557,14 @@ function productRoutes({ app, store, webhooks }) {
   });
   app.get("/v1/products/:id", (c) => {
     const product = ss.products.findOneBy("stripe_id", c.req.param("id"));
-    if (!product) return stripeError(c, 404, "invalid_request_error", `No such product: '${c.req.param("id")}'`, "resource_missing");
+    if (!product)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such product: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     return c.json(formatProduct(product));
   });
   app.get("/v1/products", (c) => {
@@ -469,7 +591,14 @@ function formatPrice(p) {
   };
 }
 function formatProduct2(p) {
-  return { id: p.stripe_id, object: "product", name: p.name, active: p.active, created: toUnixTimestamp(p.created_at), livemode: false };
+  return {
+    id: p.stripe_id,
+    object: "product",
+    name: p.name,
+    active: p.active,
+    created: toUnixTimestamp(p.created_at),
+    livemode: false
+  };
 }
 function priceRoutes({ app, store, webhooks }) {
   const ss = getStripeStore(store);
@@ -482,10 +611,24 @@ function priceRoutes({ app, store, webhooks }) {
   app.post("/v1/prices", async (c) => {
     const body = await parseStripeBody(c);
     if (!body.currency || !body.product) {
-      return stripeError(c, 400, "invalid_request_error", "Missing required param: currency and product are required.", void 0, "currency");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        "Missing required param: currency and product are required.",
+        void 0,
+        "currency"
+      );
     }
     if (!ss.products.findOneBy("stripe_id", body.product)) {
-      return stripeError(c, 400, "invalid_request_error", `No such product: '${body.product}'`, "resource_missing", "product");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `No such product: '${body.product}'`,
+        "resource_missing",
+        "product"
+      );
     }
     const price = ss.prices.insert({
       stripe_id: stripeId("price"),
@@ -506,7 +649,8 @@ function priceRoutes({ app, store, webhooks }) {
   });
   app.get("/v1/prices/:id", (c) => {
     const price = ss.prices.findOneBy("stripe_id", c.req.param("id"));
-    if (!price) return stripeError(c, 404, "invalid_request_error", `No such price: '${c.req.param("id")}'`, "resource_missing");
+    if (!price)
+      return stripeError(c, 404, "invalid_request_error", `No such price: '${c.req.param("id")}'`, "resource_missing");
     const expand = parseExpand(c);
     const result = applyExpand(formatPrice(price), expand, expandResolvers);
     return c.json(result);
@@ -542,6 +686,7 @@ var FONTS = {
   "geist-sans.woff2": readFileSync(join(__dirname, "fonts", "geist-sans.woff2")),
   "GeistPixel-Square.woff2": readFileSync(join(__dirname, "fonts", "GeistPixel-Square.woff2"))
 };
+var FAVICON = readFileSync(join(__dirname, "fonts", "favicon.ico"));
 function escapeHtml(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
@@ -693,6 +838,132 @@ body{
 .app-link-name{font-weight:600;font-size:.875rem;color:#33ff00;}
 .app-link-scopes{font-size:.6875rem;color:#1a8c00;margin-top:1px;}
 .empty{color:#1a8c00;text-align:center;padding:28px 0;font-size:.875rem;}
+
+.inspector-layout{max-width:960px;margin:0 auto;padding:28px 20px;}
+.inspector-tabs{display:flex;gap:4px;margin-bottom:20px;}
+.inspector-tabs a{
+  padding:7px 16px;border-radius:6px;text-decoration:none;
+  font-size:.8125rem;color:#1a8c00;border:1px solid transparent;
+  transition:color .15s,border-color .15s;
+}
+.inspector-tabs a:hover{color:#33ff00;}
+.inspector-tabs a.active{color:#33ff00;font-weight:600;border-color:#0a3300;background:#0a3300;}
+.inspector-section{margin-bottom:24px;}
+.inspector-section h2{
+  font-family:'Geist Pixel',monospace;
+  font-size:1rem;font-weight:600;color:#33ff00;margin-bottom:10px;
+}
+.inspector-section h3{
+  font-family:'Geist Pixel',monospace;
+  font-size:.875rem;font-weight:600;color:#1a8c00;margin:16px 0 8px;
+}
+.inspector-table{width:100%;border-collapse:collapse;margin-bottom:12px;}
+.inspector-table th,.inspector-table td{
+  text-align:left;padding:8px 12px;border-bottom:1px solid #0a3300;
+  font-size:.8125rem;
+}
+.inspector-table th{color:#1a8c00;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;}
+.inspector-table td{color:#33ff00;}
+.inspector-table tbody tr{transition:background .1s;}
+.inspector-table tbody tr:hover{background:#0a3300;}
+.inspector-empty{color:#1a8c00;text-align:center;padding:20px 0;font-size:.8125rem;}
+
+.checkout-layout{
+  display:flex;min-height:calc(100vh - 42px);
+}
+.checkout-summary{
+  flex:1;background:#020;padding:48px 40px 48px 10%;
+  display:flex;flex-direction:column;justify-content:center;
+  border-right:1px solid #0a3300;
+}
+.checkout-form-side{
+  flex:1;background:#000;padding:48px 10% 48px 40px;
+  display:flex;flex-direction:column;justify-content:center;
+}
+.checkout-merchant{
+  display:flex;align-items:center;gap:10px;margin-bottom:6px;
+}
+.checkout-merchant-name{
+  font-family:'Geist Pixel',monospace;
+  font-size:.9375rem;font-weight:600;color:#33ff00;
+}
+.checkout-test-badge{
+  font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
+  background:#0a3300;color:#1a8c00;padding:2px 8px;border-radius:4px;
+}
+.checkout-total{
+  font-family:'Geist Pixel',monospace;
+  font-size:2rem;font-weight:700;color:#33ff00;margin:8px 0 28px;
+}
+.checkout-line-item{
+  display:flex;align-items:center;gap:14px;padding:14px 0;
+  border-bottom:1px solid #0a3300;
+}
+.checkout-line-item:first-child{border-top:1px solid #0a3300;}
+.checkout-item-icon{
+  width:42px;height:42px;border-radius:6px;background:#0a3300;
+  display:flex;align-items:center;justify-content:center;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;font-size:.875rem;font-weight:700;color:#116600;
+}
+.checkout-item-details{flex:1;min-width:0;}
+.checkout-item-name{font-size:.875rem;font-weight:600;color:#33ff00;}
+.checkout-item-qty{font-size:.75rem;color:#1a8c00;margin-top:2px;}
+.checkout-item-price{
+  font-size:.875rem;font-weight:600;color:#33ff00;text-align:right;white-space:nowrap;
+}
+.checkout-item-unit{font-size:.6875rem;color:#1a8c00;text-align:right;margin-top:2px;}
+.checkout-totals{margin-top:20px;}
+.checkout-totals-row{
+  display:flex;justify-content:space-between;padding:6px 0;
+  font-size:.8125rem;color:#1a8c00;
+}
+.checkout-totals-row.total{
+  border-top:1px solid #0a3300;margin-top:8px;padding-top:14px;
+  font-size:.9375rem;font-weight:600;color:#33ff00;
+}
+.checkout-form-section{margin-bottom:24px;}
+.checkout-form-label{
+  font-size:.8125rem;font-weight:600;color:#33ff00;margin-bottom:8px;display:block;
+}
+.checkout-input{
+  width:100%;padding:10px 12px;border:1px solid #0a3300;border-radius:6px;
+  background:#020;color:#33ff00;font:inherit;font-size:.875rem;
+  transition:border-color .15s;outline:none;
+}
+.checkout-input:focus{border-color:#33ff00;}
+.checkout-input::placeholder{color:#116600;}
+.checkout-card-box{
+  border:1px solid #0a3300;border-radius:6px;padding:14px;
+  background:#020;
+}
+.checkout-card-row{
+  display:flex;gap:12px;margin-top:10px;
+}
+.checkout-card-row .checkout-input{flex:1;}
+.checkout-sim-note{
+  font-size:.6875rem;color:#1a8c00;margin-top:10px;text-align:center;
+  font-style:italic;
+}
+.checkout-pay-btn{
+  width:100%;padding:14px;border:none;border-radius:8px;
+  background:#33ff00;color:#000;font:inherit;font-size:.9375rem;font-weight:700;
+  cursor:pointer;transition:background .15s;
+  font-family:'Geist Pixel',monospace;
+}
+.checkout-pay-btn:hover{background:#44ff22;}
+.checkout-cancel{
+  text-align:center;margin-top:14px;
+}
+.checkout-cancel a{
+  color:#1a8c00;text-decoration:none;font-size:.8125rem;
+  transition:color .15s;
+}
+.checkout-cancel a:hover{color:#33ff00;}
+@media(max-width:768px){
+  .checkout-layout{flex-direction:column;}
+  .checkout-summary{padding:32px 20px;border-right:none;border-bottom:1px solid #0a3300;}
+  .checkout-form-side{padding:32px 20px;}
+}
 `;
 var POWERED_BY = `<div class="powered-by">Powered by <a href="https://emulate.dev" target="_blank" rel="noopener">emulate</a></div>`;
 function emuBar(service) {
@@ -712,6 +983,7 @@ function head(title) {
 <head>
 <meta charset="utf-8"/>
 <meta name="viewport" content="width=device-width,initial-scale=1"/>
+<link rel="icon" href="/_emulate/favicon.ico"/>
 <title>${escapeHtml(title)} | emulate</title>
 <style>${CSS}</style>
 </head>`;
@@ -730,6 +1002,72 @@ ${emuBar(service)}
 ${POWERED_BY}
 </body></html>`;
 }
+function renderCheckoutPage(opts, service) {
+  const fmt = (cents, cur) => `$${(cents / 100).toFixed(2)} ${cur.toUpperCase()}`;
+  const fmtShort = (cents) => `$${(cents / 100).toFixed(2)}`;
+  const itemsHtml = opts.lineItems.length > 0 ? opts.lineItems.map((li) => {
+    const initial = li.name.charAt(0).toUpperCase();
+    const unitNote = li.quantity > 1 ? `<div class="checkout-item-unit">${fmtShort(li.unitPrice)} each</div>` : "";
+    return `<div class="checkout-line-item">
+  <div class="checkout-item-icon">${escapeHtml(initial)}</div>
+  <div class="checkout-item-details">
+    <div class="checkout-item-name">${escapeHtml(li.name)}</div>
+    <div class="checkout-item-qty">Qty ${li.quantity}</div>
+  </div>
+  <div>
+    <div class="checkout-item-price">${fmtShort(li.totalPrice)}</div>
+    ${unitNote}
+  </div>
+</div>`;
+  }).join("") : '<p class="empty">No line items</p>';
+  const totalsHtml = `<div class="checkout-totals">
+  <div class="checkout-totals-row">
+    <span>Subtotal</span><span>${fmtShort(opts.subtotal)}</span>
+  </div>
+  <div class="checkout-totals-row total">
+    <span>Total due</span><span>${fmt(opts.total, opts.currency)}</span>
+  </div>
+</div>`;
+  const cancelHtml = opts.cancelUrl ? `<div class="checkout-cancel"><a href="${escapeAttr(opts.cancelUrl)}">Cancel</a></div>` : "";
+  const merchant = opts.merchantName ? escapeHtml(opts.merchantName) : "Checkout";
+  return `${head("Checkout")}
+<body>
+${emuBar(service)}
+<div class="checkout-layout">
+  <div class="checkout-summary">
+    <div class="checkout-merchant">
+      <span class="checkout-merchant-name">${merchant}</span>
+      <span class="checkout-test-badge">Test Mode</span>
+    </div>
+    <div class="checkout-total">${fmtShort(opts.total)}</div>
+    ${itemsHtml}
+    ${totalsHtml}
+  </div>
+  <div class="checkout-form-side">
+    <form method="post" action="/checkout/${escapeAttr(opts.sessionId)}/complete">
+      <div class="checkout-form-section">
+        <label class="checkout-form-label">Email</label>
+        <input type="email" name="email" class="checkout-input" placeholder="you@example.com"/>
+      </div>
+      <div class="checkout-form-section">
+        <label class="checkout-form-label">Card information</label>
+        <div class="checkout-card-box">
+          <input type="text" class="checkout-input" placeholder="1234 1234 1234 1234" disabled/>
+          <div class="checkout-card-row">
+            <input type="text" class="checkout-input" placeholder="MM / YY" disabled/>
+            <input type="text" class="checkout-input" placeholder="CVC" disabled/>
+          </div>
+        </div>
+        <div class="checkout-sim-note">Card fields are simulated. Payment will be auto-approved.</div>
+      </div>
+      <button type="submit" class="checkout-pay-btn">Pay ${fmtShort(opts.total)}</button>
+    </form>
+    ${cancelHtml}
+  </div>
+</div>
+${POWERED_BY}
+</body></html>`;
+}
 
 // src/routes/checkout-sessions.ts
 var SERVICE_LABEL = "Stripe";
@@ -753,9 +1091,17 @@ function checkoutSessionRoutes({ app, store, webhooks, baseUrl }) {
   const ss = getStripeStore(store);
   app.post("/v1/checkout/sessions", async (c) => {
     const body = await parseStripeBody(c);
-    if (!body.mode) return stripeError(c, 400, "invalid_request_error", "Missing required param: mode.", void 0, "mode");
+    if (!body.mode)
+      return stripeError(c, 400, "invalid_request_error", "Missing required param: mode.", void 0, "mode");
     if (body.customer && !ss.customers.findOneBy("stripe_id", body.customer)) {
-      return stripeError(c, 400, "invalid_request_error", `No such customer: '${body.customer}'`, "resource_missing", "customer");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `No such customer: '${body.customer}'`,
+        "resource_missing",
+        "customer"
+      );
     }
     const lineItems = [];
     if (body.line_items) {
@@ -765,17 +1111,45 @@ function checkoutSessionRoutes({ app, store, webhooks, baseUrl }) {
       for (let i = 0; i < body.line_items.length; i++) {
         const li = body.line_items[i];
         if (!li || typeof li !== "object") {
-          return stripeError(c, 400, "invalid_request_error", `Invalid line_items[${i}]: must be an object.`, void 0, `line_items[${i}]`);
+          return stripeError(
+            c,
+            400,
+            "invalid_request_error",
+            `Invalid line_items[${i}]: must be an object.`,
+            void 0,
+            `line_items[${i}]`
+          );
         }
         if (!li.price || typeof li.price !== "string") {
-          return stripeError(c, 400, "invalid_request_error", `Missing required param: line_items[${i}][price].`, void 0, `line_items[${i}][price]`);
+          return stripeError(
+            c,
+            400,
+            "invalid_request_error",
+            `Missing required param: line_items[${i}][price].`,
+            void 0,
+            `line_items[${i}][price]`
+          );
         }
         if (!ss.prices.findOneBy("stripe_id", li.price)) {
-          return stripeError(c, 400, "invalid_request_error", `No such price: '${li.price}'`, "resource_missing", `line_items[${i}][price]`);
+          return stripeError(
+            c,
+            400,
+            "invalid_request_error",
+            `No such price: '${li.price}'`,
+            "resource_missing",
+            `line_items[${i}][price]`
+          );
         }
         const qty = typeof li.quantity === "number" ? li.quantity : parseInt(li.quantity, 10);
         if (!Number.isFinite(qty) || qty < 1) {
-          return stripeError(c, 400, "invalid_request_error", `Invalid line_items[${i}][quantity]: must be a positive integer.`, void 0, `line_items[${i}][quantity]`);
+          return stripeError(
+            c,
+            400,
+            "invalid_request_error",
+            `Invalid line_items[${i}][quantity]: must be a positive integer.`,
+            void 0,
+            `line_items[${i}][quantity]`
+          );
         }
         lineItems.push({ price: li.price, quantity: qty });
       }
@@ -795,14 +1169,34 @@ function checkoutSessionRoutes({ app, store, webhooks, baseUrl }) {
   });
   app.get("/v1/checkout/sessions/:id", (c) => {
     const session = ss.checkoutSessions.findOneBy("stripe_id", c.req.param("id"));
-    if (!session) return stripeError(c, 404, "invalid_request_error", `No such checkout session: '${c.req.param("id")}'`, "resource_missing");
+    if (!session)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such checkout session: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     return c.json(formatSession(session, baseUrl));
   });
   app.post("/v1/checkout/sessions/:id/expire", async (c) => {
     const session = ss.checkoutSessions.findOneBy("stripe_id", c.req.param("id"));
-    if (!session) return stripeError(c, 404, "invalid_request_error", `No such checkout session: '${c.req.param("id")}'`, "resource_missing");
+    if (!session)
+      return stripeError(
+        c,
+        404,
+        "invalid_request_error",
+        `No such checkout session: '${c.req.param("id")}'`,
+        "resource_missing"
+      );
     if (session.status !== "open") {
-      return stripeError(c, 400, "invalid_request_error", "Only open sessions can be expired.", "checkout_session_not_open");
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        "Only open sessions can be expired.",
+        "checkout_session_not_open"
+      );
     }
     const updated = ss.checkoutSessions.update(session.id, { status: "expired" });
     await webhooks.dispatch(
@@ -826,35 +1220,53 @@ function checkoutSessionRoutes({ app, store, webhooks, baseUrl }) {
   app.get("/checkout/:id", (c) => {
     const session = ss.checkoutSessions.findOneBy("stripe_id", c.req.param("id"));
     if (!session) {
-      return c.html(renderCardPage("Session Not Found", "This checkout session does not exist.", '<p class="empty">The session ID is invalid or has been removed.</p>', SERVICE_LABEL), 404);
+      return c.html(
+        renderCardPage(
+          "Session Not Found",
+          "This checkout session does not exist.",
+          '<p class="empty">The session ID is invalid or has been removed.</p>',
+          SERVICE_LABEL
+        ),
+        404
+      );
     }
     if (session.status !== "open") {
-      return c.html(renderCardPage("Session Expired", "This checkout session is no longer available.", `<p class="empty">Status: ${escapeHtml(session.status)}</p>`, SERVICE_LABEL));
+      return c.html(
+        renderCardPage(
+          "Session Expired",
+          "This checkout session is no longer available.",
+          `<p class="empty">Status: ${escapeHtml(session.status)}</p>`,
+          SERVICE_LABEL
+        )
+      );
     }
-    const lineItemsHtml = session.line_items.length > 0 ? session.line_items.map((li) => {
+    const lineItems = session.line_items.map((li) => {
       const priceObj = ss.prices.findOneBy("stripe_id", li.price);
       const product = priceObj ? ss.products.findOneBy("stripe_id", priceObj.product_id) : null;
-      const name = product?.name ?? li.price;
-      const amount = priceObj ? `$${(priceObj.unit_amount / 100).toFixed(2)} ${priceObj.currency.toUpperCase()}` : "";
-      return `<div class="org-row">
-            <span class="org-icon">$</span>
-            <span class="org-name">${escapeHtml(name)}</span>
-            <span class="emu-bar-service">${escapeHtml(amount)} x ${li.quantity}</span>
-          </div>`;
-    }).join("") : '<p class="empty">No line items</p>';
-    const body = `
-      ${lineItemsHtml}
-      <form class="user-form" method="post" action="/checkout/${escapeAttr(session.stripe_id)}/complete">
-        <button type="submit" class="user-btn">
-          <span class="avatar">$</span>
-          <span class="user-text">
-            <span class="user-login">Pay and Complete</span>
-          </span>
-        </button>
-      </form>
-      ${session.cancel_url ? `<p class="info-text"><a href="${escapeAttr(session.cancel_url)}" class="btn-revoke">Cancel</a></p>` : ""}
-    `;
-    return c.html(renderCardPage("Checkout", `Complete your ${escapeHtml(session.mode)} payment.`, body, SERVICE_LABEL));
+      const unitPrice = priceObj?.unit_amount ?? 0;
+      return {
+        name: product?.name ?? li.price,
+        quantity: li.quantity,
+        unitPrice,
+        totalPrice: unitPrice * li.quantity,
+        currency: priceObj?.currency ?? "usd"
+      };
+    });
+    const subtotal = lineItems.reduce((sum, li) => sum + li.totalPrice, 0);
+    const currency = lineItems.length > 0 ? lineItems[0].currency : "usd";
+    return c.html(
+      renderCheckoutPage(
+        {
+          lineItems,
+          subtotal,
+          total: subtotal,
+          currency,
+          sessionId: session.stripe_id,
+          cancelUrl: session.cancel_url
+        },
+        SERVICE_LABEL
+      )
+    );
   });
   app.post("/checkout/:id/complete", async (c) => {
     const session = ss.checkoutSessions.findOneBy("stripe_id", c.req.param("id"));
@@ -869,9 +1281,49 @@ function checkoutSessionRoutes({ app, store, webhooks, baseUrl }) {
       "stripe"
     );
     if (session.success_url) {
-      return c.redirect(session.success_url);
+      const url = session.success_url.replace("{CHECKOUT_SESSION_ID}", updated.stripe_id);
+      return c.redirect(url);
     }
-    return c.html(renderCardPage("Payment Complete", "Your payment was successful.", '<p class="empty check">Payment received</p>', SERVICE_LABEL));
+    return c.html(
+      renderCardPage(
+        "Payment Complete",
+        "Your payment was successful.",
+        '<p class="empty check">Payment received</p>',
+        SERVICE_LABEL
+      )
+    );
+  });
+}
+
+// src/routes/customer-sessions.ts
+function customerSessionRoutes({ app, store }) {
+  const ss = getStripeStore(store);
+  app.post("/v1/customer_sessions", async (c) => {
+    const body = await parseStripeBody(c);
+    if (!body.customer)
+      return stripeError(c, 400, "invalid_request_error", "Missing required param: customer.", void 0, "customer");
+    const customer = ss.customers.findOneBy("stripe_id", body.customer);
+    if (!customer)
+      return stripeError(
+        c,
+        400,
+        "invalid_request_error",
+        `No such customer: '${body.customer}'`,
+        "resource_missing",
+        "customer"
+      );
+    return c.json(
+      {
+        object: "customer_session",
+        client_secret: stripeId("cuss_secret"),
+        components: body.components ?? {},
+        created: Math.floor(Date.now() / 1e3),
+        customer: customer.stripe_id,
+        expires_at: Math.floor(Date.now() / 1e3) + 1800,
+        livemode: false
+      },
+      200
+    );
   });
 }
 
@@ -886,7 +1338,7 @@ function seedDefaults(store, _baseUrl) {
     metadata: {}
   });
 }
-function seedFromConfig(store, _baseUrl, config) {
+function seedFromConfig(store, _baseUrl, config, webhooks) {
   const ss = getStripeStore(store);
   if (config.customers) {
     for (const c of config.customers) {
@@ -895,7 +1347,7 @@ function seedFromConfig(store, _baseUrl, config) {
         if (existing) continue;
       }
       ss.customers.insert({
-        stripe_id: stripeId("cus"),
+        stripe_id: c.id ?? stripeId("cus"),
         email: c.email ?? null,
         name: c.name ?? null,
         description: c.description ?? null,
@@ -906,7 +1358,7 @@ function seedFromConfig(store, _baseUrl, config) {
   if (config.products) {
     for (const p of config.products) {
       const product = ss.products.insert({
-        stripe_id: stripeId("prod"),
+        stripe_id: p.id ?? stripeId("prod"),
         name: p.name,
         description: p.description ?? null,
         active: true,
@@ -915,7 +1367,7 @@ function seedFromConfig(store, _baseUrl, config) {
       const matchingPrices = config.prices?.filter((pr) => pr.product_name === p.name) ?? [];
       for (const pr of matchingPrices) {
         ss.prices.insert({
-          stripe_id: stripeId("price"),
+          stripe_id: pr.id ?? stripeId("price"),
           product_id: product.stripe_id,
           currency: pr.currency.toLowerCase(),
           unit_amount: pr.unit_amount,
@@ -926,17 +1378,30 @@ function seedFromConfig(store, _baseUrl, config) {
       }
     }
   }
+  if (config.webhooks && webhooks) {
+    for (const wh of config.webhooks) {
+      webhooks.register({
+        url: wh.url,
+        events: wh.events,
+        active: true,
+        secret: wh.secret,
+        owner: "stripe"
+      });
+    }
+  }
 }
 var stripePlugin = {
   name: "stripe",
   register(app, store, webhooks, baseUrl, tokenMap) {
     const ctx = { app, store, webhooks, baseUrl, tokenMap };
     customerRoutes(ctx);
+    paymentMethodRoutes(ctx);
     paymentIntentRoutes(ctx);
     chargeRoutes(ctx);
     productRoutes(ctx);
     priceRoutes(ctx);
     checkoutSessionRoutes(ctx);
+    customerSessionRoutes(ctx);
   },
   seed(store, baseUrl) {
     seedDefaults(store, baseUrl);