tango-app-ui-manage-tickets 3.7.0-beta.58 → 3.7.0-beta.60

package/src/lib/components/footfall-popup/footfall-popup.component.html

@@ -0,0 +1,61 @@
+<div class="card py-0">
+    <div class="card-body py-0 d-flex flex-start flex-column p-9 ">
+        <div class="my-5">
+            <div class="symbol symbol-75px symbol-circle">
+                <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="4" y="4" width="48" height="48" rx="24" fill="#DAF1FF"/>
+                    <rect x="4" y="4" width="48" height="48" rx="24" stroke="#EAF8FF" stroke-width="8"/>
+                    <path d="M37 31C37 31.5304 36.7893 32.0391 36.4142 32.4142C36.0391 32.7893 35.5304 33 35 33H23L19 37V21C19 20.4696 19.2107 19.9609 19.5858 19.5858C19.9609 19.2107 20.4696 19 21 19H35C35.5304 19 36.0391 19.2107 36.4142 19.5858C36.7893 19.9609 37 20.4696 37 21V31Z" stroke="#00A3FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+            </div>
+        </div>
+        <a class="fs-4 text-gray-800 text-hover-primary fw-bold mb-0 title cursor-pointer">Approve Selected Images</a>
+        <p class="text-sub">You're about to approve 5 Duplicates</p>
+        <div class="w-100">
+            <label class="label my-2">Remarks (Optional)</label>
+            <textarea class="form-control" [(ngModel)]="comment" rows="4" type="text"></textarea>
+
+            <div  class="d-flex my-7" role="group">
+                <button class="btn btn-outline w-100 me-3" (click)="cancel()">Cancel</button>
+                <button class="btn btn-primary w-100 ms-3"  (click)="commentSubmit()">Submit</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+<div class="card py-0">
+    <div class="card-body py-0 d-flex flex-start flex-column p-9 ">
+        <!-- <div class="my-5">
+            <div class="symbol symbol-75px symbol-circle">
+                <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="4" y="4" width="48" height="48" rx="24" fill="#DAF1FF"/>
+                    <rect x="4" y="4" width="48" height="48" rx="24" stroke="#EAF8FF" stroke-width="8"/>
+                    <path d="M37 31C37 31.5304 36.7893 32.0391 36.4142 32.4142C36.0391 32.7893 35.5304 33 35 33H23L19 37V21C19 20.4696 19.2107 19.9609 19.5858 19.5858C19.9609 19.2107 20.4696 19 21 19H35C35.5304 19 36.0391 19.2107 36.4142 19.5858C36.7893 19.9609 37 20.4696 37 21V31Z" stroke="#00A3FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+            </div>
+        </div> -->
+        <a class="fs-4 text-gray-800 text-hover-primary fw-bold mb-0 title cursor-pointer">Start audit</a>
+        <p class="text-sub">Please select a store and date range to start audit</p>
+        <div class="w-100">
+            <div class="row">
+<div class="col-8">
+
+    <label class="label my-2">Store</label>
+    <select class="form-control-sm">
+        <option>Select Store</option>
+    </select>
+</div>
+<div class="col-4">
+    <input type="date" class="form-control-sm">
+</div>
+            </div>
+
+            <div  class="d-flex my-7" role="group">
+                <button class="btn btn-outline w-100 me-3" (click)="cancel()">Cancel</button>
+                <button class="btn btn-primary w-100 ms-3"  (click)="commentSubmit()">Submit</button>
+            </div>
+        </div>
+    </div>
+</div>

package/src/lib/components/footfall-popup/footfall-popup.component.scss

@@ -0,0 +1,20 @@
+::ng-deep.modal-content {
+    border-radius: 12px !important;
+    overflow: unset !important;
+  }
+
+::ng-deep ngb-modal-window .component-host-scrollable {
+  overflow: unset !important;
+}
+.text-sub{
+  color: var(--Gray-500, #667085) !important;
+font-size: 14px;
+font-weight: 400;
+line-height: 20px;
+}
+.label{
+    color: var(--Gray-700, #344054) !important;
+font-size: 14px;
+font-weight: 500;
+line-height: 20px; 
+}

package/src/lib/components/footfall-popup/footfall-popup.component.spec.ts

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

package/src/lib/components/footfall-popup/footfall-popup.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-footfall-popup',
+  templateUrl: './footfall-popup.component.html',
+  styleUrl: './footfall-popup.component.scss'
+})
+export class FootfallPopupComponent {
+comment:any='';
+cancel(){}
+commentSubmit(){}
+}

