Polish final mobile :
1. /panier sticky cart drawer respecte la safe-area iOS Safari (notch +
home indicator) :
- bottom: max(0.75rem, env(safe-area-inset-bottom, 0.75rem))
- Fallback à 0.75rem (équivalent ancien bottom-3) sur les navigateurs
sans env().
2. AddToCart inputs et boutons remontés à min-h-44px (guideline Apple/
Material) :
- 2 date pickers + qty number : min-h-[44px] px-3 py-2 text-base
- inputMode="numeric" sur qty pour clavier optimisé
- 2 CTA buttons (Ajouter / Voir mon panier) : min-h-[44px] py-3
3. Booking form /carbets/[slug] :
- Guest count input : min-h-[44px] px-3 py-2 text-base + inputMode
- CTA Réserver : min-h-[44px] py-3
Avant : inputs/buttons ~36-40px (sous le seuil 44px iOS), text-sm
(14px). Après : 44px+ partout, text-base (16px) sur les inputs où le
user tape → meilleur contraste tactile et le clavier iOS ne zoom plus
(iOS zoome si font-size < 16px).
Pas de tests vitest dédiés (changements purement CSS), mais 89/89
restent verts.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Cart lib + cookie persistence (karbe-rental-cart, 30j) avec context React
useCart(). Provider wrappé dans layout pour hydratation server→client.
Page /panier :
- Récap regroupé par prestataire (sous-totaux, caution)
- Édition lignes (dates, qté), suppression, vider panier
- Bouton « Valider et payer » → POST /api/rentals/checkout
- Badge 🛒 dans SiteHeader avec total items
Composant <AddToCart /> sur /materiel/[itemId] avec date picker + qté.
API POST /api/rentals/checkout :
- Validation auth + items actifs + provider approved + qté/dates
- Transaction Prisma : recheck stock par fenêtre + crée 1 RentalBooking
par prestataire + RentalLines (snapshot prix) + RentalItemAvailability
(blocage des dispos)
- Calcul commissionAmount selon provider.commissionPct
- Si Stripe activé : Checkout Session unique avec 1 line_item par
RentalBooking, metadata {type:"rental-bundle", rentalBookingIds:[]}
- Sinon : crée en PENDING, retourne rentalBookingIds
- Vide le cookie panier après création
- Audit log rental.checkout.created
Webhook Stripe étendu :
- checkout.session.completed type=rental-bundle → CONFIRMED+SUCCEEDED
sur toutes les RentalBookings du bundle
- payment_intent.payment_failed metadata.rentalBookingIds → CANCELLED
+ supprime les RentalItemAvailability (libère le stock)
Intégration carbet :
- /carbets/[slug] : panneau « Compléter votre séjour » avec items des
prestataires de la même rivière + System D (recommandation contextuelle)
- /reservations/[id] : section « Matériel associé » listant les
RentalBookings liées
- /mes-locations : page récap toutes les locations (System D + tiers,
liées carbet ou standalone)
- Lien « Mes locations » dans SiteHeader
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
