puffin-app/server/utils/wrenClient.js
Matt 06733cb2cb
All checks were successful
Build and Push Docker Image / docker (push) Successful in 42s
Integrate Stripe Checkout and add comprehensive UI enhancements
## 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>
2025-10-29 21:45:14 +01:00

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
};