fix: fy-number disable state

src/app/fyle/add-edit-expense/add-edit-expense.page.ts

@@ -2868,12 +2868,15 @@ export class AddEditExpensePage implements OnInit {
           this.autoCodedData.vendor_name = etxn.tx.extracted_data.vendor;
         }
 
-        this.isReconciledExpense.set(expense.is_reconciled);
-
-        if (this.isReconciledExpense()) {
-          this.fg.controls.dateOfSpend.disable();
-          this.fg.controls.currencyObj.disable();
-        }
+        this.launchDarklyService.getVariation('reconciliation_beta', false).subscribe((isReconciliationEnabled) => {
+          if (isReconciliationEnabled) {
+            this.isReconciledExpense.set(expense.is_reconciled);
+            if (this.isReconciledExpense()) {
+              this.fg.controls.dateOfSpend?.disable();
+              this.fg.controls.currencyObj?.disable();
+            }
+          }
+        });
 
         this.isIncompleteExpense = etxn.tx.state === 'DRAFT';
         this.source = etxn.tx.source || 'MOBILE';

src/app/shared/components/fy-number/fy-number.component.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, forwardRef, Injector, Input, OnInit, inject, input } from '@angular/core';
+import { AfterViewInit, Component, forwardRef, Injector, Input, OnInit, inject, input, effect } from '@angular/core';
 import {
   ControlValueAccessor,
   UntypedFormControl,
@@ -145,6 +145,19 @@ export class FyNumberComponent implements ControlValueAccessor, OnInit, AfterVie
       this.fc = new UntypedFormControl(null, Validators.pattern(/^\d*(\.\d+)?$/));
     }
 
+    // Set up effect to watch disabled signal after form control is created
+    effect(() => {
+      const isDisabled = this.disabled();
+      if (isDisabled !== undefined) {
+        this.isDisabled = isDisabled;
+        if (isDisabled) {
+          this.fc.disable();
+        } else if (this.fc.disabled) {
+          this.fc.enable();
+        }
+      }
+    });
+
     this.fc.valueChanges.subscribe((value) => {
       if (typeof value === 'string' && this.fc.valid) {
         this.value = value && parseFloat(value);