fix(arc-saas): changes in data of features

changes in data of features

Author: Deepika516

projects/saas-ui/src/app/main/components/add-plan/add-plan.component.html

@@ -204,8 +204,11 @@ <h3>Plan Configuration</h3>
                           placeholder="{{ feature.name }}"
                         />
                         <!-- for conditional metadata handling -->
-                        <select
-                          *ngIf="feature.metadata"
+
+                        <!-- <select
+                          *ngIf="
+                            feature.metadata && feature.metadata.length > 0
+                          "
                           [formControlName]="feature.key"
                         >
                           <option
@@ -214,7 +217,27 @@ <h3>Plan Configuration</h3>
                           >
                             {{ option }}
                           </option>
-                        </select>
+                        </select> -->
+                        <div class="select">
+                          <nb-select
+                            *ngIf="
+                              feature.metadata && feature.metadata.length > 0
+                            "
+                            class="dropdown-wrapper"
+                            placeholder="Select IDP"
+                            status="basic"
+                            [formControlName]="feature.key"
+                          >
+                            <nb-option
+                              *ngFor="let option of feature.metadata"
+                              [value]="option"
+                            >
+                              {{ option }}
+                            </nb-option>
+                          </nb-select>
+                        </div>
+
+                        <!-- For string input when metadata is empty -->
                         <input
                           *ngIf="!feature.metadata && feature.type === 'string'"
                           nbInput

projects/saas-ui/src/app/main/components/add-plan/add-plan.component.ts

@@ -376,10 +376,11 @@ export class AddPlanComponent implements OnInit {
       this.featureOption = res;
       // error handling
       this.featureOption.forEach(feature => {
-        if (feature.metadata) {
+        if (typeof feature.metadata === 'string') {
           feature.metadata = feature.metadata.split(',');
         }
       });
+      console.log(this.featureOption);
       this.createFeatureControls();
     });
   }

projects/saas-ui/src/app/shared/models/feature.model.ts

@@ -1,12 +1,15 @@
+import {AnyObject} from '@project-lib/core/api';
 import {FeatureValues} from './feature-values.model';
 
 export class Features {
+  [x: string]: any;
   id?: string;
   name: string;
   description: string;
   key: string;
   type: 'boolean' | 'number' | 'string' | 'object';
-  defaultValue: any;
+  defaultValue: number;
+  metadata?: any;
   value?: FeatureValues;
   constructor(data?: Partial<Features>) {
     this.id = data?.id;
@@ -16,5 +19,6 @@ export class Features {
     this.type = data.type;
     this.defaultValue = data.defaultValue;
     this.value = data.value;
+    this.metadata = data?.metadata;
   }
 }