Add permission check for auth token to user signup section

apps/client/src/app/components/admin-overview/admin-overview.component.ts

@@ -76,6 +76,7 @@ import { takeUntil } from 'rxjs/operators';
 export class GfAdminOverviewComponent implements OnDestroy, OnInit {
   public couponDuration: StringValue = '14 days';
   public coupons: Coupon[];
+  public hasPermissionForAuthToken: boolean;
   public hasPermissionForSubscription: boolean;
   public hasPermissionForSystemMessage: boolean;
   public hasPermissionToSyncDemoUserAccount: boolean;
@@ -108,6 +109,11 @@ export class GfAdminOverviewComponent implements OnDestroy, OnInit {
         if (state?.user) {
           this.user = state.user;
 
+          this.hasPermissionForAuthToken = hasPermission(
+            this.info.globalPermissions,
+            permissions.enableAuthToken
+          );
+
           this.hasPermissionForSubscription = hasPermission(
             this.info.globalPermissions,
             permissions.enableSubscription

apps/client/src/app/components/admin-overview/admin-overview.html

@@ -30,6 +30,7 @@
               }
             </div>
           </div>
+          @if (hasPermissionForAuthToken) {
             <div class="d-flex my-3">
               <div class="w-50" i18n>User Signup</div>
               <div class="w-50">
@@ -37,12 +38,15 @@
                   color="primary"
                   hideIcon="true"
                   [checked]="
-                  info.globalPermissions.includes(permissions.createUserAccount)
+                    info.globalPermissions.includes(
+                      permissions.createUserAccount
+                    )
                   "
                   (change)="onEnableUserSignupModeChange($event)"
                 />
               </div>
             </div>
+          }
           @if (hasPermissionToToggleReadOnlyMode) {
             <div class="d-flex my-3">
               <div class="w-50" i18n>Read-only Mode</div>