Fixed the issue of country code not being passed in the phone component

Author: manasa

packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.html

@@ -11,7 +11,7 @@
           [preferredCountries]="['us']"
           [enablePlaceholder]="true"
           [enableSearch]="true"
-          (change)="fieldOnChange($event)"
+          (change)="fieldOnChange()"
           (blur)="fieldOnBlur()"
         >
         </ngx-mat-intl-tel-input>

packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.ts

@@ -170,12 +170,13 @@ export class PhoneComponent implements OnInit, OnDestroy {
     // 'blur' isn't getting fired
   }
 
-  fieldOnChange(event: any) {
+  fieldOnChange() {
     const oldVal = this.value$ ?? '';
-    const isValueChanged = event?.target?.value.toString() !== oldVal.toString();
+    const newVal = this.formGroup$.controls[this.controlName$].value;
+    const isValueChanged = newVal?.toString() !== oldVal.toString();
 
-    if (isValueChanged) {
-      const value = event?.target?.value || event?.value || '';
+    if (isValueChanged && newVal) {
+      const value = this.formGroup$.controls[this.controlName$].value;
       this.afterBlur = true;
       handleEvent(this.actionsApi, 'changeNblur', this.propName, value);
     }