@ohioepa/oepa-ui-lib 1.3.16 → 1.4.1

package/fesm2022/ohioepa-oepa-ui-lib.mjs

@@ -3325,7 +3325,7 @@ class OEPAErrorMessageComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OEPAErrorMessageComponent, selector: "oepa-error-message", inputs: { errorMessage: "errorMessage" }, ngImport: i0, template: `
     <div class="card error-message">
       <div class="card-header">
-        <div><i class="fa fa-exclamation-circle "></i>&nbsp; <strong>ERROR</strong></div>
+        <div><i class="bi bi-exclamation-circle-fill "></i>&nbsp; <strong>ERROR</strong></div>
       </div>
       <div class="card-body">
         <div class="card-text">
@@ -3340,7 +3340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'oepa-error-message', template: `
     <div class="card error-message">
       <div class="card-header">
-        <div><i class="fa fa-exclamation-circle "></i>&nbsp; <strong>ERROR</strong></div>
+        <div><i class="bi bi-exclamation-circle-fill "></i>&nbsp; <strong>ERROR</strong></div>
       </div>
       <div class="card-body">
         <div class="card-text">
@@ -5915,6 +5915,7 @@ class DateInputModalComponent {
     dateLabel = 'Date';
     submitBtnLabel = 'Submit';
     cancelBtnLabel = 'Cancel';
+    bsConfig;
     onSubmit = new EventEmitter();
     onCancel = new EventEmitter();
     constructor(bsModalRef, fb) {
@@ -5944,11 +5945,11 @@ class DateInputModalComponent {
         this.bsModalRef.hide();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateInputModalComponent, deps: [{ token: i2$1.BsModalRef }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateInputModalComponent, selector: "oepa-date-input-modal", inputs: { title: "title", infoText: "infoText", dateLabel: "dateLabel", submitBtnLabel: "submitBtnLabel", cancelBtnLabel: "cancelBtnLabel" }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel" }, ngImport: i0, template: "<div class=\"modal-header\">\n  <h4 class=\"modal-title pull-left\">{{title}}</h4>\n  <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n<div class=\"modal-body\">\n  <div class=\"row\">\n    <div *ngIf=\"infoText\" class=\"col-sm-12\">\n      <div class=\"alert alert-info\">\n        {{infoText}}\n      </div>\n    </div>\n    <div class=\"col-sm-12\">\n      <div>\n        <label>{{dateLabel}}</label>\n        <oepa-datepicker [group]=\"dateForm\" field=\"date\" [showValidation]=\"true\"></oepa-datepicker>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"errorMessage\" class=\"col-sm-12\">\n    <div class=\"alert alert-danger\">{{errorMessage}}</div>\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button type=\"submit\" class=\"btn btn-primary mr-1\" (click)=\"submit()\" \n          [id]=\"'submitDateBtn'\" [disabled]=\"dateForm.status === 'INVALID'\">{{submitBtnLabel}}</button>\n  <button [id]=\"'cancelDateInputBtn'\" type=\"button\" class=\"btn btn-primary mr-1\" (click)=\"cancel()\">{{cancelBtnLabel}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerComponent, selector: "oepa-datepicker", inputs: ["group", "field", "bsConfig", "showValidation", "placement", "tableIdx", "small"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateInputModalComponent, selector: "oepa-date-input-modal", inputs: { title: "title", infoText: "infoText", dateLabel: "dateLabel", submitBtnLabel: "submitBtnLabel", cancelBtnLabel: "cancelBtnLabel", bsConfig: "bsConfig" }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel" }, ngImport: i0, template: "<div class=\"modal-header\">\n  <h4 class=\"modal-title pull-left\">{{title}}</h4>\n  <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n<div class=\"modal-body\">\n  <div class=\"row\">\n    <div *ngIf=\"infoText\" class=\"col-sm-12\">\n      <div class=\"alert alert-info\">\n        {{infoText}}\n      </div>\n    </div>\n    <div class=\"col-sm-12\">\n      <div>\n        <label>{{dateLabel}}</label>\n        <oepa-datepicker [group]=\"dateForm\" field=\"date\" [bsConfig]=\"bsConfig\" [showValidation]=\"true\"></oepa-datepicker>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"errorMessage\" class=\"col-sm-12\">\n    <div class=\"alert alert-danger\">{{errorMessage}}</div>\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button type=\"submit\" class=\"btn btn-primary mr-1\" (click)=\"submit()\" \n          [id]=\"'submitDateBtn'\" [disabled]=\"dateForm.status === 'INVALID'\">{{submitBtnLabel}}</button>\n  <button [id]=\"'cancelDateInputBtn'\" type=\"button\" class=\"btn btn-primary mr-1\" (click)=\"cancel()\">{{cancelBtnLabel}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerComponent, selector: "oepa-datepicker", inputs: ["group", "field", "bsConfig", "showValidation", "placement", "tableIdx", "small"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateInputModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'oepa-date-input-modal', template: "<div class=\"modal-header\">\n  <h4 class=\"modal-title pull-left\">{{title}}</h4>\n  <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n<div class=\"modal-body\">\n  <div class=\"row\">\n    <div *ngIf=\"infoText\" class=\"col-sm-12\">\n      <div class=\"alert alert-info\">\n        {{infoText}}\n      </div>\n    </div>\n    <div class=\"col-sm-12\">\n      <div>\n        <label>{{dateLabel}}</label>\n        <oepa-datepicker [group]=\"dateForm\" field=\"date\" [showValidation]=\"true\"></oepa-datepicker>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"errorMessage\" class=\"col-sm-12\">\n    <div class=\"alert alert-danger\">{{errorMessage}}</div>\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button type=\"submit\" class=\"btn btn-primary mr-1\" (click)=\"submit()\" \n          [id]=\"'submitDateBtn'\" [disabled]=\"dateForm.status === 'INVALID'\">{{submitBtnLabel}}</button>\n  <button [id]=\"'cancelDateInputBtn'\" type=\"button\" class=\"btn btn-primary mr-1\" (click)=\"cancel()\">{{cancelBtnLabel}}</button>\n</div>\n" }]
+            args: [{ selector: 'oepa-date-input-modal', template: "<div class=\"modal-header\">\n  <h4 class=\"modal-title pull-left\">{{title}}</h4>\n  <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n<div class=\"modal-body\">\n  <div class=\"row\">\n    <div *ngIf=\"infoText\" class=\"col-sm-12\">\n      <div class=\"alert alert-info\">\n        {{infoText}}\n      </div>\n    </div>\n    <div class=\"col-sm-12\">\n      <div>\n        <label>{{dateLabel}}</label>\n        <oepa-datepicker [group]=\"dateForm\" field=\"date\" [bsConfig]=\"bsConfig\" [showValidation]=\"true\"></oepa-datepicker>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"errorMessage\" class=\"col-sm-12\">\n    <div class=\"alert alert-danger\">{{errorMessage}}</div>\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button type=\"submit\" class=\"btn btn-primary mr-1\" (click)=\"submit()\" \n          [id]=\"'submitDateBtn'\" [disabled]=\"dateForm.status === 'INVALID'\">{{submitBtnLabel}}</button>\n  <button [id]=\"'cancelDateInputBtn'\" type=\"button\" class=\"btn btn-primary mr-1\" (click)=\"cancel()\">{{cancelBtnLabel}}</button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i2$1.BsModalRef }, { type: i1$2.FormBuilder }], propDecorators: { title: [{
                 type: Input
             }], infoText: [{
@@ -5959,6 +5960,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], cancelBtnLabel: [{
                 type: Input
+            }], bsConfig: [{
+                type: Input
             }], onSubmit: [{
                 type: Output
             }], onCancel: [{
@@ -6900,7 +6903,7 @@ class NotesModalComponent {
         // only display delete action if note can be deleted
         if ((this.deleteAnyNoteAllowed || (this.deleteOwnNoteAllowed && this.loginName === note.user)) && note.type?.code !== 'System') {
             row.actions = [
-                { title: 'Delete', className: 'fa fa-remove' }
+                { title: 'Delete', className: 'bi bi-x-lg' }
             ];
         }
         else {
@@ -7240,10 +7243,13 @@ class OepaUserAccountService {
             return of(this.ebizVersion);
         }
         else {
-            const url = this.hostUrl + '/api/v1/gateway/gatewayConfig';
-            return this.http.get(url, { params: { 'app': app } }).pipe(map((gatewayConfig) => {
-                if (gatewayConfig) {
-                    this.ebizVersion = gatewayConfig.versionNumber;
+            const url = this.hostUrl + '/api/v1/gateway/version';
+            return this.http.get(url, { params: { 'app': app } }).pipe(map((version) => {
+                if (version && version.response) {
+                    this.ebizVersion = version.response;
+                }
+                else {
+                    this.ebizVersion = 'unknown';
                 }
                 return this.ebizVersion;
             }));
@@ -7966,7 +7972,7 @@ class ShoppingCartViewComponent {
                 { id: 'itemClassification', value: cartItem.itemClassification },
                 { id: 'itemName', value: cartItem.itemName },
                 { id: 'itemDescription', value: cartItem.description },
-                { id: 'deleteItem', value: '', iconClassName: 'fa fa-minus-circle', className: 'text-center' },
+                { id: 'deleteItem', value: '', iconClassName: 'bi bi-dash-circle-fill', className: 'text-center' },
                 { id: 'fee', value: cartItem.unitPrice?.formattedString, sortValue: cartItem.unitPrice?.cents },
             ],
             dataSource: cartItem