@idsoftsource/initial-process 1.0.5 → 1.0.6

package/fesm2022/idsoftsource-initial-process.mjs

@@ -619,6 +619,9 @@ class UserDetailService {
     AddUserIndustry(payload) {
         return this.http.post(`${this.baseUrl}/AddUserIndustry`, payload);
     }
+    reSendVerificationEmail() {
+        return this.http.post(`${this.baseUrl}/resend-verification`, {});
+    }
     /* ==============================
           INITIAL SETUP
     ============================== */
@@ -30562,6 +30565,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{ selector: 'app-must-change-password', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule], template: "<div class=\"container\">\r\n  <div class=\"row justify-content-center align-items-center vh-100\">\r\n    <div class=\"col-md-6 col-lg-5\">\r\n      <div class=\"card shadow-lg border-0\">\r\n        <div class=\"card-body p-4\">\r\n          <div class=\"text-center mb-4\">\r\n            <span class=\"logout-wrapper\" (click)=\"logout()\">\r\n              <span class=\"logout-icon\"></span>\r\n              <span class=\"logout-text\">Logout</span>\r\n            </span>\r\n            <h4 class=\"fw-bold\">Change Your Password</h4>\r\n            <p class=\"text-muted small\">\r\n              For security reasons, you must change your password before continuing.\r\n            </p>\r\n          </div>\r\n          <div *ngIf=\"errorMessage\" class=\"alert alert-danger\">\r\n            {{ errorMessage }}\r\n          </div>\r\n          <form [formGroup]=\"changePasswordForm\" (ngSubmit)=\"onSubmit()\">\r\n            <div class=\"mb-3\">\r\n              <label class=\"form-label\">New Password</label>\r\n              <input type=\"password\" class=\"form-control\" formControlName=\"newPassword\"\r\n                [ngClass]=\"{'is-invalid': submitted && f['newPassword'].errors}\">\r\n\r\n              <div *ngIf=\"submitted && f['newPassword'].errors\" class=\"invalid-feedback\">\r\n                <div *ngIf=\"f['newPassword'].errors['required']\">\r\n                  New password is required.\r\n                </div>\r\n                <div *ngIf=\"f['newPassword'].errors['minlength']\">\r\n                  Minimum 8 characters required.\r\n                </div>\r\n                <div *ngIf=\"f['newPassword'].errors['pattern']\">\r\n                  Must include uppercase, lowercase, number & symbol.\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n              <label class=\"form-label\">Confirm Password</label>\r\n              <input type=\"password\" class=\"form-control\" formControlName=\"confirmPassword\"\r\n                [ngClass]=\"{'is-invalid': submitted && changePasswordForm.errors?.['mismatch']}\">\r\n\r\n              <div *ngIf=\"submitted && changePasswordForm.errors?.['mismatch']\" class=\"invalid-feedback\">\r\n                Passwords do not match.\r\n              </div>\r\n            </div>\r\n            <div class=\"d-grid\">\r\n              <button type=\"submit\" class=\"btn btn-primary\" style=\"background: #4077AD;color: white;border-radius: 5px;\"\r\n                [disabled]=\"isLoading\">\r\n                <span *ngIf=\"isLoading\" class=\"spinner-border spinner-border-sm me-2\"></span>\r\n                Update Password\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center mt-3\">\r\n        <small class=\"text-muted\">\r\n          If you face issues, contact your administrator.\r\n        </small>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".logout-wrapper{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#212529bf;font-weight:500;font-size:18px}.logout-wrapper:hover{color:#4077ad}.logout-icon{width:20px;height:20px;background:url(/assets/images/icons/logoutt.svg) no-repeat center;background-size:contain}\n"] }]
         }], ctorParameters: () => [{ type: i3.FormBuilder }, { type: i9.AuthService }, { type: UserDetailService }, { type: i6.TokenService }] });
 
