@ksremp/ngx-ksremp-app-lib 1.0.19 → 1.0.21

package/fesm2022/ksremp-ngx-ksremp-app-lib.mjs

@@ -156,10 +156,10 @@ class NgxReusaAppLibComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgxReusaAppLibComponent, [{
         type: Component,
-        args: [{ selector: 'app-ngx-reusa-app-lib', template: `
-    <p>
-      ngx-reusa-app-lib works!
-    </p>
+        args: [{ selector: 'app-ngx-reusa-app-lib', template: `
+    <p>
+      ngx-reusa-app-lib works!
+    </p>
   ` }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NgxReusaAppLibComponent, { className: "NgxReusaAppLibComponent", filePath: "lib\\ngx-reusa-app-lib.component.ts", lineNumber: 13 }); })();
@@ -9857,11 +9857,11 @@ class CaptchaComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaptchaComponent, [{
         type: Component,
-        args: [{ selector: 'app-captcha', template: `<div class="app-captcha"></div>
-        <p style="color: var(--ion-color-danger);" *ngIf="showError" class="ion-padding-top">
-            <small>
-                Error loading captcha. <a href="#" (click)="loadCaptcha()">Reload</a>
-            </small>
+        args: [{ selector: 'app-captcha', template: `<div class="app-captcha"></div>
+        <p style="color: var(--ion-color-danger);" *ngIf="showError" class="ion-padding-top">
+            <small>
+                Error loading captcha. <a href="#" (click)="loadCaptcha()">Reload</a>
+            </small>
         </p>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                         provide: NG_VALUE_ACCESSOR,
                         useExisting: CaptchaComponent,
@@ -20813,16 +20813,35 @@ class AppValidators {
                 }
             }
             else if (validationName === "wcEmployerValidation") {
-                let empModels = formGroup.controls[element.name]?.value;
-                let ifWorkPerformed = formGroup.controls["workPerformed"].value;
+                const control = formGroup.controls[element.name];
+                const empModels = control?.value;
+                const ifWorkPerformed = formGroup.controls["workPerformed"]?.value;
+                const errors = { ...(control.errors || {}) };
                 if (ifWorkPerformed === "Y") {
-                    if (empModels) {
-                        let nonCompletedEmps = empModels.filter(e => !e.isPartTimeEmployerEdited && e.isPartTimeEmployer);
-                        if (nonCompletedEmps && nonCompletedEmps.length > 0) {
-                            formGroup.controls[element.name].setErrors({ wcEmployerValidation: true });
-                        }
+                    const hasNoEmployers = !Array.isArray(empModels) || empModels.length === 0;
+                    // Require at least one employer
+                    if (hasNoEmployers) {
+                        errors.wcOneEmployerValidation = true;
+                    }
+                    else {
+                        delete errors.wcOneEmployerValidation;
+                    }
+                    // Check for incomplete employers
+                    const hasIncompleteEmployers = empModels?.some(e => !e.isPartTimeEmployerEdited && e.isPartTimeEmployer);
+                    if (hasIncompleteEmployers) {
+                        errors.wcEmployerValidation = true;
+                    }
+                    else {
+                        delete errors.wcEmployerValidation;
                     }
                 }
+                else {
+                    // Clean up when condition no longer applies
+                    delete errors.wcOneEmployerValidation;
+                    delete errors.wcEmployerValidation;
+                }
+                // Apply final errors
+                control.setErrors(Object.keys(errors).length ? errors : null);
             }
             else if (validationName === "wrptWcEmployerValidation") {
                 let ifWorkPerformed = formGroup.controls["workPerformed"].value;
@@ -21840,22 +21859,17 @@ class BankDetailsComponent {
         }
     }
     ngOnInit() {
-        console.log("inside onInit bankdetailscomponent");
         this.bankDetailsForm = this.formBuilder.group({
             'nameOnAccount': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.NAME_REGEX)])],
             'accountType': [null, Validators.required],
-            'routingNumber': [null, [
-                    Validators.required,
-                    Validators.pattern(/^[0-4][0-9]{8}$/)
-                ]],
+            'routingNumber': [null, Validators.compose([Validators.required])],
             'bankName': [null],
-            'accountNumber': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.ACCOUNT_NUMBER_REGEX), Validators.maxLength(17), Validators.minLength(8)])],
-            'reEnterAccountNumber': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.ACCOUNT_NUMBER_REGEX), Validators.maxLength(17), Validators.minLength(8)])]
+            'accountNumber': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.ACCOUNT_NUMBER_REGEX), Validators.maxLength(17), Validators.min(8)])],
+            'reEnterAccountNumber': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.ACCOUNT_NUMBER_REGEX), Validators.maxLength(17), Validators.min(8)])]
         });
         this.setAccountNumberValidator();
     }
     submit() {
-        //console.log("this.bankDetailsFormDirective : "+this.bankDetailsFormDirective);
         if (this.bankDetailsFormDirective) {
             this.bankDetailsFormDirective.onSubmit(undefined);
         }
@@ -21889,7 +21903,7 @@ class BankDetailsComponent {
         this.util.setValidation(this.routingNumber, this.routingNumberValidators);
         const ROUTING_NUMBER = /^[0-4]{1}[0-9]{8}$/;
         this.util.setValidation(this.routingNumber, validators1);
-        //this.util.setValidation(this.routingNumber, AppValidators.isValidRoutingNumber);
+        this.util.setValidation(this.routingNumber, AppValidators$1.isValidRoutingNumber);
         this.util.setValidation(this.routingNumber, AppValidators$1.isValidLengthRoutingNumber);
         this.reEnterAccountNumber.valueChanges.subscribe(val => {
             if (this.accountNumber && (this.accountNumber.value != this.reEnterAccountNumber.value)) {
@@ -21954,14 +21968,13 @@ class BankDetailsComponent {
     }
     writeValue(value) {
         if (value) {
-            this.bankDetailsForm.patchValue(value || {}, { emitEvent: false });
+            this.bankDetailsForm.setValue(value, { emitEvent: false });
         }
     }
     validate(control) {
-        if (!this.bankDetailsForm) {
+        if (this.bankDetailsForm.valid) {
             return null;
         }
-        return this.bankDetailsForm.valid ? null : { bankDetailsInvalid: true };
     }
     fetchBankName(event) {
         if (this.routingNumber && this.routingNumber.value) {
@@ -21992,16 +22005,17 @@ class BankDetailsComponent {
         }
     }
     // PGLP-1750  in correct Routing NUmber  
-    //  If Entered RoutingNumber value is not validated with given RegExp then ,RoutingNumber value is set as a null
+    //  if Entered RoutingNumber value is not validated with given RegExp then ,RoutingNumber value is set as a null
     routingNumberValidation(event) {
-        const value = this.routingNumber.value;
-        const ROUTING_NUMBER = /^[0-4][0-9]{8}$/;
-        if (!value)
-            return;
-        const isValid = ROUTING_NUMBER.test(value);
-        if (!isValid) {
-            this.routingNumber.setErrors({ invalidRouting: true });
-            return;
+        const ROUTING_NUMBER = /^[0-4]{1}[0-9]{8}$/;
+        const valid1 = ROUTING_NUMBER.test(this.routingNumber.value);
+        if (!valid1) {
+            this.routingNumber.setValue(null);
+        }
+        if (valid1) {
+            if (AppValidators$1.isValidRoutingNumber(this.routingNumber)) {
+                this.routingNumber.setValue(null);
+            }
         }
     }
     get required() {
@@ -23527,7 +23541,9 @@ class WeeklyCertEmployerGridComponent {
         this.activeIndex = -1;
     }
     publishEmployer() {
-        this.vs.weeklyEmployers.next(this.employers.length > 0 ? this.employers : null);
+        const values = this.employers.length > 0 ? this.employers : null;
+        this.vs.weeklyEmployers.next(values);
+        this.onChange(values);
     }
     editEmployer(employer) {
         this.selectedEmployer = employer;
@@ -28307,7 +28323,8 @@ class DynamicFormQuestionComponent {
         if (this.question &&
             this.question.name &&
             this.form &&
-            this.form.controls[this.question.name].errors?.wcEmployerValidation &&
+            (this.form.controls[this.question.name].errors?.wcEmployerValidation ||
+                this.form.controls[this.question.name].errors?.wcOneEmployerValidation) &&
             this.form.controls[this.question.name].dirty &&
             this.form.controls[this.question.name].touched) {
             var keepGoing = true;
@@ -28315,6 +28332,16 @@ class DynamicFormQuestionComponent {
             const error = control.errors;
             this.wcEmployerGrid?.submit();
             control.markAsDirty();
+            //Required (no employers validation)
+            if (error?.wcOneEmployerValidation) {
+                if (localStorage.getItem("language") === "es") {
+                    message = 'Debe ingresar al menos un empleador.';
+                }
+                else {
+                    message = 'You must add at least one employer.';
+                }
+                return message;
+            }
             if (error?.wcEmployerValidation) {
                 if (localStorage.getItem("language") === "es") {
                     this.wcEmployerValidationMsg = 'El último día trabajado que figura en su solicitud corresponde a esta semana; por lo tanto, debe seleccionar "sí" en la pregunta "¿Realizó algún trabajo durante la semana?"';
@@ -34657,11 +34684,11 @@ class ReadMoreComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadMoreComponent, [{
         type: Component,
-        args: [{ selector: 'app-read-more', template: `
-    <span [innerHtml]="value | trustHtml">
-    </span>
-    <a (click)="readMore(false)" class="link" *ngIf="!isCollapsed && !hideReadMore">...read more</a>
-    <a (click)="readMore(true)" class="link" *ngIf="isCollapsed && !hideReadMore">...read less</a>
+        args: [{ selector: 'app-read-more', template: `
+    <span [innerHtml]="value | trustHtml">
+    </span>
+    <a (click)="readMore(false)" class="link" *ngIf="!isCollapsed && !hideReadMore">...read more</a>
+    <a (click)="readMore(true)" class="link" *ngIf="isCollapsed && !hideReadMore">...read less</a>
 `, styles: ["div.collapsed{height:250px;overflow:hidden}\n"] }]
     }], () => [], { isCollapsed: [{
             type: Input