package/src/lib/components/group-select/group-select.component.html

@@ -0,0 +1,44 @@
+<div class="outer-container">
+    <div [ngClass]="disabled ? 'disable-input':''"  (click)="openDropdown($event)"  class="form-select">
+    <ng-container *ngIf="multi" >
+    <span *ngIf="selectedValues?.length" class="select-value mx-2"> <img class="me-2" alt="Pic" src="./assets/tango/Image/users-teams.svg">{{selectedValues?.[0]?.[searchField]}}</span> 
+    <!-- <span *ngIf="selectedValues?.length > 1" class="select-value mx-2"><img class="me-2"  alt="Pic" src="./assets/tango/Image/users-teams.svg">{{selectedValues?.[1]?.[searchField]}}</span>  -->
+    <span class="select-value mx-2" *ngIf="selectedValues?.length > 1">+{{selectedValues?.length -1}}</span> {{label}}    
+    </ng-container>
+    <ng-container *ngIf="!multi" >
+        {{selectedValues?.[0]?.[searchField]}}
+    </ng-container>
+    </div>
+    <div [ngClass]="showDropdown ? '' : 'd-none'" class="input-container dropdown" >
+        <div class="w-100 input-wrapper">
+        <input [(ngModel)]="searchValue" placeholder="Search"  (input)="onInput($event)" type="text">  
+        <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+            <path d="M14 14.5L11.1 11.6M12.6667 7.83333C12.6667 10.7789 10.2789 13.1667 7.33333 13.1667C4.38781 13.1667 2 10.7789 2 7.83333C2 4.88781 4.38781 2.5 7.33333 2.5C10.2789 2.5 12.6667 4.88781 12.6667 7.83333Z" stroke="#667085" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>  
+        </div>
+        <ul>
+            <li *ngIf="multi && filteredValues?.length">
+                <label class="form-check" [for]="instanceId" >
+                    <input (change)="onSelectAll($event)" [checked]="checkIfAllSelected()" class="form-check-input me-3" type="checkbox"
+                    [id]="instanceId">
+                    <span class="form-check-label" >
+                        Select All
+                    </span>
+                </label>
+            </li>
+            <li *ngFor="let item of filteredValues" [ngClass]="item.isSelected && !multi ? 'selected' : ''" >
+                <label [for]="item[idField] + instanceId" [ngClass]="multi  ? '': 'ps-0'" class="form-check">
+                    <input [ngClass]="multi  ? '': 'd-none'" (change)="onSelect($event, item)" [(ngModel)]="item.isSelected" class="form-check-input me-3" type="checkbox" value=""
+                        [id]="item[idField] + instanceId">
+                    <span class="form-check-label" >
+                        {{item[searchField]}}
+                    </span>
+                </label>
+            </li>
+            <li *ngIf="!filteredValues?.length" >
+                <span class="d-flex align-items-center justify-content-center" >No data found</span>
+            </li>
+        </ul>  
+    </div>  
+   
+</div>

package/src/lib/components/group-select/group-select.component.scss

