))}
);
const ERRORS = {
empty: { title:"Please enter a tracking number.",
body:"You'll find it in the shipping confirmation we sent by email." },
not_found: { title:"That doesn't look like one of our tracking numbers.",
body:"Please double-check the digits in your confirmation email. If it still doesn't work, email us and we'll verify it for you.",
showSupport:true },
rate_limit: { title:"Too many lookups from this device.",
body:"Please wait a minute before trying again." },
unavailable: { title:"Tracking is temporarily unavailable.",
body:"Our carrier feed is having a moment. Try again in a few minutes. If this keeps happening, email us.",
showSupport:true }
};
function InputView({onSubmit, prefill="", initialError=null}) {
const [val, setVal] = useState(prefill);
const [err, setErr] = useState(initialError);
const inputRef = useRef(null);
useEffect(() => { inputRef.current && inputRef.current.focus(); }, []);
useEffect(() => { setErr(initialError); }, [initialError]);
function submit(e) {
e.preventDefault();
const v = val.trim();
if (!v) { setErr("empty"); return; }
setErr(null);
onSubmit(v);
}
const error = err ? ERRORS[err] : null;
return (
Track your Lev Haolam box
Where is my box?
Enter your tracking number. You'll find it in the shipping confirmation we sent by email.
{right}