);
}
/* Dropdown that takes a flat array of snake_case values and renders them
* with humanize() — so the visible label is "Out for Delivery" while the
* stored value remains "out_for_delivery". */
function EnumSelect({ value, onChange, options, placeholder, allowEmpty }) {
return (
);
}
/* Phone input — splits country code from local number, validates on blur. */
function PhoneInput({ value, onChange, error }) {
const cc = (window.WYF_CONFIG && window.WYF_CONFIG.DEFAULT_COUNTRY_CODE) || "+63";
// strip leading cc for display
let local = value || "";
if (local.startsWith(cc)) local = local.slice(cc.length);
return (
<>
{cc}
onChange(e.target.value)} />
{error &&
{error}
}
);
}
function Pill({ children, tone }) {
return {children};
}
/* Tone for an order status — keeps coloring consistent between dashboard +
* orders table. If you add a new status, add it here too. */
function statusTone(status) {
switch (status) {
case "completed":
case "delivered":
case "paid":
return "success";
case "cancelled":
case "unpaid":
return "danger";
case "preparing":
case "out_for_delivery":
case "ready":
case "partial":
return "warn";
default:
return "info";
}
}
function EmptyState({ title, hint }) {
return