AI credits

import { api, useAiCredits, useRefreshAiCredits, aiCreditsExhausted } from '@cskn/sdk';

function GeneratePlan() {
  const { data: credits } = useAiCredits();
  const refresh = useRefreshAiCredits();
  const cost = credits?.prices['fitness.workout-plan'];

  const generate = async () => {
    try {
      await api.post('/apps/fitness/ai/workout-plan', {});
    } catch (error) {
      const exhausted = aiCreditsExhausted(error);
      if (exhausted) {
        alert(`You're out of AI credits until ${new Date(exhausted.resetAt).toLocaleDateString()}.`);
      }
    } finally {
      void refresh();
    }
  };

  return (
    <>
      <button onClick={generate}>
        Generate plan{cost != null && ` · ${cost} credits`}
      </button>
      {credits && <small>{credits.remaining} of {credits.limit} credits left this month</small>}
    </>
  );
}