// The read-only link to a study's outlines: status, create, turn off, copy. A separate link from the
// whole-study share link, and it only ever shows outlines.
import { useEffect, useState } from 'react';
import { disableOutlineSharing, enableOutlineSharing, getOutlineShareStatus } from '../syncService.js';

export function useOutlineShareLink(projectId, enabled = true) {
  const [token, setToken] = useState(null);
  const [state, setState] = useState('loading'); // 'loading' | 'ready' | 'unavailable' (no account / server)
  const [busy, setBusy] = useState(false);
  const [error, setError] = useState('');

  useEffect(() => {
    setToken(null);
    setError('');
    if (!projectId || !enabled) return undefined;
    let active = true;
    setState('loading');
    getOutlineShareStatus(projectId).then((result) => {
      if (!active) return;
      if (result.ok) { setToken(result.data.shareToken); setState('ready'); } else setState('unavailable');
    });
    return () => { active = false; };
  }, [projectId, enabled]);

  const url = token ? `${window.location.origin}${window.location.pathname}?outline=${token}` : '';

  const create = async () => {
    setBusy(true);
    setError('');
    const result = await enableOutlineSharing(projectId);
    setBusy(false);
    if (result.ok) setToken(result.data.shareToken);
    else setError(result.status === 404 ? 'Your study hasn’t synced to your account yet. Wait a moment and try again.' : 'Couldn’t create the link. Check your connection and try again.');
  };

  const turnOff = async () => {
    setBusy(true);
    const result = await disableOutlineSharing(projectId);
    setBusy(false);
    if (result.ok) setToken(null); else setError('Couldn’t turn the link off. Try again.');
  };

  return { token, url, state, busy, error, create, turnOff };
}