Feature/move support to customize X-ray rules from experimental to general availability (#5408)

* Move support to customize X-ray rules from experimental to general availability

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Moved the support to customize rules in the _X-ray_ section from experimental to general availability
 - Improved the create or update activity dialog’s asset sub class selector for valuables to update the options dynamically based on the selected asset class
 - Randomized the minutes of the hourly data gathering cron job
 - Refactored the dialog footer component to standalone

apps/client/src/app/components/access-table/access-table.component.html

@@ -67,12 +67,18 @@
         <mat-menu #transactionMenu="matMenu" xPosition="before">
           @if (element.type === 'PUBLIC') {
             <button mat-menu-item (click)="onCopyUrlToClipboard(element.id)">
-              <ng-container i18n>Copy link to clipboard</ng-container>
+              <span class="align-items-center d-flex">
+                <ion-icon class="mr-2" name="copy-outline" />
+                <span i18n>Copy link to clipboard</span>
+              </span>
             </button>
             <hr class="my-0" />
           }
           <button mat-menu-item (click)="onDeleteAccess(element.id)">
-            <ng-container i18n>Revoke</ng-container>
+            <span class="align-items-center d-flex">
+              <ion-icon class="mr-2" name="remove-circle-outline" />
+              <span i18n>Revoke</span>
+            </span>
           </button>
         </mat-menu>
       </td>

apps/client/src/app/components/access-table/access-table.component.ts

@@ -22,10 +22,12 @@ import { RouterModule } from '@angular/router';
 import { IonIcon } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
 import {
+  copyOutline,
   ellipsisHorizontal,
   linkOutline,
   lockClosedOutline,
-  lockOpenOutline
+  lockOpenOutline,
+  removeCircleOutline
 } from 'ionicons/icons';
 import ms from 'ms';
 
@@ -62,10 +64,12 @@ export class GfAccessTableComponent implements OnChanges {
     private snackBar: MatSnackBar
   ) {
     addIcons({
+      copyOutline,
       ellipsisHorizontal,
       linkOutline,
       lockClosedOutline,
-      lockOpenOutline
+      lockOpenOutline,
+      removeCircleOutline
     });
   }
 

apps/client/src/app/components/rule/rule.component.html

@@ -64,14 +64,24 @@
           <mat-menu #rulesMenu="matMenu" xPosition="before">
             @if (rule?.isActive && rule?.configuration) {
               <button mat-menu-item (click)="onCustomizeRule(rule)">
-                <ng-container i18n>Customize</ng-container>...
+                <span class="align-items-center d-flex">
+                  <ion-icon class="mr-2" name="options-outline" />
+                  <span><ng-container i18n>Customize</ng-container>...</span>
+                </span>
               </button>
+              <hr class="my-0" />
             }
             <button mat-menu-item (click)="onUpdateRule(rule)">
               @if (rule?.isActive) {
-                <ng-container i18n>Deactivate</ng-container>
+                <span class="align-items-center d-flex">
+                  <ion-icon class="mr-2" name="remove-circle-outline" />
+                  <span i18n>Deactivate</span>
+                </span>
               } @else {
-                <ng-container i18n>Activate</ng-container>
+                <span class="align-items-center d-flex">
+                  <ion-icon class="mr-2" name="add-circle-outline" />
+                  <span i18n>Activate</span>
+                </span>
               }
             </button>
           </mat-menu>

apps/client/src/app/components/rule/rule.component.ts

@@ -16,8 +16,10 @@ import {
 import { MatDialog } from '@angular/material/dialog';
 import { addIcons } from 'ionicons';
 import {
+  addCircleOutline,
   checkmarkCircleOutline,
   ellipsisHorizontal,
+  optionsOutline,
   removeCircleOutline,
   warningOutline
 } from 'ionicons/icons';
@@ -50,8 +52,10 @@ export class RuleComponent implements OnInit {
     private dialog: MatDialog
   ) {
     addIcons({
+      addCircleOutline,
       checkmarkCircleOutline,
       ellipsisHorizontal,
+      optionsOutline,
       removeCircleOutline,
       warningOutline
     });

apps/client/src/app/pages/portfolio/x-ray/x-ray-page.component.html

@@ -73,9 +73,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="liquidityRules"
@@ -97,9 +95,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="emergencyFundRules"
@@ -121,9 +117,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="currencyClusterRiskRules"
@@ -145,9 +139,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="assetClassClusterRiskRules"
@@ -169,9 +161,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="accountClusterRiskRules"
@@ -193,9 +183,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="economicMarketClusterRiskRules"
@@ -217,9 +205,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="regionalMarketClusterRiskRules"
@@ -241,9 +227,7 @@
         </h4>
         <gf-rules
           [hasPermissionToUpdateUserSettings]="
-            !hasImpersonationId &&
+            !hasImpersonationId && hasPermissionToUpdateUserSettings
-            hasPermissionToUpdateUserSettings &&
-            user?.settings?.isExperimentalFeatures
           "
           [isLoading]="isLoading"
           [rules]="feeRules"
@@ -256,9 +240,7 @@
           <h4 class="m-0" i18n>Inactive</h4>
           <gf-rules
             [hasPermissionToUpdateUserSettings]="
-              !hasImpersonationId &&
+              !hasImpersonationId && hasPermissionToUpdateUserSettings
-              hasPermissionToUpdateUserSettings &&
-              user?.settings?.isExperimentalFeatures
             "
             [isLoading]="isLoading"
             [rules]="inactiveRules"