vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/workflow-services/token-decoder.service.ts

@@ -0,0 +1,32 @@
+import { Injectable } from '@angular/core';
+import { JwtHelperService } from '@auth0/angular-jwt';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TokenDecoderService {
+
+  constructor() { }
+
+  getUserDetailsFromToken(){
+    if (localStorage.getItem("currentUser")) {
+      const helper = new JwtHelperService();
+      const rawToken = JSON.parse(localStorage.getItem('currentUser')??'{}').token;
+      const tokenInfo = helper.decodeToken(rawToken);
+      if(tokenInfo?.iss){
+        if(tokenInfo.user){
+          try{
+            return JSON.parse(tokenInfo?.user)
+          }
+          catch{
+             return null;
+          }
+        }
+      }else{
+        return tokenInfo.user??null;
+      }
+    }else{
+      return null;
+    }
+  }
+}

package/projects/vx-workflow-engine/src/lib/workflow-services/ui-kit.service.ts

@@ -0,0 +1,11 @@
+import { Injectable } from "@angular/core";
+
+@Injectable({
+    providedIn: 'root',
+})
+
+export class UiKitService {
+    public isSmileyOn: boolean = false;
+    public isLoader: boolean = false;
+    constructor() { }
+}

package/projects/vx-workflow-engine/src/lib/workflow-survey-form/workflow-survey-form.component.html

