vcomply-workflow-engine 5.0.19 → 5.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -869,7 +869,7 @@ class ReportCasePermissionService {
869
869
  });
870
870
  return true;
871
871
  }
872
- checkRBACPermission() {
872
+ checkRBACPermission1() {
873
873
  this.rbacService.getRBACData('case').subscribe((data) => {
874
874
  // check for manage case permission
875
875
  if (data?.includes('CCMMC')) {
@@ -879,6 +879,13 @@ class ReportCasePermissionService {
879
879
  });
880
880
  return false;
881
881
  }
882
+ checkRBACPermission() {
883
+ // Remove the immediate return false
884
+ this.rbacService.getRBACData('case').subscribe((data) => {
885
+ const hasPermission = data?.includes('CCMMC');
886
+ this.hasPermission.next(hasPermission);
887
+ });
888
+ }
882
889
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportCasePermissionService, deps: [{ token: RbacService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
883
890
  static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportCasePermissionService, providedIn: 'root' }); }
884
891
  }
@@ -7945,7 +7952,7 @@ const REPORT_CASE = {
7945
7952
  },
7946
7953
  },
7947
7954
  tooltipMessage: {
7948
- report_case: `This option let you report a case and notify the case owners. The case owners will have the option to either assign a case workflow or flag it for a follow-up at a later date.`,
7955
+ report_case: `This option lets you report a case and notify the case owners. The case owners will have the option to either assign a case workflow or flag it for a follow-up at a later date.`,
7949
7956
  add_case: `This option lets you directly report and assign a case workflow. Once the case is reported, the case owners and assignees will be notified via email to work on the case.`,
7950
7957
  receive_updates: `If this option is enabled, you will receive email notifications whenever the case is updated or resolved.`,
7951
7958
  rc: `Responsibility Centers represent the corporate and operational infrastructure of an organization. One or more Responsibility Centers can be exposed to a risk and accordingly, the risk must be assessed against each Responsibility Center.`,
@@ -9784,11 +9791,11 @@ class FormSelectBoxComponent {
9784
9791
  this.selectedGroupItemListChange.emit(this.chipGroupItems);
9785
9792
  }
9786
9793
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSelectBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9787
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSelectBoxComponent, selector: "app-form-selectBox", inputs: { title: "title", key: "key", action: "action", state: "state", popupState: "popupState", isCaseTypeSelected: "isCaseTypeSelected", chipItems: "chipItems", chipGroupItems: "chipGroupItems", config: "config", isError: "isError", errorMessage: "errorMessage", selectedData: "selectedData", removable: "removable", disabled: "disabled", editDisabled: "editDisabled" }, outputs: { selectedItemListChange: "selectedItemListChange", selectedGroupItemListChange: "selectedGroupItemListChange", fieldClicked: "fieldClicked" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n <!-- Before Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'empty'\"\n class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [class.error]=\"_config.isError\"\n [class.disabled]=\"disabled\"\n appPopover\n (click)=\"\n popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n \"\n placement=\"left\"\n >\n <div\n class=\"selection-value vx-fs-13 vx-lh-5\"\n [innerHTML]=\"_config.placeholder\"\n ></div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n </div>\n\n <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n <app-vc-dropdown\n [config]=\"_config\"\n [selectedList]=\"selectedData\"\n (selectionChange)=\"setDropdownList($event)\"\n ></app-vc-dropdown>\n </app-popover>\n <!-- After Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'selected'\"\n class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\"\n [class.disabled]=\"disabled ? 'disabled' : ''\"\n >\n <div class=\"vx-d-flex vx-align-center\">\n <app-chip-capsule\n *ngIf=\"chipItems?.length\"\n [items]=\"chipItems\"\n (remove)=\"removeSelectedList($event)\"\n [removable]=\"removable\"\n ></app-chip-capsule>\n <span\n class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-mr-2\"\n *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n >&</span\n >\n <app-chip-capsule\n *ngIf=\"chipGroupItems?.length\"\n [items]=\"chipGroupItems\"\n (remove)=\"removeGroupSelectedList($event)\"\n ></app-chip-capsule>\n </div>\n <button\n *ngIf=\"!editDisabled\"\n class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n appPopover\n (click)=\"\n popupState === 'drop-down'\n ? selectionPopup.popover()\n : openSelection()\n \"\n placement=\"right\"\n >\n <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n </button>\n </div>\n </div>\n <!-- Disabled Selection -->\n <div\n *ngIf=\"state.toLowerCase() === 'disabled'\"\n class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"selection-value vx-fs-13 vx-lh-5\">\n {{ _config?.placeholder }}\n </div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n <!-- Error Message -->\n <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n {{ errorMessage }}\n </div>\n <!--loader-->\n <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownComponent$1, selector: "app-vc-dropdown", inputs: ["selectedList", "config"], outputs: ["selectionChange"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: LoaderComponent$1, selector: "app-loader" }, { kind: "component", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: ["items", "removable"], outputs: ["remove"] }] }); }
9794
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSelectBoxComponent, selector: "app-form-selectBox", inputs: { title: "title", key: "key", action: "action", state: "state", popupState: "popupState", isCaseTypeSelected: "isCaseTypeSelected", chipItems: "chipItems", chipGroupItems: "chipGroupItems", config: "config", isError: "isError", errorMessage: "errorMessage", selectedData: "selectedData", removable: "removable", disabled: "disabled", editDisabled: "editDisabled" }, outputs: { selectedItemListChange: "selectedItemListChange", selectedGroupItemListChange: "selectedGroupItemListChange", fieldClicked: "fieldClicked" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n <!-- Before Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'empty'\"\n class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [class.error]=\"_config.isError\"\n [class.disabled]=\"disabled\"\n appPopover\n (click)=\"\n popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n \"\n placement=\"left\"\n >\n <div\n class=\"selection-value vx-fs-13 vx-lh-5\"\n [innerHTML]=\"_config.placeholder\"\n ></div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n </div>\n\n <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n <app-vc-dropdown\n [config]=\"_config\"\n [selectedList]=\"selectedData\"\n (selectionChange)=\"setDropdownList($event)\"\n ></app-vc-dropdown>\n </app-popover>\n <!-- After Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'selected' && chipItems?.length\"\n class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\"\n [class.disabled]=\"disabled ? 'disabled' : ''\"\n >\n <div class=\"vx-d-flex vx-align-center\">\n <app-chip-capsule\n *ngIf=\"chipItems?.length\"\n [items]=\"chipItems\"\n (remove)=\"removeSelectedList($event)\"\n [removable]=\"removable\"\n ></app-chip-capsule>\n <span\n class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-mr-2\"\n *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n >&</span\n >\n <app-chip-capsule\n *ngIf=\"chipGroupItems?.length\"\n [items]=\"chipGroupItems\"\n (remove)=\"removeGroupSelectedList($event)\"\n ></app-chip-capsule>\n </div>\n <button\n *ngIf=\"!editDisabled\"\n class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n appPopover\n (click)=\"\n popupState === 'drop-down'\n ? selectionPopup.popover()\n : openSelection()\n \"\n placement=\"right\"\n >\n <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n </button>\n </div>\n </div>\n <!-- Disabled Selection -->\n <div\n *ngIf=\"state.toLowerCase() === 'disabled'\"\n class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"selection-value vx-fs-13 vx-lh-5\">\n {{ _config?.placeholder }}\n </div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n <!-- Error Message -->\n <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n {{ errorMessage }}\n </div>\n <!--loader-->\n <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownComponent$1, selector: "app-vc-dropdown", inputs: ["selectedList", "config"], outputs: ["selectionChange"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: LoaderComponent$1, selector: "app-loader" }, { kind: "component", type: ChipCapsuleComponent, selector: "app-chip-capsule", inputs: ["items", "removable"], outputs: ["remove"] }] }); }
9788
9795
  }
9789
9796
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSelectBoxComponent, decorators: [{
9790
9797
  type: Component,
9791
- args: [{ selector: 'app-form-selectBox', template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n <!-- Before Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'empty'\"\n class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [class.error]=\"_config.isError\"\n [class.disabled]=\"disabled\"\n appPopover\n (click)=\"\n popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n \"\n placement=\"left\"\n >\n <div\n class=\"selection-value vx-fs-13 vx-lh-5\"\n [innerHTML]=\"_config.placeholder\"\n ></div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n </div>\n\n <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n <app-vc-dropdown\n [config]=\"_config\"\n [selectedList]=\"selectedData\"\n (selectionChange)=\"setDropdownList($event)\"\n ></app-vc-dropdown>\n </app-popover>\n <!-- After Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'selected'\"\n class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\"\n [class.disabled]=\"disabled ? 'disabled' : ''\"\n >\n <div class=\"vx-d-flex vx-align-center\">\n <app-chip-capsule\n *ngIf=\"chipItems?.length\"\n [items]=\"chipItems\"\n (remove)=\"removeSelectedList($event)\"\n [removable]=\"removable\"\n ></app-chip-capsule>\n <span\n class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-mr-2\"\n *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n >&</span\n >\n <app-chip-capsule\n *ngIf=\"chipGroupItems?.length\"\n [items]=\"chipGroupItems\"\n (remove)=\"removeGroupSelectedList($event)\"\n ></app-chip-capsule>\n </div>\n <button\n *ngIf=\"!editDisabled\"\n class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n appPopover\n (click)=\"\n popupState === 'drop-down'\n ? selectionPopup.popover()\n : openSelection()\n \"\n placement=\"right\"\n >\n <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n </button>\n </div>\n </div>\n <!-- Disabled Selection -->\n <div\n *ngIf=\"state.toLowerCase() === 'disabled'\"\n class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"selection-value vx-fs-13 vx-lh-5\">\n {{ _config?.placeholder }}\n </div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n <!-- Error Message -->\n <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n {{ errorMessage }}\n </div>\n <!--loader-->\n <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"] }]
9798
+ args: [{ selector: 'app-form-selectBox', template: "<ng-content select=\"[label]\"></ng-content>\n<div class=\"workflow-form-selectbox vx-mb-2\">\n <!-- Before Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'empty'\"\n class=\"before-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [class.error]=\"_config.isError\"\n [class.disabled]=\"disabled\"\n appPopover\n (click)=\"\n popupState === 'drop-down' ? selectionPopup.popover() : openSelection()\n \"\n placement=\"left\"\n >\n <div\n class=\"selection-value vx-fs-13 vx-lh-5\"\n [innerHTML]=\"_config.placeholder\"\n ></div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n </div>\n\n <app-popover #selectionPopup [dontCloseonClick]=\"_config?.isMulti\">\n <app-vc-dropdown\n [config]=\"_config\"\n [selectedList]=\"selectedData\"\n (selectionChange)=\"setDropdownList($event)\"\n ></app-vc-dropdown>\n </app-popover>\n <!-- After Selection -->\n <div\n [appTooltip]=\"disabled ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div\n *ngIf=\"state.toLowerCase() === 'selected' && chipItems?.length\"\n class=\"after-selection vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\"\n [class.disabled]=\"disabled ? 'disabled' : ''\"\n >\n <div class=\"vx-d-flex vx-align-center\">\n <app-chip-capsule\n *ngIf=\"chipItems?.length\"\n [items]=\"chipItems\"\n (remove)=\"removeSelectedList($event)\"\n [removable]=\"removable\"\n ></app-chip-capsule>\n <span\n class=\"vx-fs-12 vx-paragraph-txt vx-ml-2 vx-mr-2\"\n *ngIf=\"chipItems?.length > 0 && chipGroupItems?.length > 0\"\n >&</span\n >\n <app-chip-capsule\n *ngIf=\"chipGroupItems?.length\"\n [items]=\"chipGroupItems\"\n (remove)=\"removeGroupSelectedList($event)\"\n ></app-chip-capsule>\n </div>\n <button\n *ngIf=\"!editDisabled\"\n class=\"edit-btn vx-fs-11 vx-fw-500 vx-lh-4 vx-d-flex vx-align-center vx-p-0 vx-m-0 vx-tt-uppercase\"\n appPopover\n (click)=\"\n popupState === 'drop-down'\n ? selectionPopup.popover()\n : openSelection()\n \"\n placement=\"right\"\n >\n <i class=\"icons vx-fs-12 vx-mr-1\">&#xe9ba;</i> EDIT\n </button>\n </div>\n </div>\n <!-- Disabled Selection -->\n <div\n *ngIf=\"state.toLowerCase() === 'disabled'\"\n class=\"disabled-selection vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\"\n [vuiTooltip]=\"_config.disabledText ? _config.disabledText : ''\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"selection-value vx-fs-13 vx-lh-5\">\n {{ _config?.placeholder }}\n </div>\n <i class=\"icons arrow vx-fs-12\">&#xe9e8;</i>\n </div>\n <!-- Error Message -->\n <div *ngIf=\"isError\" class=\"errorMsg vx-fs-11 vx-lh-4 vx-mt-1\">\n {{ errorMessage }}\n </div>\n <!--loader-->\n <app-loader *ngIf=\"false\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-selectbox .before-selection{background:#fff;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem;cursor:pointer}::ng-deep .workflow-form-selectbox .before-selection:hover{border-color:#343952}::ng-deep .workflow-form-selectbox .before-selection:focus{outline:none;border-color:#1e5dd3;box-shadow:0 2px 4px #1e5dd326}::ng-deep .workflow-form-selectbox .before-selection.error{border-color:#a82a1d}::ng-deep .workflow-form-selectbox .before-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .before-selection .selection-value{color:#565a6f}::ng-deep .workflow-form-selectbox .before-selection .arrow{color:#787a8c}::ng-deep .workflow-form-selectbox .after-selection{background:#f9f9fa;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .after-selection button.edit-btn{background:transparent;border-radius:0;border:none;color:#565a6f}::ng-deep .workflow-form-selectbox .after-selection.disabled{background:#f1f1f1;pointer-events:none;opacity:1}::ng-deep .workflow-form-selectbox .disabled-selection{background:#f2f2f5;border-radius:.25rem;border:1px solid #cdced6;height:2.5rem}::ng-deep .workflow-form-selectbox .disabled-selection .selection-value{color:#a9aab6}::ng-deep .workflow-form-selectbox .disabled-selection .arrow{color:#cdced6}::ng-deep .workflow-form-selectbox .errorMsg{color:#a82a1d}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list{background:#fff;border-radius:.25rem;border:1px solid #e3e3e9;box-shadow:0 3px 6px #1c5bd140;overflow:hidden;width:878px}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul{border-radius:unset;border:none;box-shadow:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list ul li .avatar-card app-cs-checkbox{display:flex;padding:.125rem 0;width:100%}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom{background:#fff;border-radius:0 0 .25rem .25rem;border-top:1px solid #f2f2f5}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button{background:#fff;border-radius:.25rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn{border:1px solid #cdced6}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn:hover{background:#f9f9fa}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.reset-btn.disabled{background:#f9f9fa;border-color:#cdced6;color:#a9aab6;pointer-events:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn{background:#1e5dd3;border:none}::ng-deep .workflow-form-selectbox app-popover .action-list.selection-list .action-list-bottom button.apply-btn.disabled{background:#e3e3e9;color:#a9aab6;pointer-events:none}\n"] }]
9792
9799
  }], propDecorators: { title: [{
9793
9800
  type: Input
9794
9801
  }], key: [{
@@ -12699,6 +12706,10 @@ class CaseOwnersComponent {
12699
12706
  if (value?.length) {
12700
12707
  this.state = SelectionState$1.SELECTED;
12701
12708
  this.selectedItems = value;
12709
+ const isString = typeof this.selectedItems[0] === 'string';
12710
+ if (isString) {
12711
+ this.populateOwnerList();
12712
+ }
12702
12713
  }
12703
12714
  }
12704
12715
  constructor(reportACaseService) {
@@ -12758,9 +12769,14 @@ class CaseOwnersComponent {
12758
12769
  });
12759
12770
  }
12760
12771
  populateOwnerList() {
12761
- this.selectedOwnerList = this.caseOwnersList.filter((owner) => this.selectedItems.includes(owner?._id));
12762
- this.selectedItems = this.caseOwnersList
12763
- .filter((owner) => this.selectedItems.includes(owner?._id))
12772
+ this.selectedOwnerList = this.caseOwnersList.filter((owner) => {
12773
+ const isString = typeof this.selectedItems[0] === 'string';
12774
+ if (isString) {
12775
+ return this.selectedItems.includes(owner?._id);
12776
+ }
12777
+ return this.selectedItems.some((item) => item?.value === owner?._id);
12778
+ });
12779
+ this.selectedItems = this.selectedOwnerList
12764
12780
  .map((owner) => ({
12765
12781
  label: owner?.employee_name,
12766
12782
  value: owner?._id,
@@ -12830,14 +12846,15 @@ class CaseOwnersComponent {
12830
12846
  }
12831
12847
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaseOwnersComponent, deps: [{ token: ReportACaseService }], target: i0.ɵɵFactoryTarget.Component }); }
12832
12848
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaseOwnersComponent, selector: "app-case-owners", inputs: { payload: "payload", fieldSelected: "fieldSelected", initialSelection: "initialSelection", workflowId: "workflowId", validationError: "validationError", mode: "mode" }, outputs: { fieldClicked: "fieldClicked" }, ngImport: i0, template: `
12849
+
12833
12850
  <app-field-holder
12834
12851
  [image]="ASSETS.case_owners"
12835
12852
  [active]="ownerClicked"
12836
12853
  [disabled]="fieldSelector?.includes(fieldSelected)"
12837
12854
  [checked]="payload?.caseToWorkflow?.owners?.length"
12838
- >
12839
- <ng-container field>
12855
+ >
12840
12856
  <app-form-selectBox
12857
+ field
12841
12858
  [config]="config"
12842
12859
  [state]="state"
12843
12860
  [popupState]="SelectionPopupState.SELECTION_DIALOG"
@@ -12847,6 +12864,7 @@ class CaseOwnersComponent {
12847
12864
  [isError]="validationError.caseOwner.isError"
12848
12865
  [errorMessage]="validationError.caseOwner.message"
12849
12866
  [disabled]="isCaseOwnerSelectionDisabled()"
12867
+ class="case-owner-field"
12850
12868
  >
12851
12869
  <app-vc-label
12852
12870
  label
@@ -12856,7 +12874,6 @@ class CaseOwnersComponent {
12856
12874
  [tooltipText]="ownersHelpText"
12857
12875
  ></app-vc-label>
12858
12876
  </app-form-selectBox>
12859
- </ng-container>
12860
12877
  </app-field-holder>
12861
12878
  <app-group-users-list
12862
12879
  *ngIf="ownerClicked"
@@ -12871,14 +12888,15 @@ class CaseOwnersComponent {
12871
12888
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaseOwnersComponent, decorators: [{
12872
12889
  type: Component,
12873
12890
  args: [{ selector: 'app-case-owners', template: `
12891
+
12874
12892
  <app-field-holder
12875
12893
  [image]="ASSETS.case_owners"
12876
12894
  [active]="ownerClicked"
12877
12895
  [disabled]="fieldSelector?.includes(fieldSelected)"
12878
12896
  [checked]="payload?.caseToWorkflow?.owners?.length"
12879
- >
12880
- <ng-container field>
12897
+ >
12881
12898
  <app-form-selectBox
12899
+ field
12882
12900
  [config]="config"
12883
12901
  [state]="state"
12884
12902
  [popupState]="SelectionPopupState.SELECTION_DIALOG"
@@ -12888,6 +12906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
12888
12906
  [isError]="validationError.caseOwner.isError"
12889
12907
  [errorMessage]="validationError.caseOwner.message"
12890
12908
  [disabled]="isCaseOwnerSelectionDisabled()"
12909
+ class="case-owner-field"
12891
12910
  >
12892
12911
  <app-vc-label
12893
12912
  label
@@ -12897,7 +12916,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
12897
12916
  [tooltipText]="ownersHelpText"
12898
12917
  ></app-vc-label>
12899
12918
  </app-form-selectBox>
12900
- </ng-container>
12901
12919
  </app-field-holder>
12902
12920
  <app-group-users-list
12903
12921
  *ngIf="ownerClicked"
@@ -39283,7 +39301,7 @@ class MoreOptionComponent {
39283
39301
  imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/oversight.svg',
39284
39302
  name: 'Oversight',
39285
39303
  tooltipTitle: 'Oversight',
39286
- tooltipMessage: 'Oversights are the persons responsible for overseeing an case. These persons will receive email notifications about the case status. As the person reporting this case, you will automatically receive such email notifications.',
39304
+ tooltipMessage: 'Oversight option lets you designate users to oversee a case. These users will receive email notifications about the case status & related workflows. As the person reporting this case, you will automatically receive such email notifications.',
39287
39305
  checked: false,
39288
39306
  hidden: false,
39289
39307
  code: 'OVERSIGHT',
@@ -39294,7 +39312,7 @@ class MoreOptionComponent {
39294
39312
  tooltipTitle: 'Evidence',
39295
39313
  tooltipMessage: 'You can require that the person resolving the case uploads evidence to confirm',
39296
39314
  checked: false,
39297
- hidden: false,
39315
+ hidden: true,
39298
39316
  code: 'EVIDENCE',
39299
39317
  },
39300
39318
  {