From 4be75f8a57de8a94432303d536efdbcc8fa09e8e Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Fri, 6 Mar 2026 18:24:53 +0530
Subject: [PATCH 1/4] added support to openRegistration form only

---
 apps/proxy-auth/src/app/element.module.ts     |  1 +
 .../register/register.component.html          |  2 +-
 .../component/register/register.component.ts  | 37 +++++++++++++++----
 .../app/otp/send-otp/send-otp.component.html  |  4 ++
 .../app/otp/send-otp/send-otp.component.ts    |  5 +++
 .../src/app/otp/service/otp.service.ts        |  2 +-
 6 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/apps/proxy-auth/src/app/element.module.ts b/apps/proxy-auth/src/app/element.module.ts
index 4f1d4515..bf8e9fd3 100644
--- a/apps/proxy-auth/src/app/element.module.ts
+++ b/apps/proxy-auth/src/app/element.module.ts
@@ -65,6 +65,7 @@ window['initVerification'] = (config: any) => {
             sendOtpElement.exclude_role_ids = config?.exclude_role_ids;
             sendOtpElement.include_role_ids = config?.include_role_ids;
             sendOtpElement.isHidden = config?.isHidden;
+            sendOtpElement.isRegisterFormOnly = config?.isRegisterFormOnly;
             sendOtpElement.target = config?.target ?? '_self';
             sendOtpElement.css = config.style;
             if (!config.success || typeof config.success !== 'function') {
diff --git a/apps/proxy-auth/src/app/otp/component/register/register.component.html b/apps/proxy-auth/src/app/otp/component/register/register.component.html
index cf7ec272..c7733087 100644
--- a/apps/proxy-auth/src/app/otp/component/register/register.component.html
+++ b/apps/proxy-auth/src/app/otp/component/register/register.component.html
@@ -1,7 +1,7 @@
 <ng-container>
     <div class="dialog-header">
         <div class="heading">Register</div>
-        <button mat-icon-button class="close-dialog" (click)="close(true)" type="button">
+        <button mat-icon-button class="close-dialog" (click)="close(true)" type="button" *ngIf="!isRegisterFormOnly">
             <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                     d="M11.8334 1.34163L10.6584 0.166626L6.00008 4.82496L1.34175 0.166626L0.166748 1.34163L4.82508 5.99996L0.166748 10.6583L1.34175 11.8333L6.00008 7.17496L10.6584 11.8333L11.8334 10.6583L7.17508 5.99996L11.8334 1.34163Z"
diff --git a/apps/proxy-auth/src/app/otp/component/register/register.component.ts b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
index 72831308..20a3ab0f 100644
--- a/apps/proxy-auth/src/app/otp/component/register/register.component.ts
+++ b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
@@ -49,6 +49,10 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
     @Input() public registrationViaLogin: boolean;
     @Input() public prefillDetails;
     @Input() public showCompanyDetails: boolean = true;
+    @Input() public firstName: string;
+    @Input() public lastName: string;
+    @Input() public signupServiceId: string | number;
+    @Input() public isRegisterFormOnly: boolean = false;
     public showPassword: boolean = false;
     public showConfirmPassword: boolean = false;
     @Output() public togglePopUp: EventEmitter<any> = new EventEmitter();
@@ -114,6 +118,7 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
     public isOtpSent: boolean = false;
     public isNumberChanged: boolean = false;
     public otpError: string = '';
+    public otpVerificationToken: string = '';
 
     // Resend OTP timer properties
     public resendTimer: number = 0;
@@ -194,6 +199,9 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
                 this.otpError = ''; // Clear error on successful verification
             }
         });