@@ -0,0 +1,272 @@
+<!-- <p>workflow-survey-form works!</p> -->
+<div class="workflow-survey-form">
+    <div class="form-group-row">
+        <div class="left" [class.checked]="false">
+            <img src="./assets/images/name.svg" alt="name">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                  <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                  <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+              </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">
+                    Survey Name <span class="required">*</span>
+                </label>
+                <input type="text" placeholder="Enter Survey name">
+                <vcomply-editor [editorConfig]="description"></vcomply-editor>
+                <app-cs-switch>Do you want this Survey to be available on the portal? <i class="icons">&#xe932;</i></app-cs-switch>
+                <app-cs-switch>Accept suggestions <i class="icons">&#xe932;</i></app-cs-switch>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row" [class.active]="false" [class.disabled]="false">
+        <div class="left" [class.checked]="false">
+            <img src="./assets/images/risk-category.svg" alt="" />
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+            </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Survey Category </label>
+                <div class="select">
+                    <input type="text" placeholder="Select a category for this policy" readonly>
+                </div>
+                <div class="selected">
+                    <div class="chip-container">
+                        <span class="chip"><i class="icons">&#xe90d;</i>Test Category</span>
+                    </div>
+                    <button class="edit" type="button"><i class="icons">&#xe9ba;</i>Edit</button>
+                </div>
+            </div>
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Custom tag 1</label>
+                <input type="text" placeholder="Custom tag 1">
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/what.svg" alt="im">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                  <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                  <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+              </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">
+                    Approval workflow<span class="required">*</span>
+                    <button class="button">Create a new Approval Workflow</button>
+                </label>
+                <div class="select">
+                    <input type="text" placeholder="Select approval workflow for this policy" readonly>
+                </div>
+                
+                <div class="selected">
+                    <div class="workflow-label">
+                        <p class="title">Level 1</p>
+                        <p class="description">Sequential</p>
+                    </div>
+                    <div class="chip-container">
+                        <span class="chip"><i class="icons">&#xe90d;</i>Test Category</span>
+                    </div>
+                    <button class="edit" type="button"><i class="icons">&#xe9ba;</i>Edit</button>
+                </div>
+                <label class="vx-control-panel"><button class="button">+ Add More Levels</button></label>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/who.svg" alt="im">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                  <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                  <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+              </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Who? <span class="required">*</span></label>
+                <div class="select">
+                    <input type="text" placeholder="Who is responsible for completing the responsibility?" readonly>
+                </div>
+                <app-cs-switch>THIS POLICY REQUIRES E-SIGNATURE FOR ATTESTATION <i class="icons">&#xe91f;</i></app-cs-switch>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/when.svg" alt="im">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+            </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">When? <span class="required">*</span></label>
+                <div class="select button-sec">
+                    <input type="text" placeholder="How often does this policy need to be attested?" readonly>
+                    <button type="button">Set A frequency</button>
+                </div>
+            
+                <label class="vx-control-panel">Effective Date</label>
+                <input type="text" placeholder="How often does the responsibility occur?">
+            </div>
+        </div>
+    </div>
+    
+    <div class="form-group-row">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/risks.svg" alt="im">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+            </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Risk Classification</label>
+                <div class="classification">
+                    <label class="low">
+                        <input type="radio" name="classification">
+                        <span>LOW</span>
+                    </label>
+                    <label class="low-med">
+                        <input type="radio" name="classification">
+                        <span>LOW-Medium</span>
+                    </label>
+                    <label class="med-high">
+                        <input type="radio" name="classification">
+                        <span>Medium-High</span>
+                    </label>
+                    <label class="high">
+                        <input type="radio" name="classification">
+                        <span>High</span>
+                    </label>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row" [class.active]="false" [class.disabled]="false">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/responsibility-center.svg" alt="">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path"></circle>
+            </svg>
+            <!-- <svg class="checkIcon"
+                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+            </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Responsibility Center</label>
+                <div class="select">
+                    <input type="text" placeholder="Select Responsibility Center(s)" readonly>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row" [class.active]="false" [class.disabled]="false">
+        <div class="left" [class.checked]="false">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/reviewer.svg" alt="">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path"></circle>
+            </svg>
+            <!-- <svg class="checkIcon"
+                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+            </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">Reviewer </label>
+                <div class="select">
+                    <input type="text" placeholder="Select a Reviewer" readonly>
+                </div>
+                <app-cs-radio>ALL SELECTED PERSONS NEED TO COMPLETE THIS <i class="icons">&#xe91f;</i></app-cs-radio>
+                <app-cs-radio>ANY SELECTED PERSON CAN COMPLETE THIS <i class="icons">&#xe91f;</i></app-cs-radio>
+            </div>
+        </div>
+    </div>
+    <div class="form-group-row">
+        <div class="left">
+            <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/format-evidence.svg" alt="im">
+            <svg viewBox="25 25 50 50" class="edit-loader">
+                <circle cx="50" cy="50" r="20" fill="none" stroke="#1e5dd3" stroke-width="3" class="loader-path">
+                </circle>
+            </svg>
+            <!-- <svg class="checkIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                  <circle class="checkIcon__circle" cx="26" cy="26" r="25" fill="none" />
+                  <path class="checkIcon__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+              </svg> -->
+        </div>
+        <div class="right">
+            <div class="vx-form-group">
+                <label class="vx-control-panel">
+                    Associated Documents
+                </label>
+                
+                <div class="tab-group" [class.uploaded]="false">
+                    <label class="upload-file">
+                        <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/upload.svg" alt="" class="image">
+                        <div class="browse">
+                            <span>Drop your files here /</span>
+                            <span class="label">Browse<input type="file"></span>
+                        </div>
+                    </label>
+                </div>
+                <label class="vx-control-panel">
+                    LINK THE DOCUMENT AND SPECIFY THE RELATIONSHIP WITH THIS POLICY
+                </label>
+                <div class="file-list policy">
+                    <div class="file-container">
+                        <span class="file-name">Demo file.jpg</span>
+                        <div class="button-group">
+                            <button class="edit">
+                                <i class="icons">&#xe9ba;</i>
+                            </button>
+                            <button>
+                                <i class="icons">&#xe90d;</i>
+                            </button>
+                        </div>
+                    </div>
+                    <cs-select placeholder="Define Document's relationship to this policy">
+                        <cs-option>Select One</cs-option>
+                    </cs-select>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</div>

package/projects/vx-workflow-engine/src/lib/workflow-survey-form/workflow-survey-form.component.less

@@ -0,0 +1,27 @@
+@import url('https://cdn.v-comply.com/design-system/css/icons/icons.css');
+::ng-deep .workflow-survey-form {
+    position: relative;
+    app-cs-switch {
+        display: block;
+        label.cs-switch {
+            span.value {
+                color: #747576 !important;
+                font-size: 11px !important;
+                font-weight: 500 !important;
+                justify-content: flex-end !important;
+                line-height    : 16px;
+                width: 100% !important;
+
+                i {
+                    display    : inline-flex;
+                    font-size  : 12px;
+                    cursor     : pointer;
+                    color      : #1E5DD3;
+                    align-items: center;
+                    line-height: 16px;
+                    margin     : 0 8px 0 4px;
+                }
+            }
+        }
+    }
+}

