User delete self fixes (#1372)

* fix(clerk-js): Fix data sourcing for delete user feature

Author: jescalan

.changeset/silver-cheetahs-exercise.md

@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': patch
+'@clerk/types': patch
+---
+
+Fix to pull from the correct permissions set when displaying user delete self UI

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;
+  deleteSelfEnabled = false;
   updatedAt: Date | null = null;
   createdAt: Date | null = null;
 
@@ -319,6 +320,8 @@ export class User extends BaseResource implements UserResource {
     this.backupCodeEnabled = data.backup_code_enabled;
     this.twoFactorEnabled = data.two_factor_enabled;
 
+    this.deleteSelfEnabled = data.delete_self_enabled;
+
     if (data.last_sign_in_at) {
       this.lastSignInAt = unixEpochToDate(data.last_sign_in_at);
     }

packages/clerk-js/src/ui/components/UserProfile/RootPage.tsx

@@ -16,7 +16,7 @@ import { Web3Section } from './Web3Section';
 import { DeleteSection } from './DeleteSection';
 
 export const RootPage = withCardStateProvider(() => {
-  const { attributes, saml, social, actions, instanceIsPasswordBased } = useEnvironment().userSettings;
+  const { attributes, saml, social, instanceIsPasswordBased } = useEnvironment().userSettings;
   const card = useCardState();
   const user = useCoreUser();
   const showUsername = attributes.username.enabled;
@@ -27,7 +27,7 @@ export const RootPage = withCardStateProvider(() => {
   const showWeb3 = attributes.web3_wallet.enabled;
   const showPassword = instanceIsPasswordBased;
   const showMfa = getSecondFactors(attributes).length > 0;
-  const showDelete = actions.delete_self;
+  const showDelete = user.deleteSelfEnabled;
 
   return (
     <Col

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;
+  delete_self_enabled: boolean;
   updated_at: number;
   created_at: number;
 }

packages/types/src/user.ts

@@ -77,6 +77,7 @@ export interface UserResource extends ClerkResource {
   publicMetadata: UserPublicMetadata;
   unsafeMetadata: UserUnsafeMetadata;
   lastSignInAt: Date | null;
+  deleteSelfEnabled: boolean;
   updatedAt: Date | null;
   createdAt: Date | null;