@@ -0,0 +1,144 @@
+:host {
+    width: 100%;
+    height: 100%;
+}
+ 
+ 
+.outer-container {
+    // z-index: 1;
+    position: relative;
+    background-color: white;
+ 
+ 
+    .form-select {
+        font-size: 1.1rem;
+        font-weight: 600;
+        border-radius: 8px !important;
+        color: var(--Gray-500, #344054);
+        border: 1px solid var(--Gray-300, #D0D5DD) !important;
+        height: 42.5px;
+    }
+ 
+    .disable-input{
+        pointer-events: none;
+        background-color: #F9FAFB !important;
+    }
+ 
+    .input-container {
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+ 
+        .input-wrapper {
+            padding: 8px 10px;
+            background-color: white;
+            border-top-right-radius: 8px;
+            border-top-left-radius: 8px;
+            border-top: 1px solid rgba(16, 24, 40, 0.08);
+            border-right: 1px solid rgba(16, 24, 40, 0.08);
+            border-left: 1px solid rgba(16, 24, 40, 0.08);
+ 
+ 
+            input {
+                width: 100%;
+                border-radius: 8px;
+                border: 1px solid var(--Gray-300, #D0D5DD);
+                background: var(--White, #FFF);
+                box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+                padding: 10px 14px 10px 30px;
+                outline: none;
+ 
+                ::placeholder {
+                    color: var(--Gray-500, #667085);
+                    font-family: Inter;
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 20px;
+                }
+            }
+ 
+            .search-icon {
+                position: absolute;
+                left: 20px;
+                top: 20px;
+            }
+        }
+ 
+        ul {
+            position: relative;
+            background-color: white;
+            margin: 0;
+            padding: 0;
+            max-height: 200px;
+            min-height: auto;
+            overflow-y: auto;
+            border-bottom-right-radius: 8px;
+            border-bottom-left-radius: 8px;
+            border-bottom: 1px solid rgba(16, 24, 40, 0.08);
+            border-right: 1px solid rgba(16, 24, 40, 0.08);
+            border-left: 1px solid rgba(16, 24, 40, 0.08);
+ 
+            .selected{
+                background: #F9FAFB;
+            }
+ 
+            li {
+                list-style: none;
+                padding: 10px 16px;
+                cursor: pointer;
+ 
+                label{
+                    cursor: pointer;
+                }
+ 
+            }
+ 
+            li:hover{
+                background: #F9FAFB;
+            }
+ 
+        }
+ 
+    }
+ 
+}
+ 
+.form-check {
+    display: flex;
+    align-items: center;
+}
+ 
+.form-check-input {
+    height: 16px;
+    width: 16px;
+    border-radius: 4px;
+    border: 1px solid var(--Primary-600, #00A3FF);
+}
+ 
+.form-check-input:checked {
+    --bs-form-check-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=');
+    background-color: #EAF8FF;
+    border-color: #00A3FF;
+}
+ 
+.form-check-label {
+    color: var(--Gray-700, #344054);
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+}
+
+.select-value{
+    border-radius: 16px !important;
+background: var(--Gray-100, #F2F4F7) !important;
+mix-blend-mode: multiply;
+color: var(--Gray-700, #344054) !important;
+text-align: center;
+font-size: 14px;
+font-style: normal;
+font-weight: 500;
+line-height: 20px;
+padding: 4px 12px 4px 6px;
+}

package/src/lib/components/group-select/group-select.component.spec.ts

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

package/src/lib/components/group-select/group-select.component.ts

@@ -0,0 +1,145 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostListener, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
+import { TicketService } from '../../services/ticket.service';
+@Component({
+  selector: 'lib-group-select',
+  templateUrl: './group-select.component.html',
+  styleUrl: './group-select.component.scss'
+})
+export class GroupSelectComponent implements OnInit, OnChanges {
+  @HostListener('document:click', ['$event'])
+  onClick(event: MouseEvent) {
+    const target = event.target as HTMLElement;
+    if (!target.closest('.dropdown')) {
+      this.showDropdown = false;
+    }
+  }
+ 
+  @Input() items: any
+  @Input() searchField: string
+  @Input() multi: boolean
+  @Input() idField: string
+  @Input() selectedValues: any = []
+  @Input() disabled: boolean | undefined
+  @Input() label: string
+  @Output() selected = new EventEmitter<any>()
+  filteredValues: any = []
+  showDropdown: boolean
+  searchValue: string
+  instanceId: any;
+ 
+ 
+  constructor(private cd: ChangeDetectorRef, private authService:TicketService) { }
+  ngOnInit(): void {
+    this.instanceId = crypto.randomUUID();
+    this.authService.dropDownTrigger.subscribe((e)=>{           
+      if(e !== this.instanceId){        
+        this.showDropdown = false
+        this.cd.detectChanges()
+      }
+    })
+  }
+ 
+  ngOnChanges(changes: SimpleChanges): void {
+ 
+    if (changes['items'] && this.items?.length) {
+      this.initializeItems();
+    }
+    if (changes['selectedValues'] && Array.isArray(changes['selectedValues']?.currentValue) && changes['selectedValues']?.currentValue?.length > 0 && changes['selectedValues']?.currentValue[0]) {            
+      this.updateSelectedValues();
+    }
+  }
+ 
+  initializeItems() {
+    this.filteredValues = this.items.map((item: any) => ({ ...item }));
+    this.updateSelectedValues()
+  }
+ 
+  updateSelectedValues() {    
+    this.selectedValues?.forEach((selectedItem: any) => {
+      const item = this.filteredValues?.find((filteredItem: any) => filteredItem?.[this.idField] === selectedItem?.[this.idField]);
+      if (item) {
+        item.isSelected = true;
+      }
+    });
+   
+  }
+ 
+  openDropdown(event: any) {
+    this.authService.dropDownTrigger.next(this.instanceId)
+    event.stopPropagation();
+    this.showDropdown = !this.showDropdown;
+  }
+ 
+  onInput(event: any) {
+    if (!event.target.value) {
+      this.filteredValues = [...this.items];
+    } else {
+      const searchTerm = event.target.value.toLowerCase();
+      this.filteredValues = this.items.filter((item: any) =>
+        item[this.searchField].toLowerCase().includes(searchTerm)
+      );
+    }
+    this.updateSelectedValues();
+    this.cd.detectChanges();
+  }
+ 
+  onSelect(event: any, item: any) {    
+    if (this.multi) {
+      if (event.currentTarget.checked) {
+        this.selectedValues.push(item );        
+      } else {
+        this.selectedValues = this.selectedValues.filter((elem: any) => elem[this.idField] !== item[this.idField]);
+      }
+    } else {
+      this.selectedValues = [{ ...item }];
+      this.filteredValues.forEach((element:any) => {
+        if(element[this.idField] !== item[this.idField]){
+          element.isSelected = false
+        }
+      });
+      this.showDropdown = false;
+    }
+ 
+    const valuesToEmit = this.selectedValues.map((value: any) => {
+      const selectedItem = { ...value };
+      delete selectedItem.isSelected;
+      return selectedItem;
+    });
+ 
+    this.cd.detectChanges();
+    this.emitSelectedValues(valuesToEmit);
+ 
+  }
+ 
+  onSelectAll(event: any) {
+    const selectAll = event.currentTarget.checked;
+    this.filteredValues.forEach((item: any) => item.isSelected = selectAll);
+ 
+    if (selectAll) {
+      this.selectedValues = [...this.filteredValues];
+    } else {
+      this.selectedValues = [];
+    }
+ 
+    const valuesToEmit = this.selectedValues.map((value: any) => {
+      const { isSelected, ...selectedItem } = value;
+      return selectedItem;
+    });
+ 
+    this.cd.detectChanges();
+    this.emitSelectedValues(valuesToEmit);
+  }
+ 
+ 
+  emitSelectedValues(values: any[]) {
+    if (this.multi) {
+      this.selected.emit(values);
+    } else {
+      this.selected.emit(values[0]);
+    }
+  }
+ 
+  checkIfAllSelected() {
+    return this.filteredValues.every((item: any) => item.isSelected);
+  }
+}

package/src/lib/components/re-trigger/re-trigger.component.html

@@ -0,0 +1,53 @@
+<div class="card">
+    
+    <div class="card-header border-0">
+        <div class="card-title d-grid">
+            <div class="card-title">Re-trigger File</div>
+            <div class="text-sub">Re-trigger the file to a queue or other users</div>
+        </div>
+    </div>
+    <div class="card-body">
+        <div class="">
+            <label class="label">Push Form</label>
+            <div class="position-relative w-100 mt-3 mb-5">
+                <button type="button" (click)="openDropdown($event)"
+                    class="btn btn-default w-100 btn-outline btn-outline-default rounded-3 text-nowrap border-val d-flex justify-content-between">
+                    {{selectedItem}}
+                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
+                            viewBox="0 0 20 20" fill="none">
+                            <path d="M5 7.5L10 12.5L15 7.5" stroke="#667085" stroke-width="1.66667"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg></span>
+                </button>
+                <div *ngIf="dropDown" class="card py-1 w-100 position-absolute top-50px end-0">
+                    <ul *ngFor="let item of dropdownItems" class="list-unstyled">
+                        <li [ngClass]="selectedItem === item ? 'active' : ''"
+                            class="camera px-5 items fw-semibold cursor-pointer py-2"
+                            (click)="selectItem(item)">{{item}}
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="mt-5 cursor-pointer d-flex mb-5">
+            <div *ngFor="let data of standardData" (click)="selectRadio(data)" class="d-flex align-items-center me-20">
+               <input [checked]="selectedData === data" type="radio" class="radio">
+               <span class="ms-3 standard">{{data}}</span>
+            </div>
+       </div>
+        <div *ngIf="selectedData === 'To User'" class="w-100 mb-5">
+            <label for="infraDownTime" class="label mb-3">Select User<span class="alert-required"></span></label>
+            <lib-select [items]="userList" [multi]="false" [searchField]="'userName'" [idField]="'userId'"
+                (selected)="onReportSelect($event)" [selectedValues]="[userId]"></lib-select>
+        </div>
+        <div>
+            <label class="label mb-3">Comments</label>
+            <textarea class="form-control" [(ngModel)]="Comment"></textarea>
+        </div>
+        <div class="d-flex mt-5">
+            <button class="btn btn-outline w-100 me-2" (click)="activeModal.dismiss()">Cancel</button>
+            <button *ngIf="selectedData === 'To User'" class="btn btn-primary w-100 ms-2" [disabled]="!userId || !Comment" (click)="closeModal()">Submit</button>
+            <button *ngIf="selectedData === 'To Queue'" class="btn btn-primary w-100 ms-2" [disabled]="!Comment" (click)="closeModal()">Submit</button>
+        </div>
+    </div>
+</div>

package/src/lib/components/re-trigger/re-trigger.component.scss

@@ -0,0 +1,16 @@
+.label{
+    color: var(--Gray-700, #344054);
+font-size: 14px;
+font-weight: 500;
+line-height: 20px;
+}
+.standard{
+    color: var(--Gray-700, #344054);
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+}
+.radio{
+    width:16px !important;
+    height:16px !important;
+}

package/src/lib/components/re-trigger/re-trigger.component.spec.ts

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

package/src/lib/components/re-trigger/re-trigger.component.ts

@@ -0,0 +1,96 @@
+import { Component,HostListener, OnDestroy, OnInit,Input } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { TicketService } from '../../services/ticket.service';
+import { takeUntil, Subject } from 'rxjs';
+
+@Component({
+  selector: 'lib-retrigger',
+  templateUrl: './re-trigger.component.html',
+  styleUrl: './re-trigger.component.scss'
+})
+export class ReTriggerComponent implements OnInit,OnDestroy {
+
+  dropDown: boolean = false;
+  loading:boolean = true;
+  noData:boolean = false;
+  dropdownItems:any[] = [];
+  selectedItem: any = 'Audit';
+  selectedData:any = 'To Queue';
+  standardData:any = ['To Queue','To User']
+  Comment:any = '';
+  userId:any = '';
+  private readonly destroy$ = new Subject();
+  @Input() reTrigerData:any;
+  userList: any = [];
+
+  constructor(public activeModal:NgbActiveModal,private service:TicketService){
+
+  }
+
+  @HostListener('document:click', ['$event'])
+  onClick(event: MouseEvent) {
+    const
+      target = event.target as HTMLElement;
+    if (!target.closest('.dropDown')) {
+      this.dropDown = false;
+    }
+  }
+
+ngOnInit(){
+  if(this.reTrigerData?.data?.auditType ==='ReAudit'){
+    this.dropdownItems = ['Audit','ReAudit']
+  }else if(this.reTrigerData?.data?.auditType ==='Audit'){
+    this.dropdownItems = ['Audit']
+  }
+  this.getuserList();
+}
+
+getuserList(){
+  this.service.getuserList().subscribe({
+    next:(res:any)=>{
+      if(res && res.code === 200) {
+        this.userList = res?.data?.result;
+      }
+    },
+  })
+}
+
+ngOnDestroy(): void {
+  this.destroy$.next(true);
+  this.destroy$.complete();
+}
+
+selectRadio(value:any){
+  this.selectedData = value;
+}
+
+openDropdown(event: MouseEvent) {
+  event.stopPropagation();
+  this.dropDown = !this.dropDown;
+}
+
+selectItem(value: any) {
+  this.selectedItem = value;
+  this.dropDown = false;
+}
+
+onReportSelect(event:any){
+  this.userId = event;
+}
+
+closeModal(){
+  let data:any = {
+    fileDate: this.reTrigerData?.data?.fileDate,
+    storeId: this.reTrigerData?.data?.storeId,
+    auditType: this.selectedItem,
+    zoneName : this.reTrigerData?.data?.zoneName,
+    triggerType: this.selectedData === 'To Queue' ? 'queue' : 'user',
+    totalCount: this.selectedItem ==='Audit' ? this.reTrigerData?.data?.beforeCount : this.reTrigerData?.data?.afterCount,
+    comments: this.Comment,
+    moduleType : this.reTrigerData?.data?.moduleType
+  }
+  this.selectedData === 'To User' ? data.userId = this.userId.userId : ''
+  this.activeModal.close(data);
+}
+
+}