feat(clerk-js): Hide 'create organization' button in org switcher if …

…no permissions
clerk · Jun 16, 2023 · 5274f30 · 5274f30
1 parent 9651658
commit 5274f30
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 1 deletion.
diff --git a/packages/clerk-js/src/core/resources/User.ts b/packages/clerk-js/src/core/resources/User.ts
@@ -80,6 +80,7 @@ export class User extends BaseResource implements UserResource {
   publicMetadata: UserPublicMetadata = {};
   unsafeMetadata: UserUnsafeMetadata = {};
   lastSignInAt: Date | null = null;
+  createOrganizationEnabled = false;
   updatedAt: Date | null = null;
   createdAt: Date | null = null;
 
@@ -315,6 +316,8 @@ export class User extends BaseResource implements UserResource {
     this.backupCodeEnabled = data.backup_code_enabled;
     this.twoFactorEnabled = data.two_factor_enabled;
 
+    this.createOrganizationEnabled = data.create_organization_enabled;
+
     if (data.last_sign_in_at) {
       this.lastSignInAt = unixEpochToDate(data.last_sign_in_at);
     }

diff --git a/packages/clerk-js/src/core/resources/UserSettings.ts b/packages/clerk-js/src/core/resources/UserSettings.ts
@@ -16,6 +16,10 @@ import { BaseResource } from './internal';
 const defaultMaxPasswordLength = 72;
 const defaultMinPasswordLength = 8;
 
+export type Actions = {
+  create_organization: boolean;
+};
+
 /**
  * @internal
  */
@@ -29,6 +33,7 @@ export class UserSettings extends BaseResource implements UserSettingsResource {
   saml!: SamlSettings;
 
   attributes!: Attributes;
+  actions!: Actions;
   signIn!: SignInData;
   signUp!: SignUpData;
   passwordSettings!: PasswordSettingsData;
@@ -65,6 +70,7 @@ export class UserSettings extends BaseResource implements UserSettingsResource {
     this.attributes = Object.fromEntries(
       Object.entries(data.attributes).map(a => [a[0], { ...a[1], name: a[0] }]),
     ) as Attributes;
+    this.actions = data.actions;
     this.signIn = data.sign_in;
     this.signUp = data.sign_up;
     this.passwordSettings = {

diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OtherOrganizationActions.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OtherOrganizationActions.tsx
@@ -84,7 +84,7 @@ export const OrganizationActionList = (props: OrganizationActionListProps) => {
           </PreviewButton>
         ))}
       </Box>
-      {createOrganizationButton}
+      {user.createOrganizationEnabled && createOrganizationButton}
     </SecondaryActions>
   );
 };
diff --git a/packages/types/src/json.ts b/packages/types/src/json.ts
@@ -214,6 +214,7 @@ export interface UserJSON extends ClerkResourceJSON {
   public_metadata: UserPublicMetadata;
   unsafe_metadata: UserUnsafeMetadata;
   last_sign_in_at: number | null;
+  create_organization_enabled: boolean;
   updated_at: number;
   created_at: number;
 }

diff --git a/packages/types/src/user.ts b/packages/types/src/user.ts
@@ -77,6 +77,7 @@ export interface UserResource extends ClerkResource {
   publicMetadata: UserPublicMetadata;
   unsafeMetadata: UserUnsafeMetadata;
   lastSignInAt: Date | null;
+  createOrganizationEnabled: boolean;
   updatedAt: Date | null;
   createdAt: Date | null;
 

diff --git a/packages/types/src/userSettings.ts b/packages/types/src/userSettings.ts
@@ -82,10 +82,15 @@ export type Attributes = {
   [attribute in Attribute]: AttributeData;
 };
 
+export type Actions = {
+  create_organization: boolean;
+};
+
 export interface UserSettingsJSON extends ClerkResourceJSON {
   id: never;
   object: never;
   attributes: AttributesJSON;
+  actions: Actions;
   social: OAuthProviders;
 
   /**
@@ -108,6 +113,7 @@ export interface UserSettingsResource extends ClerkResource {
   saml: SamlSettings;
 
   attributes: Attributes;
+  actions: Actions;
   signIn: SignInData;
   signUp: SignUpData;
   passwordSettings: PasswordSettingsData;