+        this.selectVerifyOtpV2Data$.pipe(takeUntil(this.destroy$)).subscribe((res) => {
+            this.otpVerificationToken = res?.data?.otp_verification_token;
+        });
         this.selectGetOtpSuccess$.pipe(takeUntil(this.destroy$)).subscribe((res) => {
             this.isOtpSent = res;
             if (res) {
@@ -219,6 +227,12 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
         if (changes?.prefillDetails?.currentValue) {
             this.checkPrefillDetails();
         }
+        if (changes?.firstName?.currentValue) {
+            this.registrationForm.get('user.firstName').setValue(changes.firstName.currentValue);
+        }
+        if (changes?.lastName?.currentValue) {
+            this.registrationForm.get('user.lastName').setValue(changes.lastName.currentValue);
+        }
     }
     checkPrefillDetails() {
         if (isNaN(Number(this.prefillDetails))) {
@@ -431,6 +445,7 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
             service_id: this.registrationViaLogin ? this.loginServiceData.service_id : this.serviceData.service_id,
             url_unique_id: state?.url_unique_id,
             request_data: formData,
+            ...(this.signupServiceId && { signup_service_id: this.signupServiceId }),
         };
         const encodedData = this.otpUtilityService.aesEncrypt(
             JSON.stringify(payload),
@@ -439,14 +454,20 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
             true
         );
         const registrationState = this.registrationViaLogin ? this.loginServiceData.state : this.serviceData.state;
-        this.otpService.register({ proxy_state: encodedData, state: registrationState }).subscribe(
-            (response) => {
-                window.location.href = response.data.redirect_url;
-            },
-            (err) => {
-                this.apiError.next(errorResolver(err?.error.errors));
-            }
-        );
+        this.otpService
+            .register({
+                proxy_state: encodedData,
+                state: registrationState,
+                otp_verification_token: this.otpVerificationToken,
+            })
+            .subscribe(
+                (response) => {
+                    window.location.href = response.data.redirect_url;
+                },
+                (err) => {
+                    this.apiError.next(errorResolver(err?.error.errors));
+                }
+            );
     }
 
     public getOtp() {
diff --git a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
index e95ddf11..90ec78eb 100644
--- a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
+++ b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
@@ -46,6 +46,10 @@
             (successReturn)="setShowRegistration(false)"
             (failureReturn)="returnFailureObj($event)"
             [prefillDetails]="prefillDetails"
+            [firstName]="otherData?.firstName"
+            [lastName]="otherData?.lastName"
+            [signupServiceId]="otherData?.signupServiceId"
+            [isRegisterFormOnly]="isRegisterFormOnly"
         ></proxy-register>
         <proxy-login
             *ngIf="showLogin | async"
diff --git a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.ts b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.ts
index f44e9e96..7874d135 100644
--- a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.ts
+++ b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.ts
@@ -65,6 +65,7 @@ export class SendOtpComponent extends BaseComponent implements OnInit, OnDestroy
     @Input() public isHidden: boolean = false;
     @Input() public input_fields: string = InputFields.TOP;
     @Input() public show_social_login_icons: boolean = false;
+    @Input() public isRegisterFormOnly: boolean = false;
     set css(type: NgStyle['ngStyle']) {
         this.cssSubject$.next(type);
     }
@@ -185,6 +186,10 @@ export class SendOtpComponent extends BaseComponent implements OnInit, OnDestroy
             }, 3000);
         } else {
             this.toggleSendOtp(true);
+            if (this.isRegisterFormOnly) {
+                this.registrationViaLogin = false;
+                this.setShowRegistration(true);
+            }
         }
         this.loadExternalFonts();
         this.store.dispatch(
diff --git a/apps/proxy-auth/src/app/otp/service/otp.service.ts b/apps/proxy-auth/src/app/otp/service/otp.service.ts
index 0585230a..20d7df94 100644
--- a/apps/proxy-auth/src/app/otp/service/otp.service.ts
+++ b/apps/proxy-auth/src/app/otp/service/otp.service.ts
@@ -74,7 +74,7 @@ export class OtpService {
         return this.http.get<any>(requestUrl, params, this.options);
     }
 
-    public register(body: { proxy_state?: string; state?: string }): Observable<any> {
+    public register(body: { proxy_state?: string; state?: string; otp_verification_token?: string }): Observable<any> {
         return this.http.post<any>(otpVerificationUrls.register(this.baseUrl), body, this.options);
     }
 

From 0bfae091ca9a7cb8e2a8a4bea0d93f62064c19eb Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Fri, 6 Mar 2026 19:39:54 +0530
Subject: [PATCH 2/4] prefilled email id

---
 .../src/app/otp/component/register/register.component.ts      | 4 ++++
 apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html  | 1 +
 2 files changed, 5 insertions(+)

diff --git a/apps/proxy-auth/src/app/otp/component/register/register.component.ts b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
index 20a3ab0f..4e20e502 100644
--- a/apps/proxy-auth/src/app/otp/component/register/register.component.ts
+++ b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
@@ -51,6 +51,7 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
     @Input() public showCompanyDetails: boolean = true;
     @Input() public firstName: string;
     @Input() public lastName: string;
+    @Input() public email: string;
     @Input() public signupServiceId: string | number;
     @Input() public isRegisterFormOnly: boolean = false;
     public showPassword: boolean = false;
@@ -233,6 +234,9 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
         if (changes?.lastName?.currentValue) {
             this.registrationForm.get('user.lastName').setValue(changes.lastName.currentValue);
         }
+        if (changes?.email?.currentValue) {
+            this.registrationForm.get('user.email').setValue(changes.email.currentValue);
+        }
     }
     checkPrefillDetails() {
         if (isNaN(Number(this.prefillDetails))) {
diff --git a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
index 90ec78eb..a3fa36ef 100644
--- a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
+++ b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
@@ -48,6 +48,7 @@
             [prefillDetails]="prefillDetails"
             [firstName]="otherData?.firstName"
             [lastName]="otherData?.lastName"
+            [email]="otherData?.email"
             [signupServiceId]="otherData?.signupServiceId"
             [isRegisterFormOnly]="isRegisterFormOnly"
         ></proxy-register>

From 7f1ddf945eb9dadd998375e7322da822b7c637b2 Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Sat, 7 Mar 2026 13:15:18 +0530
Subject: [PATCH 3/4] disable email field

---
 .../src/app/otp/component/register/register.component.ts     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/proxy-auth/src/app/otp/component/register/register.component.ts b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
index 4e20e502..3c826396 100644
--- a/apps/proxy-auth/src/app/otp/component/register/register.component.ts
+++ b/apps/proxy-auth/src/app/otp/component/register/register.component.ts
@@ -177,6 +177,9 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
     }
 
     ngOnInit(): void {
+        if (this.isRegisterFormOnly) {
+            this.registrationForm.get('user.email').disable();
+        }
         this.registrationForm
             .get('user.mobile')
             .valueChanges.pipe(takeUntil(this.destroy$))
@@ -424,7 +427,7 @@ export class RegisterComponent extends BaseComponent implements AfterViewInit, O
             this.registrationForm.get('user.mobile').setErrors({ otpVerificationFailed: true });
             return;
         }
-        const formData = removeEmptyKeys(cloneDeep(this.registrationForm.value), true);
+        const formData = removeEmptyKeys(cloneDeep(this.registrationForm.getRawValue()), true);
         const state = JSON.parse(
             this.otpUtilityService.aesDecrypt(
                 this.registrationViaLogin ? this.loginServiceData.state : this.serviceData?.state ?? '',

From d602f4e6f6a85206998f64aa57e9fdce7693ae86 Mon Sep 17 00:00:00 2001
From: Chandan-walker <chandan@whozzat.com>
Date: Mon, 9 Mar 2026 17:08:14 +0530
Subject: [PATCH 4/4] read params to open registration form

---
 apps/proxy-auth/src/app/element.module.ts | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/proxy-auth/src/app/element.module.ts b/apps/proxy-auth/src/app/element.module.ts
index bf8e9fd3..da1a3280 100644
--- a/apps/proxy-auth/src/app/element.module.ts
+++ b/apps/proxy-auth/src/app/element.module.ts
@@ -43,6 +43,14 @@ function documentReady(fn: any) {
 
 window['initVerification'] = (config: any) => {
     documentReady(() => {
+        const urlParams = new URLSearchParams(window.location.search);
+        const isRegisterFormOnlyFromParams = urlParams.get('isRegisterFormOnly') === 'true';
+        const paramsData = {
+            ...(urlParams.get('first_name') && { firstName: urlParams.get('first_name') }),
+            ...(urlParams.get('last_name') && { lastName: urlParams.get('last_name') }),
+            ...(urlParams.get('email') && { email: urlParams.get('email') }),
+            ...(urlParams.get('signup_service_id') && { signupServiceId: urlParams.get('signup_service_id') }),
+        };
         if (config?.referenceId || config?.authToken || config?.showCompanyDetails) {
             const findOtpProvider = document.querySelector('proxy-auth');
             if (findOtpProvider) {
@@ -65,7 +73,7 @@ window['initVerification'] = (config: any) => {
             sendOtpElement.exclude_role_ids = config?.exclude_role_ids;
             sendOtpElement.include_role_ids = config?.include_role_ids;
             sendOtpElement.isHidden = config?.isHidden;
-            sendOtpElement.isRegisterFormOnly = config?.isRegisterFormOnly;
+            sendOtpElement.isRegisterFormOnly = config?.isRegisterFormOnly || isRegisterFormOnlyFromParams;
             sendOtpElement.target = config?.target ?? '_self';
             sendOtpElement.css = config.style;
             if (!config.success || typeof config.success !== 'function') {
@@ -74,8 +82,8 @@ window['initVerification'] = (config: any) => {
             sendOtpElement.successReturn = config.success;
             sendOtpElement.failureReturn = config.failure;
 
-            // omitting keys which are not required in API payload
-            sendOtpElement.otherData = omit(config, RESERVED_KEYS);
+            // omitting keys which are not required in API payload; query params fill in missing values
+            sendOtpElement.otherData = { ...paramsData, ...omit(config, RESERVED_KEYS) };
             if (document.getElementById('proxyContainer') && config?.type !== 'user-management') {
                 document.getElementById('proxyContainer').append(sendOtpElement);
             } else if (config?.type === 'user-management') {