+class VerifyEmailComponent {
+    userService;
+    authLogoutService;
+    loading = false;
+    successMessage = false;
+    errorMessage = false;
+    // ✅ cooldown (30 seconds)
+    cooldown = 0;
+    interval;
+    constructor(userService, authLogoutService) {
+        this.userService = userService;
+        this.authLogoutService = authLogoutService;
+    }
+    async resendVerification() {
+        // 🚫 prevent spam clicking
+        if (this.cooldown > 0)
+            return;
+        this.loading = true;
+        this.successMessage = false;
+        this.errorMessage = false;
+        this.userService.reSendVerificationEmail().subscribe({
+            next: (data) => {
+                this.loading = false;
+                if (!data?.failed) {
+                    this.successMessage = true;
+                    this.startCooldown(); // ✅ start timer after success
+                }
+                else {
+                    this.errorMessage = true;
+                }
+            },
+            error: () => {
+                this.loading = false; // ✅ fix: stop loading on error
+                this.errorMessage = true;
+            }
+        });
+    }
+    // ✅ cooldown logic
+    startCooldown() {
+        this.cooldown = 30;
+        this.interval = setInterval(() => {
+            this.cooldown--;
+            if (this.cooldown <= 0) {
+                clearInterval(this.interval);
+            }
+        }, 1000);
+    }
+    async logout() {
+        try {
+            await this.authLogoutService.logout();
+            window.localStorage.clear();
+        }
+        finally { }
+    }
+    ngOnDestroy() {
+        if (this.interval) {
+            clearInterval(this.interval);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VerifyEmailComponent, deps: [{ token: UserDetailService }, { token: i6.AuthLogoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: VerifyEmailComponent, isStandalone: true, selector: "app-verify-email", ngImport: i0, template: "<div class=\"container d-flex justify-content-center align-items-center vh-100\">\r\n  <div class=\"card shadow p-4 text-center\" style=\"max-width: 420px; width: 100%;\">\r\n    \r\n    <div class=\"icon mb-3 text-warning\" style=\"font-size: 60px;\">\r\n      \u26A0\r\n    </div>\r\n\r\n    <h4 class=\"mb-3\">Email Not Verified</h4>\r\n\r\n    <p class=\"text-muted\">\r\n      Your email is not verified yet. Please check your inbox and click the verification link.\r\n      <br><br>\r\n      If you didn\u2019t receive the email, click the button below to resend the verification link.\r\n    </p>\r\n\r\n    <button \r\n      class=\"btn btn-warning w-100 mt-3\"\r\n      (click)=\"resendVerification()\"\r\n      [disabled]=\"loading || cooldown > 0\">\r\n\r\n      <!-- Normal -->\r\n      <span *ngIf=\"!loading && cooldown === 0\">\r\n        Resend Verification Email\r\n      </span>\r\n\r\n      <!-- Loading -->\r\n      <span *ngIf=\"loading\">\r\n        Sending...\r\n      </span>\r\n\r\n      <!-- Cooldown -->\r\n      <span *ngIf=\"cooldown > 0 && !loading\">\r\n        Retry in {{ cooldown }}s\r\n      </span>\r\n\r\n    </button>\r\n\r\n    <div *ngIf=\"successMessage\" class=\"mt-3 text-success\">\r\n      \u2705 Verification email sent! Please check your inbox.\r\n    </div>\r\n\r\n    <div *ngIf=\"errorMessage\" class=\"mt-3 text-danger\">\r\n      \u274C Failed to resend email. Try again.\r\n    </div>\r\n\r\n    <!-- Optional logout -->\r\n    <button class=\"btn btn-link mt-3\" (click)=\"logout()\">\r\n      Logout\r\n    </button>\r\n\r\n  </div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VerifyEmailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-verify-email', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule], template: "<div class=\"container d-flex justify-content-center align-items-center vh-100\">\r\n  <div class=\"card shadow p-4 text-center\" style=\"max-width: 420px; width: 100%;\">\r\n    \r\n    <div class=\"icon mb-3 text-warning\" style=\"font-size: 60px;\">\r\n      \u26A0\r\n    </div>\r\n\r\n    <h4 class=\"mb-3\">Email Not Verified</h4>\r\n\r\n    <p class=\"text-muted\">\r\n      Your email is not verified yet. Please check your inbox and click the verification link.\r\n      <br><br>\r\n      If you didn\u2019t receive the email, click the button below to resend the verification link.\r\n    </p>\r\n\r\n    <button \r\n      class=\"btn btn-warning w-100 mt-3\"\r\n      (click)=\"resendVerification()\"\r\n      [disabled]=\"loading || cooldown > 0\">\r\n\r\n      <!-- Normal -->\r\n      <span *ngIf=\"!loading && cooldown === 0\">\r\n        Resend Verification Email\r\n      </span>\r\n\r\n      <!-- Loading -->\r\n      <span *ngIf=\"loading\">\r\n        Sending...\r\n      </span>\r\n\r\n      <!-- Cooldown -->\r\n      <span *ngIf=\"cooldown > 0 && !loading\">\r\n        Retry in {{ cooldown }}s\r\n      </span>\r\n\r\n    </button>\r\n\r\n    <div *ngIf=\"successMessage\" class=\"mt-3 text-success\">\r\n      \u2705 Verification email sent! Please check your inbox.\r\n    </div>\r\n\r\n    <div *ngIf=\"errorMessage\" class=\"mt-3 text-danger\">\r\n      \u274C Failed to resend email. Try again.\r\n    </div>\r\n\r\n    <!-- Optional logout -->\r\n    <button class=\"btn btn-link mt-3\" (click)=\"logout()\">\r\n      Logout\r\n    </button>\r\n\r\n  </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: UserDetailService }, { type: i6.AuthLogoutService }] });
+
 // app-type.enum.ts
 var AppType;
 (function (AppType) {
@@ -30589,5 +30659,5 @@ var AppType;
  * Generated bundle index. Do not edit.
  */
 
-export { AppType, InitialProcessComponent, InitialProcessModule, LIBRARY_CONFIG, MustChangePasswordComponent };
+export { AppType, InitialProcessComponent, InitialProcessModule, LIBRARY_CONFIG, MustChangePasswordComponent, VerifyEmailComponent };
 //# sourceMappingURL=idsoftsource-initial-process.mjs.map