Set user profile image

//native

type Clerk = {

  apiKey: string;

};

type Base64 = string;

/**

 * Set user profile image

 * Update a user's profile image

 */

export async function main(

  auth: Clerk,

  user_id: string,

  body: {

    file?: {

      base64: Base64;

      type:

        | "image/png"

        | "image/jpeg"

        | "image/gif"

        | "application/pdf"

        | "appication/json"

        | "text/csv"

        | "text/plain"

        | "audio/mpeg"

        | "audio/wav"

        | "video/mp4";

      name: string;

    };

  },

) {

  const url = new URL(

    `https://api.clerk.com/v1/users/${user_id}/profile_image`,

  );

  const formData = new FormData();

  for (const [k, v] of Object.entries(body)) {

    if (v !== undefined) {

      if (["file"].includes(k)) {

        const { base64, type, name } = v as {

          base64: Base64;

          type: string;

          name: string;

        };

        formData.append(

          k,

          new Blob([Uint8Array.from(atob(base64), (m) => m.codePointAt(0)!)], {

            type,

          }),

          name,

        );

      } else {

        formData.append(k, String(v));

      }

    }

  }

  const response = await fetch(url, {

    method: "POST",

    headers: {

      Authorization: "Bearer " + auth.apiKey,

    },

    body: formData,

  });

  if (!response.ok) {

    const text = await response.text();

    throw new Error(`${response.status} ${text}`);

  }

  return await response.json();

}