All checks were successful
Build and Push Docker Image / docker (push) Successful in 42s
## Stripe Payment Integration - Add Express.js backend server with Stripe Checkout Sessions - Create SQLite database for order tracking - Implement Stripe webhook handlers for payment events - Integrate with Wren Climate API for carbon offset fulfillment - Add CheckoutSuccess and CheckoutCancel pages - Create checkout API client for frontend - Update OffsetOrder component to redirect to Stripe Checkout - Add processing fee calculation (3% of base amount) - Implement order status tracking (pending → paid → fulfilled) Backend (server/): - Express server with CORS and middleware - SQLite database with Order schema - Stripe configuration and client - Order CRUD operations model - Checkout session creation endpoint - Webhook handler for payment confirmation - Wren API client for offset fulfillment Frontend: - CheckoutSuccess page with order details display - CheckoutCancel page with retry encouragement - Updated OffsetOrder to use Stripe checkout flow - Added checkout routes to App.tsx - TypeScript interfaces for checkout flow ## Visual & UX Enhancements - Add CertificationBadge component for project verification status - Create PortfolioDonutChart for visual portfolio allocation - Implement RadialProgress for percentage displays - Add reusable form components (FormInput, FormTextarea, FormSelect, FormFieldWrapper) - Refactor OffsetOrder with improved layout and animations - Add offset percentage slider with visual feedback - Enhance MobileOffsetOrder with better responsive design - Improve TripCalculator with cleaner UI structure - Update CurrencySelect with better styling - Add portfolio distribution visualization - Enhance project cards with hover effects and animations - Improve color palette and gradient usage throughout ## Configuration - Add VITE_API_BASE_URL environment variable - Create backend .env.example template - Update frontend .env.example with API URL - Add Stripe documentation references 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
94 lines
2.5 KiB
JavaScript
94 lines
2.5 KiB
JavaScript
import axios from 'axios';
|
|
|
|
const WREN_API_BASE_URL = 'https://api.wren.co/v1';
|
|
|
|
/**
|
|
* Create a carbon offset order via Wren Climate API
|
|
* @param {Object} orderData - Order data
|
|
* @param {number} orderData.tons - Number of tons to offset
|
|
* @param {number} orderData.portfolioId - Portfolio ID
|
|
* @param {string} orderData.customerEmail - Customer email
|
|
* @param {string} orderData.currency - Currency code
|
|
* @param {number} orderData.amountCents - Amount in cents
|
|
* @param {boolean} orderData.dryRun - Dry run mode (default: false)
|
|
* @returns {Promise<Object>} Wren order response
|
|
*/
|
|
export async function createWrenOffsetOrder({
|
|
tons,
|
|
portfolioId,
|
|
customerEmail,
|
|
currency,
|
|
amountCents,
|
|
dryRun = false
|
|
}) {
|
|
const apiToken = process.env.WREN_API_TOKEN;
|
|
|
|
if (!apiToken) {
|
|
throw new Error('WREN_API_TOKEN environment variable is required');
|
|
}
|
|
|
|
try {
|
|
const response = await axios.post(
|
|
`${WREN_API_BASE_URL}/offset_orders`,
|
|
{
|
|
tons: parseFloat(tons),
|
|
portfolio: portfolioId,
|
|
currency: currency.toUpperCase(),
|
|
amount_charged: amountCents,
|
|
dry_run: dryRun,
|
|
source: {
|
|
name: 'Puffin App',
|
|
email: customerEmail
|
|
}
|
|
},
|
|
{
|
|
headers: {
|
|
'Authorization': `Bearer ${apiToken}`,
|
|
'Content-Type': 'application/json'
|
|
}
|
|
}
|
|
);
|
|
|
|
console.log('✅ Wren offset order created:', response.data.id);
|
|
return response.data;
|
|
} catch (error) {
|
|
console.error('❌ Wren API error:', error.response?.data || error.message);
|
|
throw new Error(`Wren API failed: ${error.response?.data?.message || error.message}`);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get Wren offset order details
|
|
* @param {string} orderId - Wren order ID
|
|
* @returns {Promise<Object>} Wren order details
|
|
*/
|
|
export async function getWrenOffsetOrder(orderId) {
|
|
const apiToken = process.env.WREN_API_TOKEN;
|
|
|
|
if (!apiToken) {
|
|
throw new Error('WREN_API_TOKEN environment variable is required');
|
|
}
|
|
|
|
try {
|
|
const response = await axios.get(
|
|
`${WREN_API_BASE_URL}/offset_orders/${orderId}`,
|
|
{
|
|
headers: {
|
|
'Authorization': `Bearer ${apiToken}`,
|
|
'Content-Type': 'application/json'
|
|
}
|
|
}
|
|
);
|
|
|
|
return response.data;
|
|
} catch (error) {
|
|
console.error('❌ Wren API error:', error.response?.data || error.message);
|
|
throw new Error(`Wren API failed: ${error.response?.data?.message || error.message}`);
|
|
}
|
|
}
|
|
|
|
export default {
|
|
createWrenOffsetOrder,
|
|
getWrenOffsetOrder
|
|
};
|