feat: podpora simulace objednávek z Bolt Food ve vývoji
This commit is contained in:
@@ -0,0 +1,170 @@
|
||||
import { useState } from "react";
|
||||
import { Modal, Button, Form, Alert, Badge } from "react-bootstrap";
|
||||
import {
|
||||
OrderGroup,
|
||||
simulateBoltTracking, advanceBoltTracking, setBoltTrackingState,
|
||||
pollBoltTracking, stopBoltTrackingSimulation,
|
||||
} from "../../../../types";
|
||||
|
||||
type Props = {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
group: OrderGroup;
|
||||
};
|
||||
|
||||
/** Nabídka stavů pro ruční nastavení (odpovídá mapování v BoltOrderProgress). */
|
||||
const STATE_OPTIONS: { value: string; label: string }[] = [
|
||||
{ value: 'accepted', label: 'Přijato' },
|
||||
{ value: 'preparing', label: 'Příprava' },
|
||||
{ value: 'waiting_delivery', label: 'Příprava (čeká na vyzvednutí)' },
|
||||
{ value: 'in_delivery', label: 'Na cestě' },
|
||||
{ value: 'delivered', label: 'Doručeno' },
|
||||
{ value: 'cancelled', label: 'Zrušeno' },
|
||||
];
|
||||
|
||||
/** Modální dialog pro simulaci sledování Bolt objednávky (pouze DEV). */
|
||||
export default function BoltSimulationModal({ isOpen, onClose, group }: Readonly<Props>) {
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [info, setInfo] = useState<string | null>(null);
|
||||
const [manualState, setManualState] = useState<string>('preparing');
|
||||
|
||||
const running = !!group.boltTrackingToken;
|
||||
|
||||
/** Obecný runner — spustí akci, ošetří chybu a krátce zobrazí výsledek. */
|
||||
const run = async (action: () => Promise<{ error?: unknown }>, okMsg: string) => {
|
||||
setError(null);
|
||||
setInfo(null);
|
||||
setLoading(true);
|
||||
try {
|
||||
const response = await action();
|
||||
if (response.error) {
|
||||
setError((response.error as any)?.error || 'Akce simulace selhala');
|
||||
} else {
|
||||
setInfo(okMsg);
|
||||
}
|
||||
} catch (e: any) {
|
||||
setError(e?.message || 'Akce simulace selhala');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleStart = () => run(
|
||||
() => simulateBoltTracking({ body: { groupId: group.id } }),
|
||||
'Simulace spuštěna — objednávka přijata.',
|
||||
);
|
||||
const handleAdvance = () => run(
|
||||
() => advanceBoltTracking({ body: { groupId: group.id } }),
|
||||
'Posunuto na další krok.',
|
||||
);
|
||||
const handleSetState = () => run(
|
||||
() => setBoltTrackingState({
|
||||
body: {
|
||||
groupId: group.id,
|
||||
order_state: manualState,
|
||||
// "Na cestě" zpřesníme i stavem kurýra
|
||||
courier_state: manualState === 'in_delivery' ? 'heading_to_client' : undefined,
|
||||
},
|
||||
}),
|
||||
`Stav nastaven na „${STATE_OPTIONS.find(o => o.value === manualState)?.label}".`,
|
||||
);
|
||||
const handlePoll = () => run(
|
||||
() => pollBoltTracking(),
|
||||
'Scheduler spuštěn (poll proběhl).',
|
||||
);
|
||||
const handleStop = () => run(
|
||||
() => stopBoltTrackingSimulation({ body: { groupId: group.id } }),
|
||||
'Simulace ukončena.',
|
||||
);
|
||||
|
||||
const handleClose = () => {
|
||||
setError(null);
|
||||
setInfo(null);
|
||||
onClose();
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal show={isOpen} onHide={handleClose}>
|
||||
<Modal.Header closeButton>
|
||||
<Modal.Title><h2>Simulace sledování Bolt</h2></Modal.Title>
|
||||
</Modal.Header>
|
||||
<Modal.Body>
|
||||
<Alert variant="warning">
|
||||
<strong>DEV režim</strong> – simuluje sledování objednávky Bolt pro skupinu{' '}
|
||||
<strong>{group.name}</strong> bez reálné objednávky.
|
||||
</Alert>
|
||||
|
||||
{error && (
|
||||
<Alert variant="danger" onClose={() => setError(null)} dismissible>
|
||||
{error}
|
||||
</Alert>
|
||||
)}
|
||||
{info && (
|
||||
<Alert variant="success" onClose={() => setInfo(null)} dismissible>
|
||||
{info}
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
<p className="mb-2">
|
||||
Stav simulace:{' '}
|
||||
{running
|
||||
? <Badge bg="success">běží{group.boltOrderState ? ` — ${group.boltOrderState}` : ''}</Badge>
|
||||
: <Badge bg="secondary">neběží</Badge>}
|
||||
</p>
|
||||
|
||||
{!running ? (
|
||||
<p className="text-muted">
|
||||
Spuštěním se skupina přepne do stavu „Objednáno", přiřadí se simulovaný
|
||||
sledovací token a provede se první poll (stav „Přijato").
|
||||
</p>
|
||||
) : (
|
||||
<>
|
||||
<p className="text-muted">
|
||||
Krokuj objednávku tlačítkem <strong>Další krok</strong> (Přijato → Příprava →
|
||||
Na cestě → Doručeno) nebo nastav konkrétní stav ručně:
|
||||
</p>
|
||||
<Form.Group className="mb-3 d-flex gap-2 align-items-end">
|
||||
<div className="flex-grow-1">
|
||||
<Form.Label>Konkrétní stav</Form.Label>
|
||||
<Form.Select
|
||||
value={manualState}
|
||||
onChange={e => setManualState(e.target.value)}
|
||||
>
|
||||
{STATE_OPTIONS.map(o => (
|
||||
<option key={o.value} value={o.value}>{o.label}</option>
|
||||
))}
|
||||
</Form.Select>
|
||||
</div>
|
||||
<Button variant="outline-primary" onClick={handleSetState} disabled={loading}>
|
||||
Nastavit
|
||||
</Button>
|
||||
</Form.Group>
|
||||
</>
|
||||
)}
|
||||
</Modal.Body>
|
||||
<Modal.Footer className="d-flex flex-wrap gap-2">
|
||||
{!running ? (
|
||||
<Button variant="primary" onClick={handleStart} disabled={loading}>
|
||||
{loading ? 'Spouštím…' : 'Spustit simulaci'}
|
||||
</Button>
|
||||
) : (
|
||||
<>
|
||||
<Button variant="success" onClick={handleAdvance} disabled={loading}>
|
||||
Další krok
|
||||
</Button>
|
||||
<Button variant="outline-secondary" onClick={handlePoll} disabled={loading}>
|
||||
Aktualizovat teď
|
||||
</Button>
|
||||
<Button variant="outline-danger" onClick={handleStop} disabled={loading}>
|
||||
Ukončit simulaci
|
||||
</Button>
|
||||
</>
|
||||
)}
|
||||
<Button variant="secondary" onClick={handleClose} disabled={loading}>
|
||||
Zavřít
|
||||
</Button>
|
||||
</Modal.Footer>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
@@ -22,6 +22,7 @@ import Loader from '../components/Loader';
|
||||
import StoreAdminModal from '../components/modals/StoreAdminModal';
|
||||
import PayForGroupModal from '../components/modals/PayForGroupModal';
|
||||
import EditGroupFeesModal from '../components/modals/EditGroupFeesModal';
|
||||
import BoltSimulationModal from '../components/modals/BoltSimulationModal';
|
||||
import PendingPayments from '../components/PendingPayments';
|
||||
import BoltOrderProgress from '../components/BoltOrderProgress';
|
||||
|
||||
@@ -29,6 +30,7 @@ const SLOT = MealSlot.EXTRA;
|
||||
const TIME_REGEX = /^([01]\d|2[0-3]):[0-5]\d$/;
|
||||
const BOLT_SHARE_URL_PREFIX = 'https://food.bolt.eu/sharedActiveOrder/';
|
||||
const BOLT_TOKEN_REGEX = /^[0-9a-f]{64}$/i;
|
||||
const IS_DEV = process.env.NODE_ENV === 'development';
|
||||
|
||||
/** Vytáhne sledovací token ze sdílecí URL Bolt Food, nebo přijme samotný token. Null = neplatný vstup. */
|
||||
function extractBoltToken(input: string): string | null {
|
||||
@@ -100,6 +102,7 @@ export default function OrderGroupsPage() {
|
||||
const [editTimes, setEditTimes] = useState<Record<string, { orderedAt: string; deliveryAt: string; boltUrl: string }>>({});
|
||||
const [payModal, setPayModal] = useState<OrderGroup | null>(null);
|
||||
const [feesModal, setFeesModal] = useState<OrderGroup | null>(null);
|
||||
const [boltSimModal, setBoltSimModal] = useState<OrderGroup | null>(null);
|
||||
const [confirmOrderGroup, setConfirmOrderGroup] = useState<OrderGroup | null>(null);
|
||||
const [pageError, setPageError] = useState<string | null>(null);
|
||||
|
||||
@@ -803,6 +806,13 @@ export default function OrderGroupsPage() {
|
||||
<BoltOrderProgress state={group.boltOrderState} courierState={group.boltCourierState} tracking={!!group.boltTrackingToken} />
|
||||
</div>
|
||||
)}
|
||||
{IS_DEV && (
|
||||
<div className="mt-2">
|
||||
<Button variant="outline-warning" size="sm" onClick={() => setBoltSimModal(group)} title="Simulovat sledování Bolt (DEV)">
|
||||
🔧 Simulace Bolt
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</Card.Body>
|
||||
@@ -874,6 +884,14 @@ export default function OrderGroupsPage() {
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{IS_DEV && boltSimModal && (
|
||||
<BoltSimulationModal
|
||||
isOpen={!!boltSimModal}
|
||||
onClose={() => setBoltSimModal(null)}
|
||||
// živá skupina z dat (aktualizuje se přes websocket), fallback na snapshot
|
||||
group={groups.find(g => g.id === boltSimModal.id) ?? boltSimModal}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user