@progalaxyelabs/ngx-stonescriptphp-client 1.24.4 → 1.24.5

package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs

@@ -2570,6 +2570,14 @@ class TenantLoginComponent {
             this.loading = false;
         }
     }
+    /** Skip to OTP code entry when user already has a code */
+    onSkipToOtpEntry() {
+        this.error = '';
+        this.otpMaskedIdentifier = this.otpIdentifier;
+        this.otpDigits = ['', '', '', '', '', ''];
+        this.otpStep = 'code';
+        setTimeout(() => this.focusOtpInput(0), 50);
+    }
     /** Verify the entered OTP code */
     async onOtpVerify() {
         if (this.loading)
@@ -2880,6 +2888,14 @@ class TenantLoginComponent {
                                 class="btn btn-primary btn-block">
                                 {{ loading ? 'Sending...' : 'Send OTP' }}
                             </button>
+                            @if (error && otpIdentifier.trim()) {
+                                <button
+                                    type="button"
+                                    class="btn btn-link btn-block otp-already-have"
+                                    (click)="onSkipToOtpEntry()">
+                                    I already have an OTP
+                                </button>
+                            }
                         </form>
                     }
 
@@ -3166,6 +3182,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                                 class="btn btn-primary btn-block">
                                 {{ loading ? 'Sending...' : 'Send OTP' }}
                             </button>
+                            @if (error && otpIdentifier.trim()) {
+                                <button
+                                    type="button"
+                                    class="btn btn-link btn-block otp-already-have"
+                                    (click)="onSkipToOtpEntry()">
+                                    I already have an OTP
+                                </button>
+                            }
                         </form>
                     }