From dc56280d3ffec6acca766366eae63e40fee29b9c Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Fri, 27 Feb 2026 17:28:10 +0530
Subject: [PATCH 1/3] org details script bugs fixes

---
 .../organization-details.component.html       | 13 +++++++++--
 .../organization-details.component.scss       |  3 +++
 .../organization-details.component.ts         | 23 +++++++++++++++++--
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
index 8566326f..30a698f9 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
@@ -5,7 +5,16 @@
             <h2 class="page-title">Organization Details</h2>
 
             <div class="header-actions" *ngIf="!isEditing">
-                <button type="button" class="edit-btn" (click)="startEdit()">
+                <button
+                    type="button"
+                    [ngClass]="{ 'disabled': !allowedUpdatePermissions }"
+                    [disabled]="!allowedUpdatePermissions"
+                    class="edit-btn"
+                    (click)="startEdit()"
+                    [matTooltip]="!allowedUpdatePermissions ? 'No permission' : ''"
+                    ,
+                    matTooltipPosition="right"
+                >
                     <svg
                         class="btn-icon"
                         viewBox="0 0 24 24"
@@ -129,7 +138,7 @@ <h2 class="page-title">Organization Details</h2>
                 <mat-label>Email </mat-label>
                 <input matInput type="email" formControlName="email" placeholder="Enter email" />
                 <mat-error *ngIf="organizationForm.get('email')?.hasError('required')"> Email is required. </mat-error>
-                <mat-error *ngIf="organizationForm.get('email')?.hasError('email')">
+                <mat-error *ngIf="organizationForm.get('email')?.hasError('pattern')">
                     Please enter a valid email.
                 </mat-error>
             </mat-form-field>
diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
index c438ce4a..ef6a5b8d 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
@@ -383,3 +383,6 @@
         color: #ffffff !important;
     }
 }
+.disabled {
+    opacity: 0.5;
+}
diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.ts b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.ts
index d82d3bc8..c6bbee37 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.ts
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.ts
@@ -6,6 +6,7 @@ import { BaseComponent } from 'libs/ui/base-component/src/lib/base-component/bas
 import { OtpService } from '../service/otp.service';
 import { finalize, takeUntil } from 'rxjs';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { EMAIL_REGEX } from '@proxy/regex';
 
 @Component({
     selector: 'organization-details',
@@ -19,7 +20,7 @@ export class OrganizationDetailsComponent extends BaseComponent implements OnIni
 
     public organizationForm = new FormGroup({
         companyName: new FormControl<string>('', [Validators.required, Validators.minLength(3)]),
-        email: new FormControl<string>('', [Validators.required, Validators.email]),
+        email: new FormControl<string>('', [Validators.required, Validators.pattern(EMAIL_REGEX)]),
         phoneNumber: new FormControl<string>('', [Validators.pattern(/^$|^[0-9]{10,15}$/)]),
         timezone: new FormControl<string>('', [Validators.required]),
         timeZoneName: new FormControl<string>('', [Validators.required]),
@@ -49,6 +50,8 @@ export class OrganizationDetailsComponent extends BaseComponent implements OnIni
         super();
     }
 
+    public allowedUpdatePermissions: boolean = false;
+
     ngOnInit(): void {
         if (this.authToken) {
             this.otpService
@@ -57,6 +60,8 @@ export class OrganizationDetailsComponent extends BaseComponent implements OnIni
                 .subscribe({
                     next: (res) => {
                         const company = res?.data?.[0]?.currentCompany;
+                        this.allowedUpdatePermissions =
+                            res?.data?.[0]?.currentCompany?.permissions?.includes('update_c_company');
                         if (company && typeof company === 'object') {
                             const timeZoneName =
                                 company.timeZoneName ??
@@ -179,8 +184,15 @@ export class OrganizationDetailsComponent extends BaseComponent implements OnIni
                     //     verticalPosition: 'top',
                     //     panelClass: ['success-snackbar'],
                     // });
+                    window.dispatchEvent(
+                        new CustomEvent('organizationDetailsUpdateResponse', {
+                            bubbles: true,
+                            composed: true,
+                            detail: { data: res?.data, error: false },
+                        })
+                    );
                 },
-                error: () => {
+                error: (error) => {
                     // Stay in edit mode so user can retry
                     // this.snackBar.open('Something went wrong', '✕', {
                     //     duration: 3000,
@@ -188,6 +200,13 @@ export class OrganizationDetailsComponent extends BaseComponent implements OnIni
                     //     verticalPosition: 'top',
                     //     panelClass: ['error-snackbar'],
                     // });
+                    window.dispatchEvent(
+                        new CustomEvent('organizationDetailsUpdateResponse', {
+                            bubbles: true,
+                            composed: true,
+                            detail: { data: error?.error?.errors ?? error?.error ?? error, error: true },
+                        })
+                    );
                 },
             });
     }

From 59b4c6f2700bf9482230866863ad0d87ab4e0ae3 Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Fri, 27 Feb 2026 17:31:44 +0530
Subject: [PATCH 2/3] pr changes

---
 .../otp/organization-details/organization-details.component.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
index 30a698f9..b2f02d1f 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
@@ -12,7 +12,6 @@ <h2 class="page-title">Organization Details</h2>
                     class="edit-btn"
                     (click)="startEdit()"
                     [matTooltip]="!allowedUpdatePermissions ? 'No permission' : ''"
-                    ,
                     matTooltipPosition="right"
                 >
                     <svg

From cbecc8aab5f70e8cac1fc7d60cdc96439955e912 Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Fri, 27 Feb 2026 17:53:19 +0530
Subject: [PATCH 3/3] fixed design issue

---
 .../organization-details/organization-details.component.html | 2 +-
 .../organization-details/organization-details.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
index b2f02d1f..f8f9037d 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.html
@@ -150,7 +150,7 @@ <h2 class="page-title">Organization Details</h2>
                 </mat-error>
             </mat-form-field>
 
-            <mat-form-field appearance="outline" class="full-width">
+            <mat-form-field appearance="outline" class="full-width timezone-field">
                 <mat-label>Timezone</mat-label>
                 <mat-select
                     formControlName="timeZoneName"
diff --git a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
index ef6a5b8d..b7659a2c 100644
--- a/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
+++ b/apps/proxy-auth/src/app/otp/organization-details/organization-details.component.scss
@@ -386,3 +386,8 @@
 .disabled {
     opacity: 0.5;
 }
+.timezone-field {
+    .mat-select-arrow-wrapper {
+        height: unset;
+    }
+}