import ApiClient from "hmm-api";

// Create an API client
const api = new ApiClient();

// Create a new user
const newUser = {
  name: "John Doe",
  email: "john@example.com",
};

const response = await api.post("/users", newUser);

// Check if request was successful
if (response.success) {
  // Access the created user data
  const createdUser = response.data;
  console.log(createdUser);
} else {
  // Handle any errors
  console.error(response.error);
}

// Define interfaces for request and response
interface CreateUserRequest {
  name: string;
  email: string;
}

interface CreateUserResponse {
  id: number;
  name: string;
  email: string;
}

// Typed POST request
const userData: CreateUserRequest = {
  name: "Jane Doe",
  email: "jane@example.com",
};

const response = await api.post<CreateUserResponse>("/users", userData);

if (response.success) {
  // TypeScript knows the exact shape of the response
  const createdUser = response.data;
  console.log(createdUser.id); // Fully typed!
}

const response = await api.post("/users", userData, {
  headers: {
    "X-Request-ID": generateUniqueId(),
    "Content-Type": "application/json",
  },
});

// Disable error notifications for this request
const response = await api.post("/users", userData, {
  showErrorToast: false,
});

const response = await api.post("/users", userData, {
  finally: () => {
    // This runs after the request, whether it succeeds or fails
    resetForm();
    hideLoadingSpinner();
  },
});

// For file uploads or multipart form data
const formData = new FormData();
formData.append("file", fileInput.files[0]);
formData.append("username", "John");

const response = await api.post("/upload", formData);

import ApiClient from "hmm-api";

// Assuming you have a toast library configured
const api = new ApiClient({
  toast: yourToastLibrary,
});

async function createUserProfile() {
  const profileData = {
    username: "newuser",
    email: "user@example.com",
    age: 30,
  };

  const response = await api.post<UserProfile>("/profiles", profileData, {
    headers: {
      Authorization: `Bearer ${yourAuthToken}`,
    },
    showErrorToast: true,
    finally: () => {
      clearForm();
    },
  });

  if (response.success) {
    displaySuccessMessage("Profile created successfully");
    updateLocalState(response.data);
  }
}