mirror of https://github.com/marcogll/AnchorOS.git synced 2026-03-15 15:24:29 +00:00

Files

Marco Gallegos 583a25a6f6 feat: implement customer registration flow and business hours system

Major changes:
- Add customer registration with email/phone lookup (app/booking/registro)
- Add customers API endpoint (app/api/customers/route)
- Implement business hours for locations (mon-fri 10-7, sat 10-6, sun closed)
- Fix availability function type casting issues
- Add business hours utilities (lib/utils/business-hours.ts)
- Update Location type to include business_hours JSONB
- Add mock payment component for testing
- Remove Supabase auth from booking flow
- Fix /cita redirect path in booking flow

Database migrations:
- Add category column to services table
- Add business_hours JSONB column to locations table
- Fix availability functions with proper type casting
- Update get_detailed_availability to use business_hours

Features:
- Customer lookup by email or phone
- Auto-redirect to registration if customer not found
- Pre-fill customer data if exists
- Business hours per day of week
- Location-specific opening/closing times

2026-01-17 00:29:49 -06:00

1.7 KiB

Raw Blame History

Stripe Payment Integration

Current Status

Stripe is currently DISABLED using mock payment mode for testing.

To Enable Real Stripe Payments

1. Update Environment Variables

In .env.local:

NEXT_PUBLIC_STRIPE_ENABLED=true
STRIPE_SECRET_KEY=sk_test_your_real_stripe_secret_key
STRIPE_PUBLISHABLE_KEY=pk_test_your_real_stripe_publishable_key
STRIPE_WEBHOOK_SECRET=whsec_your_real_webhook_secret

2. Replace Mock Payment with Real Stripe

In app/booking/cita/page.tsx:

Replace the MockPaymentForm component usage with real Stripe integration:

import { useStripe, useElements, CardElement } from '@stripe/react-stripe-js'

// Replace the mock payment section with:
<CardElement
  options={{
    style: {
      base: {
        fontSize: '16px',
        color: 'var(--charcoal-brown)',
        '::placeholder': {
          color: 'var(--mocha-taupe)',
        },
      },
    },
  }}
/>

3. Update Payment Handling

Replace the handleMockPayment function with real Stripe confirmation:

const handlePayment = async () => {
  if (!stripe || !elements) return

  const { error, paymentIntent } = await stripe.confirmCardPayment(
    paymentIntent.clientSecret,
    {
      payment_method: {
        card: elements.getElement(CardElement)!,
      }
    }
  )

  if (error) {
    // Handle error
  } else {
    // Payment succeeded, create booking
  }
}

4. Update Create Payment Intent API

Ensure /api/create-payment-intent uses your real Stripe secret key.

Mock Payment Mode

Currently using components/booking/mock-payment-form.tsx for testing without real payments. This validates card formatting and simulates payment flow.

1.7 KiB Raw Blame History