);
}
// Simulated 6-digit pair flow — for the actual round-trip we have the Cloudflare
// Worker spec in /worker; the in-app side is a single-use code with a countdown.
function PairDeviceSheet({ onClose }) {
const codeRef = React.useRef(null);
if (!codeRef.current) {
codeRef.current = Math.floor(100000 + Math.random() * 900000).toString();
}
const code = codeRef.current;
const [remaining, setRemaining] = React.useState(600); // 10 minutes
const [copied, setCopied] = React.useState(false);
React.useEffect(() => {
const id = setInterval(() => setRemaining(s => Math.max(0, s - 1)), 1000);
return () => clearInterval(id);
}, []);
const mm = String(Math.floor(remaining / 60)).padStart(2, '0');
const ss = String(remaining % 60).padStart(2, '0');
const copyCode = () => {
try {
if (navigator.clipboard) navigator.clipboard.writeText(code);
setCopied(true);
setTimeout(() => setCopied(false), 1400);
} catch {}
};
return (
<>
Pair a device
Enter this code on the other device
{/* Big 6-digit code */}
{code.split('').map((d, i) => (
{d}
))}
{/* Countdown + copy */}
Expires in {mm}:{ss}
{/* Steps */}
Open WeddingOS on your other device.}/>
Tap Already have a wedding? on the welcome screen.}/>
Enter the code above. Your planning syncs automatically.}/>
Single-use. The code expires in 10 minutes — generate a fresh one any time.
);
}
function PairStep({ n, text }) {
return (
{n}
{text}
);
}
function SettingsGroup({ label, children }) {
return (