Smart Temporary Uploads

// 1. Upload to temporary endpoint (no auth required)
const uploadTemporary = async (file) => {
  const res = await fetch(
    'https://api.icefiery.com/v1/upload-temporary-image/upl_07c1b6044f944e6f8c160',
    {
      headers: {
        'X-Original-Filename': file.name,
      },
      body: file,
    }
  );
  
  const { temporaryImageUrl, imageId } = await res.json();
  
  // Image is available immediately for preview
  return { temporaryImageUrl, imageId };
};

// 2. Display image immediately (works for 24 hours)
function ImagePreview({ imageId }) {
  const imageUrl = `https://res.icefiery.com/res/${imageId}?width=400&format=webp`;
  return <img src={imageUrl || "/placeholder.svg"} alt="Preview" />;
}

// 3. Save temporary image after form submission
const saveTemporaryImage = async (temporaryImageUrl, metadata = {}) => {
  const res = await fetch(
    `https://api.icefiery.com/api/v1/save-temporary-image`,
    {
      method: 'POST',
      headers: {
        'X-API-Key': process.env.ICEFIERY_API_KEY,
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        temporaryImageUrl,
        metadata: {
          userId: 'user_abc',
          category: 'profile-picture',
          ...metadata
        }
      }),
    }
  );
  
  const { imageUrl } = await res.json();
  
  // Image is now permanent and won't expire
  return { imageUrl };
};