Aubert Marvin
114 lines
2.9 KiB
React
114 lines
2.9 KiB
React
import {
|
||
createContext,
|
||
useCallback,
|
||
useContext,
|
||
useEffect,
|
||
useMemo,
|
||
useState,
|
||
} from 'react'
|
||
|
||
const STORAGE_KEY = 'librairie-orders'
|
||
|
||
function loadOrders() {
|
||
try {
|
||
const raw = localStorage.getItem(STORAGE_KEY)
|
||
if (raw === null) return []
|
||
const parsed = JSON.parse(raw)
|
||
return Array.isArray(parsed) ? parsed : []
|
||
} catch {
|
||
return []
|
||
}
|
||
}
|
||
|
||
function saveOrders(orders) {
|
||
localStorage.setItem(STORAGE_KEY, JSON.stringify(orders))
|
||
}
|
||
|
||
function round2(n) {
|
||
return Math.round((Number(n) + Number.EPSILON) * 100) / 100
|
||
}
|
||
|
||
function calcSubtotal(items) {
|
||
return round2(
|
||
items.reduce((sum, it) => sum + Number(it.unitPrice) * Number(it.qty), 0),
|
||
)
|
||
}
|
||
|
||
function calcDiscount({ subtotal, promotion }) {
|
||
if (!promotion) return 0
|
||
if (promotion.type === 'percent') {
|
||
const pct = Number(promotion.value)
|
||
if (!Number.isFinite(pct) || pct <= 0) return 0
|
||
return round2((subtotal * pct) / 100)
|
||
}
|
||
return 0
|
||
}
|
||
|
||
const OrdersContext = createContext(null)
|
||
|
||
export function OrdersProvider({ children }) {
|
||
const [orders, setOrders] = useState(loadOrders)
|
||
|
||
useEffect(() => {
|
||
saveOrders(orders)
|
||
}, [orders])
|
||
|
||
/**
|
||
* Équivalent local d’un POST /api/orders.
|
||
* orderDraft: { items: [{ bookId, title, unitPrice, qty }], promotion?: { code, type, value } }
|
||
*/
|
||
const createOrder = useCallback((orderDraft) => {
|
||
const items = Array.isArray(orderDraft?.items) ? orderDraft.items : []
|
||
const cleaned = items
|
||
.map((it) => ({
|
||
bookId: String(it.bookId),
|
||
title: String(it.title || ''),
|
||
unitPrice: Number(it.unitPrice),
|
||
qty: Math.max(0, Math.trunc(Number(it.qty) || 0)),
|
||
}))
|
||
.filter((it) => it.bookId && it.qty > 0 && Number.isFinite(it.unitPrice))
|
||
|
||
if (cleaned.length === 0) {
|
||
throw new Error('Aucun article dans la commande')
|
||
}
|
||
|
||
const subtotal = calcSubtotal(cleaned)
|
||
const promotion = orderDraft?.promotion
|
||
? {
|
||
code: String(orderDraft.promotion.code || ''),
|
||
type: String(orderDraft.promotion.type || 'percent'),
|
||
value: Number(orderDraft.promotion.value),
|
||
}
|
||
: null
|
||
const discount = calcDiscount({ subtotal, promotion })
|
||
const total = round2(Math.max(0, subtotal - discount))
|
||
|
||
const order = {
|
||
id: crypto.randomUUID(),
|
||
createdAt: new Date().toISOString(),
|
||
items: cleaned,
|
||
promotion: promotion && promotion.code ? promotion : null,
|
||
subtotal,
|
||
discount,
|
||
total,
|
||
}
|
||
|
||
setOrders((prev) => [order, ...prev])
|
||
return order
|
||
}, [])
|
||
|
||
const value = useMemo(() => ({ orders, createOrder }), [orders, createOrder])
|
||
|
||
return <OrdersContext.Provider value={value}>{children}</OrdersContext.Provider>
|
||
}
|
||
|
||
// eslint-disable-next-line react-refresh/only-export-components
|
||
export function useOrders() {
|
||
const ctx = useContext(OrdersContext)
|
||
if (!ctx) {
|
||
throw new Error('useOrders doit être utilisé dans un OrdersProvider')
|
||
}
|
||
return ctx
|
||
}
|
||
|