fix(clerk-js): Add base64 string support for organization logo

fix(clerk-js): Add base64 string support for organization logo fix(clerk-js): Add base64 string support for organization logo
clerk · Jun 12, 2023 · c42b4ac · c42b4ac
1 parent b9d23a4
commit c42b4ac
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/.changeset/nervous-pumas-look.md b/.changeset/nervous-pumas-look.md
@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': minor
+'@clerk/types': minor
+---
+
+Add base64 string support in Organization.setLogo
diff --git a/packages/clerk-js/src/core/resources/Organization.ts b/packages/clerk-js/src/core/resources/Organization.ts
@@ -146,13 +146,23 @@ export class Organization extends BaseResource implements OrganizationResource {
       }).then(res => new Organization(res?.response as OrganizationJSON));
     }
 
-    const body = new FormData();
-    body.append('file', file);
+    let body;
+    let headers;
+    if (typeof file === 'string') {
+      body = file;
+      headers = new Headers({
+        'Content-Type': 'application/octet-stream',
+      });
+    } else {
+      body = new FormData();
+      body.append('file', file);
+    }
 
     return await BaseResource._fetch({
       path: `/organizations/${this.id}/logo`,
       method: 'PUT',
       body,
+      headers,
     }).then(res => new Organization(res?.response as OrganizationJSON));
   };
 

diff --git a/packages/types/src/organization.ts b/packages/types/src/organization.ts
@@ -76,5 +76,5 @@ export interface UpdateOrganizationParams {
 }
 
 export interface SetOrganizationLogoParams {
-  file: Blob | File | null;
+  file: Blob | File | string | null;
 }