package/projects/vx-workflow-engine/src/lib/workflow-survey-form/workflow-survey-form.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorkflowSurveyFormComponent } from './workflow-survey-form.component';
+
+describe('WorkflowSurveyFormComponent', () => {
+  let component: WorkflowSurveyFormComponent;
+  let fixture: ComponentFixture<WorkflowSurveyFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ WorkflowSurveyFormComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WorkflowSurveyFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-survey-form/workflow-survey-form.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { EditorConfig } from 'vcomply-editor';
+
+@Component({
+  selector: 'app-workflow-survey-form',
+  templateUrl: './workflow-survey-form.component.html',
+  styleUrls: ['./workflow-survey-form.component.less', '../forms.less']
+})
+export class WorkflowSurveyFormComponent implements OnInit {
+  description: EditorConfig = {
+    mode: 'prime',
+    colorPalette: true,
+    link: true,
+    placeholder: 'Description',
+  };
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

package/projects/vx-workflow-engine/src/public-api.ts

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of workflow-engine
+ */
+
+export * from './lib/workflow-engine.service';
+// export * from './lib/workflow-engine.component';
+export * from './lib/workflow-engine.module';
+export * from './lib/workflow-engine-container/workflow-engine-container.component';

package/projects/vx-workflow-engine/src/test.ts

@@ -0,0 +1,26 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+});
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/projects/vx-workflow-engine/tsconfig.lib.json

@@ -0,0 +1,20 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "target": "es2020",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/projects/vx-workflow-engine/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/vx-workflow-engine/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/projects/workflow-client/.browserslistrc

@@ -0,0 +1,17 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

package/projects/workflow-client/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/workflow-client'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/projects/workflow-client/src/app/app-routing.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

package/projects/workflow-client/src/app/app.component.html

@@ -0,0 +1,26 @@
+<app-vcomply-workflow-engine-container
+  [workflowType]="'CMR'"
+  [mode]="'CREATE'"
+  [id]="'64de035ac9d97700081a3a83'"
+  [grcType]="0"
+  [allowedWorkflows]="[
+    'RESPONSIBILITY',
+    'ISSUE',
+    'RISK',
+    'POLICY',
+    'MULTIPLE_RISK',
+    'MULTIPLE_RESPONSIBILITY',
+    'ASSESSMENT',
+    'IMPORT_ASSESSMENT',
+    'PROGRAM',
+    'GRC_OBJECTS'
+  ]"
+  [openedFrom]="'REPORTED'"
+  [addToProgramDetails]="frameworkData"
+  [feature]="feature"
+></app-vcomply-workflow-engine-container>
+<!-- <app-vcomply-workflow-engine-container [workflowType]="'CAR'"
+  [mode]="'CREATE'" [id] = "'62737031bc166d000959beb2'"  [entrustButtonName]="'ENTRUST'"
+  [allowedWorkflows]="['RESPONSIBILITY','ISSUE','RISK','POLICY','MULTIPLE_RISK','MULTIPLE_RESPONSIBILITY','ASSESSMENT','IMPORT_ASSESSMENT','PROGRAM']"
+  [selectedProgram]='{"_id":"628cba302d0ed40009509f7f","overseers":{"cc_email":[],"cc_email_groups":[],"failure_cc_email":[],"failure_cc_email_groups":[]},"default_overseers":{"cc_email":[],"cc_email_groups":[],"failure_cc_email":[],"failure_cc_email_groups":[]},"assessment":[{"category_id":"","assessmentIds":[],"_id":"6296050c7a20840009e67857"},{"category_id":"6242f12b9fc7d600086a5fac","assessmentIds":["6242f15c95825b00099b07bc"],"_id":"6296050c7a20840009e67858"}],"programType":1,"createdOn":1653389872,"modifiedOn":1653998859,"edit_flag":1,"delete_flag":0,"state":2,"programId":12280,"visibility":1,"owners":[2,15,3812,5884,6789,10006,10008,10020,10098,10105,10169,10924,10925,10928,10932,10936,10937,13717,16969,17173,17211,17213,17230,17358,17359,17392,17425,17440,17511,17512,17514,17515,17516,17517,17524,17525,17527,17535,17536,17537,17538,17539,17540,17542,17548,17549,17555,17556,17557,17558,17571,17575,17576,17577,17579,17586,17597,17598,17599,17602,17603,17605,17606,17612,17625,17626,17628,17638,17639,17645,17646,17647,17652,17681,17702,17711,17760,17780,17783,17810,17842,17844,17846,17847,17867,17868,17869,17870,17926,17958,17959,17961,17963,17965,17976,18038,18061,18063,18064,18066,18068,18069],"owners_group":[],"all_user_in_role":false,"frequency_details":"","all_entities":[],"rc_ids":[],"custom_tags":"[]","custom_fields":[],"remind_days_before_due_date":2,"mark_failed_after":2,"no_of_duedates":0,"parent_id":0,"category_tree":"","child_id":[12342,12343,12368,12382,12383,12385],"child_categorys_name":["test for edit","dsfsdfdsfdsfsdf","fcref","fLASH tEST ","VTest 2.3","Test Lsat"],"parent_category_ids":[],"parent_category_name":[],"calculate_past_upcoming_event":"PAST_EVENT","approvers":[15],"program_frequency":0,"lock_scope":0,"framework":[{"in_scope":[],"out_scope":[]}],"assignee_ids":[9967],"default_assignee_ids":[],"assignee_group_ids":[783,782],"default_assignee_group_ids":[],"default_assignee_type":"","reviewers":[],"reviewer_group_ids":[],"default_reviewers":[],"default_reviewer_group_ids":[],"default_reviewers_type":"SEQUENTIAL","responsibility_format":[],"evidence_upload_flag":0,"is_key_evidence":false,"cycle_start_date":1646073000,"cycle_end_date":1677522600,"responsibility_count":5,"description":{"text":"<div>sasssssssssssssss</div><div>changeddddddd actionnnnnnnnnnnn cccccccccccccc</div>","attachments":[]},"program_objective":{"text":"jjjjjjjjjjjjjjjjjjjjj","attachments":[]},"roles":[{"roleName":"Key Admin","licenseType":"power users","_id":"6296050c7a20840009e67859","roleId":"6200cf887daae3b753bc3936"}],"member_id":15,"created_by_id":15,"modified_by_id":15,"organisation_id":1,"name":"check assesment for migration","createdBy":{"_id":"5e4850db61ca5e14e142ea08","member_id":15,"profile_pic":"1591875227667_vcomply.png","member_email":"anmol@excellencetech.com","member_name":"Anmol kumar "},"modifiedBy":{"_id":"5e4850db61ca5e14e142ea08","member_id":15,"profile_pic":"1591875227667_vcomply.png","member_email":"anmol@excellencetech.com","member_name":"Anmol kumar "},"category_id":12280,"modifiedOnDate":"31-May-2022 5:37 PM","cycle_endDate":"28-Feb-2023 12:00 AM","cycle_startDate":"01-Mar-2022 12:00 AM","createdOnDate":"24-May-2022 4:27 PM","isDeactivate":0,"isActive":1,"category_performance":[0,0,0,0],"allGroupsData":[{"member_ids":[15,18068,18069],"_id":"6279e21254ec0d000923e551","group_name":"op check admin","group_id":782},{"member_ids":[15,10098,10020,10105],"_id":"627b8fc37cc02700094078e3","group_name":"gtt","group_id":783}],"framework_details":{"in_scope":[],"out_scope":[]},"assessmentData":[{"category_id":"","category_name":"","assessments":[]},{"category_id":"6242f12b9fc7d600086a5fac","category_name":"assessmenttt","assessments":[{"_id":"6242f15c95825b00099b07bc","assessment_name":"assessmenttt","assessment_type":"compliance","state":1,"organization_id":1,"control_id":122030442}]}],"rc_details":[]}'
+  [openedFrom]="'REPORTED'"></app-vcomply-workflow-engine-container> -->

package/projects/workflow-client/src/app/app.component.spec.ts

@@ -0,0 +1,29 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'workflow-client'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('workflow-client');
+  });
+
+});