jconsumer-shared 0.0.1 → 0.0.3

package/fesm2022/jconsumer-shared.mjs

@@ -1,10 +1,36 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, Component } from '@angular/core';
+import { Injectable, NgModule, Pipe, Component, Input, Inject, EventEmitter, Output, ViewChild, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA, forwardRef } from '@angular/core';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpParams, provideHttpClient } from '@angular/common/http';
+import { HttpHeaders, HttpParams, HttpClient } from '@angular/common/http';
 import { Subject } from 'rxjs';
 import * as i1$1 from 'primeng/api';
+import * as i12 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import * as i1$2 from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import * as i1$3 from '@angular/platform-browser';
+import * as i1$4 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i11 from '@ks89/angular-modal-gallery';
+import { ButtonsStrategy, ButtonType, Image, GalleryModule } from '@ks89/angular-modal-gallery';
+import * as i1$5 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i1$6 from '@angular/router';
+import moment from 'moment';
+import * as i13 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i15 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i16 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import * as i17 from '@angular/material/form-field';
+import * as i18 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatIconModule } from '@angular/material/icon';
+import intlTelInput from 'intl-tel-input';
 
 class ServiceMeta {
     http;
@@ -111,10 +137,10 @@ class ServiceMeta {
         }
         return this.http.delete(url, options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServiceMeta, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServiceMeta, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceMeta, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceMeta, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServiceMeta, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceMeta, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -130,10 +156,10 @@ class SubscriptionService {
     getMessage() {
         return this.subject.asObservable();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubscriptionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubscriptionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SubscriptionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SubscriptionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubscriptionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SubscriptionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -161,10 +187,10 @@ class ToastService {
     showError(message) {
         this.messageService.add({ severity: 'error', detail: message.error });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ToastService, deps: [{ token: i1$1.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ToastService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastService, deps: [{ token: i1$1.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -172,6 +198,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }], ctorParameters: () => [{ type: i1$1.MessageService }] });
 
 class SharedService {
+    environment = {
+        i8nPath: null
+    };
     accountID = '';
     customID = '';
     templateJSON;
@@ -180,6 +209,8 @@ class SharedService {
     apiEndPoint;
     S3EndPoint;
     SAPath;
+    routeID = '';
+    dateFormat = 'EEE, MMM dd, y';
     constructor() { }
     setUniqueID(uniqueId) {
         this.uniqueID = uniqueId;
@@ -187,12 +218,24 @@ class SharedService {
     getUniqueID() {
         return this.uniqueID;
     }
+    getI8nPath() {
+        return this.environment['i8nPath'];
+    }
+    setI8nPath(path) {
+        this.environment['i8nPath'] = path;
+    }
     setTemplateID(templateID) {
         this.templateID = templateID;
     }
     getTemplateID() {
         return this.templateID;
     }
+    getDateFormat() {
+        return this.dateFormat;
+    }
+    setDateFormat(dateFormat) {
+        this.dateFormat = dateFormat;
+    }
     setTemplateJSON(templateJSON) {
         this.templateJSON = templateJSON;
     }
@@ -229,36 +272,53 @@ class SharedService {
     getAPIEndPoint() {
         return this.apiEndPoint;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedService, providedIn: 'root' });
+    setRouteID(routeID) {
+        this.routeID = routeID;
+    }
+    getRouteID() {
+        return this.routeID;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SharedService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SharedService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [] });
 
-class SharedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: SharedModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedModule, providers: [
-            SharedService,
-            ServiceMeta,
-            provideHttpClient()
-        ], imports: [CommonModule] });
+function HttpLoaderFactory(http, sharedService) {
+    return new TranslateHttpLoader(http, sharedService.getI8nPath() + 'assets/i18n/', '.json');
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SharedModule, decorators: [{
+class I8nModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: I8nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: I8nModule, imports: [CommonModule, i1$2.TranslateModule], exports: [TranslateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: I8nModule, imports: [CommonModule,
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: HttpLoaderFactory,
+                    deps: [HttpClient, SharedService]
+                }
+            }), TranslateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: I8nModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
                     imports: [
                         CommonModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: HttpLoaderFactory,
+                                deps: [HttpClient, SharedService]
+                            }
+                        })
                     ],
-                    providers: [
-                        SharedService,
-                        ServiceMeta,
-                        provideHttpClient()
+                    exports: [
+                        TranslateModule
                     ]
                 }]
         }] });
@@ -362,34 +422,1163 @@ class OrderService {
         const url = 'consumer/sorder/questionnaire/submit/' + uuid;
         return this.servicemeta.httpPost(url, body);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderService, deps: [{ token: ServiceMeta }, { token: SharedService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OrderService, deps: [{ token: ServiceMeta }, { token: SharedService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OrderService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OrderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [{ type: ServiceMeta }, { type: SharedService }] });
 
+class AccountService {
+    store;
+    constructor() { }
+    setActiveStore(store) {
+        this.store = store;
+    }
+    getActiveStore() {
+        return this.store;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AccountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AccountService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AccountService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Handle Local Storage related actions
+ */
+class LocalStorageService {
+    /* holds the variables which not removed by clearLocalstorage() method */
+    dont_delete_localstorage = ['refreshToken', 'userType', 'version', 'qrp', 'mUniqueId', 'authToken', 'reqFrom', 'source', 'translatevariable', 'appId', 'installId', 'appUniqueId', 'cleared', 'googleToken', 'sysdate', 'pt_pwd', 'target', 'activeLocation', 'busId'];
+    /**
+     * Default constructor
+     */
+    constructor() {
+    }
+    /**
+     * function to get local storage item value
+     * @param itemname name of variable
+     */
+    getitemfromLocalStorage(itemname) {
+        // if (isPlatformBrowser(this.platformId)) {
+        if (localStorage.getItem(itemname) !== 'undefined') {
+            return JSON.parse(localStorage.getItem(itemname));
+        }
+        // }
+        // return null;
+    }
+    /**
+     * // function to set local storage item value
+     * @param itemname name of variable
+     * @param itemvalue value to set
+     */
+    setitemonLocalStorage(itemname, itemvalue) {
+        // if (isPlatformBrowser(this.platformId)) {
+        localStorage.setItem(itemname, JSON.stringify(itemvalue));
+        // }
+    }
+    /**
+     * Method to remove an item from local storage
+     * @param itemname item to be removed
+     */
+    removeitemfromLocalStorage(itemname) {
+        // if (isPlatformBrowser(this.platformId)) {
+        localStorage.removeItem(itemname);
+        // }
+    }
+    /**
+     * Method to clear the local storage items except the ones contained in 'dont_delete_localstorage'
+     */
+    clearLocalstorage() {
+        // if (isPlatformBrowser(this.platformId)) {
+        this.removeitemfromLocalStorage('ynw-credentials');
+        for (let index = 0; index < localStorage.length; index++) {
+            if (this.dont_delete_localstorage.indexOf(localStorage.key(index)) === -1) {
+                localStorage.removeItem(localStorage.key(index));
+                index = index - 1; // manage index after remove
+            }
+        }
+        // }
+    }
+    /**
+     * Method to clear the local storage items
+     */
+    clearAll() {
+        for (let index = 0; index < localStorage.length; index++) {
+            localStorage.removeItem(localStorage.key(index));
+            index = index - 1; // manage index after remove
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocalStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+// import { isPlatformBrowser } from "@angular/common";
+// import { Inject, Injectable, PLATFORM_ID } from "@angular/core";
+/**
+ * Handle Session Storage related actions
+ */
+class SessionStorageService {
+    constructor() {
+    }
+    /**
+     * Method to set an item on session storage
+     * @param itemname
+     * @param itemvalue
+     */
+    setitemOnSessionStorage(itemname, itemvalue) {
+        // if (isPlatformBrowser(this.platformId)) {
+        sessionStorage.setItem(itemname, JSON.stringify(itemvalue));
+        // }
+    }
+    /**
+     * Method to get an item from session storage
+     * @param itemname
+     */
+    getitemfromSessionStorage(itemname) {
+        const itemValue = sessionStorage.getItem(itemname);
+        if (sessionStorage.getItem(itemname) !== 'undefined') {
+            return JSON.parse(itemValue !== null ? JSON.parse(itemValue) : null);
+        }
+    }
+    /**
+     * Method to remove an item from session storage
+     * @param itemname
+     */
+    removeitemfromSessionStorage(itemname) {
+        sessionStorage.removeItem(itemname);
+    }
+    /**
+     * Method to clear all the items from session storage
+     */
+    clearSessionStorage() {
+        for (let index = 0; index < sessionStorage.length; index++) {
+            const itemValue = sessionStorage.key(index);
+            sessionStorage.removeItem(itemValue !== null ? itemValue : '');
+            index = index - 1; // manage index after remove
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SessionStorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SessionStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class GroupStorageService {
+    sessionStorageService;
+    lStorageService;
+    constructor(sessionStorageService, lStorageService) {
+        this.sessionStorageService = sessionStorageService;
+        this.lStorageService = lStorageService;
+    }
+    getGroup() {
+        if (this.sessionStorageService.getitemfromSessionStorage('tabId')) {
+            return this.sessionStorageService.getitemfromSessionStorage('accountid');
+        }
+        else {
+            return 0;
+        }
+    }
+    setitemToGroupStorage(itemname, itemvalue) {
+        const group = this.getGroup();
+        let groupObj = {};
+        if (this.lStorageService.getitemfromLocalStorage(group)) {
+            groupObj = JSON.parse(this.lStorageService.getitemfromLocalStorage(group)) ? JSON.parse(this.lStorageService.getitemfromLocalStorage(group)) : {};
+            if (groupObj) {
+                groupObj[itemname] = itemvalue;
+            }
+        }
+        else {
+            groupObj[itemname] = itemvalue;
+        }
+        this.lStorageService.setitemonLocalStorage(group, JSON.stringify(groupObj));
+    }
+    getitemFromGroupStorage(itemname, type) {
+        let group;
+        if (type) {
+            group = 0;
+        }
+        else {
+            group = this.getGroup();
+        }
+        if (this.lStorageService.getitemfromLocalStorage(group)) {
+            const groupObj = JSON.parse(this.lStorageService.getitemfromLocalStorage(group));
+            if (groupObj[itemname] || (itemname === 'isCheckin' && groupObj[itemname] !== undefined)) {
+                return groupObj[itemname];
+            }
+        }
+    }
+    removeitemFromGroupStorage(itemname) {
+        const group = this.getGroup();
+        const groupObj = JSON.parse(this.lStorageService.getitemfromLocalStorage(group));
+        if (groupObj[itemname]) {
+            delete groupObj[itemname];
+            this.lStorageService.setitemonLocalStorage(group, JSON.stringify(groupObj));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: GroupStorageService, deps: [{ token: SessionStorageService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: GroupStorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: GroupStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: SessionStorageService }, { type: LocalStorageService }] });
+
+/**
+ *
+ * Service handles authentication
+ */
+class AuthService {
+    serviceMeta;
+    lStorageService;
+    sessionStorageService;
+    groupService;
+    subject = new Subject();
+    getMessage() {
+        return this.subject.asObservable();
+    }
+    sendMessage(message) {
+        this.subject.next(message);
+    }
+    constructor(serviceMeta, lStorageService, sessionStorageService, groupService) {
+        this.serviceMeta = serviceMeta;
+        this.lStorageService = lStorageService;
+        this.sessionStorageService = sessionStorageService;
+        this.groupService = groupService;
+    }
+    login(post_data) {
+        const _this = this;
+        this.lStorageService.setitemonLocalStorage('login', true);
+        post_data.mUniqueId = this.lStorageService.getitemfromLocalStorage('mUniqueId');
+        console.log(post_data);
+        const promise = new Promise((resolve, reject) => {
+            _this.loginConsumer(post_data).subscribe(data => {
+                this.lStorageService.removeitemfromLocalStorage('login');
+                _this.setLoginData(data, post_data);
+                this.sendMessage({ ttype: 'refresh', action: false });
+                resolve(data);
+            }, error => {
+                if (error.status === 401 && error.error === 'Session Already Exist') {
+                    const authToken = this.lStorageService.getitemfromLocalStorage('c_authorizationToken');
+                    _this.doLogout().then(() => {
+                        this.lStorageService.setitemonLocalStorage('c_authorizationToken', authToken);
+                        _this.login(post_data);
+                    });
+                }
+                reject(error);
+            });
+        });
+        return promise;
+    }
+    /**
+     * Set Credentials and User Type (provider/consumer) in Local Storage
+     * @param data
+     * @param post_data
+     * @param mod
+     */
+    setLoginData(data, post_data) {
+        console.log("Set Login Data:", data);
+        this.groupService.setitemToGroupStorage('ynw-user', data);
+        this.lStorageService.setitemonLocalStorage('isBusinessOwner', 'false');
+        if (post_data['password']) {
+            delete post_data['password'];
+        }
+        this.lStorageService.setitemonLocalStorage('ynw-credentials', JSON.stringify(post_data));
+    }
+    signUp(post_data) {
+        const promise = new Promise((resolve, reject) => {
+            this.signUpConsumer(post_data).subscribe(data => {
+                resolve(data);
+            }, error => {
+                reject(error);
+            });
+        });
+        return promise;
+    }
+    doLogout() {
+        console.log("Do Logout");
+        const _this = this;
+        this.lStorageService.setitemonLocalStorage('logout', true);
+        this.lStorageService.removeitemfromLocalStorage('authorization');
+        const promise = new Promise((resolve, reject) => {
+            _this.consumerLogout().subscribe(() => {
+                _this.lStorageService.clearLocalstorage();
+                _this.sessionStorageService.clearSessionStorage();
+                this.sendMessage({ ttype: 'refresh', action: false });
+                resolve();
+            });
+        });
+        return promise;
+    }
+    signUpConsumer(body) {
+        return this.serviceMeta.httpPost('consumer', body);
+    }
+    loginConsumer(body) {
+        console.log("LoginConsumer", body);
+        return this.serviceMeta.httpPost('consumer/login', body);
+    }
+    consumerLogout() {
+        return this.serviceMeta.httpDelete('consumer/login');
+    }
+    sendConsumerOTP(body) {
+        const url = 'consumer/oauth/identify';
+        return this.serviceMeta.httpPost(url, body);
+    }
+    verifyConsumerOTP(otp) {
+        const url = 'consumer/oauth/otp/' + otp + '/verify';
+        return this.serviceMeta.httpPost(url);
+    }
+    verifyNewPhoneOTP(otp, body, origin) {
+        const path = origin + '/login/' + otp + '/verifyLogin';
+        return this.serviceMeta.httpPut(path, body);
+    }
+    verifyNewPhone(phonenumber, origin, countryCode) {
+        const path = origin + '/login/verifyLogin/' + phonenumber + '?countryCode=' + countryCode;
+        return this.serviceMeta.httpPost(path);
+    }
+    getProviderConsumer() {
+        return this.serviceMeta.httpGet('spconsumer');
+    }
+    /**
+     * To check whether user logged in or not
+     * @returns true/false
+     */
+    goThroughLogin() {
+        const _this = this;
+        return new Promise(function (resolve) {
+            if (_this.lStorageService.getitemfromLocalStorage('ynw-credentials')) {
+                resolve(true);
+            }
+            else {
+                resolve(false);
+            }
+        });
+    }
+    shareOTPforForm(uuid) {
+        const url = 'consumer/consentform/sendOtp/' + uuid;
+        return this.serviceMeta.httpPut(url);
+    }
+    verifyOTPforForm(otp, uuid) {
+        const url = 'consumer/consentform/verifyOtp/' + otp + '/' + uuid;
+        return this.serviceMeta.httpPatch(url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AuthService, deps: [{ token: ServiceMeta }, { token: LocalStorageService }, { token: SessionStorageService }, { token: GroupStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ServiceMeta }, { type: LocalStorageService }, { type: SessionStorageService }, { type: GroupStorageService }] });
+
+/**
+ *
+ */
+class FileService {
+    // Supported images types
+    IMAGE_FORMATS = [
+        'image/gif',
+        'image/png',
+        'image/jpeg',
+        'image/bmp',
+        'image/webp'
+    ];
+    FILETYPES_UPLOAD = [
+        'image/jpg',
+        'image/png',
+        'image/jpeg',
+        'image/bmp',
+        'application/pdf',
+        'application/jfif',
+        'video/mp4',
+        'video/mpeg',
+        'audio/mpeg',
+        'audio/mp3',
+        'audio/ogg',
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        'application/doc',
+        'application/ms-doc',
+        'application/msword',
+        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        'docx',
+        'doc'
+    ];
+    imageSize = 15000000;
+    FILE_MAX_SIZE = 10000000;
+    constructor() { }
+    /**
+     * Method returns supported formats of files which has to be uploaded
+     * @param source image/file
+     * @returns available formats
+     */
+    getSupportedFormats(source) {
+        console.log(source);
+        let formats = [];
+        if (source == 'image') {
+            formats = this.IMAGE_FORMATS;
+            //return this.IMAGE_FORMATS;
+        }
+        else {
+            formats = this.FILETYPES_UPLOAD;
+            //return this.FILETYPES_UPLOAD;
+        }
+        console.log(formats);
+        return formats;
+    }
+    /**
+     * Method will return the maximum uploadable size of a file/image
+     * @returns Maximum size of the image to upload
+     */
+    getMaximumImageSize() {
+        return this.imageSize;
+    }
+    imageValidation(file, source) {
+        console.log("In Image Validation:", source);
+        let file_types = [];
+        if (source === 'attachment' || source === 'consumerimages') {
+            file_types = this.getSupportedFormats('file');
+        }
+        else {
+            file_types = this.getSupportedFormats('image');
+        }
+        const image_max_size = this.getMaximumImageSize();
+        const error = [];
+        console.log(file_types);
+        console.log(file.type);
+        let is_error = false;
+        if (!file.type || (file.type && file_types.indexOf(file.type) === -1)) {
+            error['type'] = true;
+            is_error = true;
+        }
+        if (file.size && file.size > image_max_size) {
+            error['size'] = true;
+            is_error = true;
+        }
+        if (is_error === false) {
+            return true;
+        }
+        else {
+            return error;
+        }
+    }
+    getImage(url, fileObj) {
+        let file = fileObj;
+        if (fileObj && fileObj['mimeType']) {
+            file['type'] = fileObj['mimeType'];
+        }
+        // console.log("File :", file);
+        // console.log("File Type :", file.type)
+        // console.log("File Name :", file.name.includes('docx'))
+        if (file.type) {
+            if (file.type == 'application/pdf') {
+                return './assets/images/pdf.png';
+            }
+            else if (file.type == 'application/vnd.ms-excel' || file.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+                return './assets/images/xls.png';
+            }
+            else if (file.type == 'audio/mp3' || file.type == 'audio/mpeg' || file.type == 'audio/ogg') {
+                return './assets/images/audio.png';
+            }
+            else if (file.type == 'video/mp4' || file.type == 'video/mpeg') {
+                return './assets/images/video.png';
+            }
+            else if (file.type == 'application/msword' || file.type == 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || file.type.includes('docx') || file.type.includes('doc')) {
+                return './assets/images/ImgeFileIcon/wordDocsBgWhite.jpg';
+            }
+            else if (file.type.includes('txt')) {
+                return './assets/images/ImgeFileIcon/docTxt.png';
+            }
+            else {
+                return url;
+            }
+        }
+        return url;
+    }
+    getImageByType(type) {
+        if (type == 'pdf') {
+            return './assets/images/pdf.png';
+        }
+        else if (type == 'vnd.ms-excel' || type == 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' || type == 'xls' || type == 'xlsx') {
+            return './assets/images/xls.png';
+        }
+        else if (type == 'mp3' || type == 'mpeg' || type == 'ogg') {
+            return './assets/images/audio.png';
+        }
+        else if (type == 'mp4' || type == 'mpeg') {
+            return './assets/images/video.png';
+        }
+        else if (type == 'application/msword' || type == 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || type == 'docx' || type == 'doc' || type == 'msword') {
+            return './assets/images/ImgeFileIcon/wordDocsBgWhite.jpg';
+        }
+        else if (type == 'txt') {
+            return './assets/images/ImgeFileIcon/docTxt.png';
+        }
+        else {
+            return './assets/images/img_uplod.png';
+        }
+    }
+    filesSelected(event, selectedMessage) {
+        const _this = this;
+        return new Promise(function (resolve, reject) {
+            // const input = event.target.files;
+            let input = event.files;
+            if (event.target && event.target.files) {
+                input = event.target.files;
+            }
+            console.log("File Selected :", input);
+            if (input) {
+                let count = 0;
+                let filesCount = input.length;
+                for (const file of input) {
+                    if (_this.FILETYPES_UPLOAD.indexOf(file.type) === -1) {
+                        reject("Selected file type not supported");
+                    }
+                    else if (file.size > _this.FILE_MAX_SIZE) {
+                        reject("Please upload files with size < 10mb");
+                    }
+                    else {
+                        selectedMessage.files.push(file);
+                        const reader = new FileReader();
+                        reader.onload = (e) => {
+                            selectedMessage.base64.push(e.target["result"]);
+                            count++;
+                            if (count === filesCount) {
+                                resolve(true);
+                            }
+                        };
+                        reader.readAsDataURL(file);
+                    }
+                }
+            }
+        });
+    }
+    filessSelected(event, selectedMessage) {
+        const _this = this;
+        return new Promise(function (resolve, reject) {
+            // const input = event.target.files;
+            let input = event.files;
+            if (event.target && event.target.files) {
+                input = event.target.files;
+            }
+            console.log("File Selected :", input);
+            if (input) {
+                let count = 0;
+                let filesCount = input.length;
+                for (const file of input) {
+                    if (_this.IMAGE_FORMATS.indexOf(file.type) === -1) {
+                        reject("Selected file type not supported");
+                    }
+                    else if (file.size > _this.FILE_MAX_SIZE) {
+                        reject("Please upload files with size < 10mb");
+                    }
+                    else {
+                        selectedMessage.files.push(file);
+                        const reader = new FileReader();
+                        reader.onload = (e) => {
+                            selectedMessage.base64.push(e.target["result"]);
+                            count++;
+                            if (count === filesCount) {
+                                resolve(true);
+                            }
+                        };
+                        reader.readAsDataURL(file);
+                    }
+                }
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FileService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CommonService {
+    constructor() { }
+    groupBy(xs, key) {
+        return xs.reduce(function (rv, x) {
+            (rv[x[key]] = rv[x[key]] || []).push(x);
+            return rv;
+        }, {});
+    }
+    isNumeric(evt) {
+        const inputKeyCode = evt.keyCode ? evt.keyCode : evt.which;
+        if ((inputKeyCode >= 48 && inputKeyCode <= 57) || inputKeyCode === 8 || inputKeyCode === 46) {
+            return true;
+        }
+        else {
+            evt.preventDefault();
+            return false;
+        }
+    }
+    showlogoicon(logo) {
+        if (logo == null || logo === '') {
+            return '../../assets/images/no_image_icon.png';
+        }
+        else {
+            return logo;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommonService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class StorageService {
+    servicemeta;
+    storage = {
+        'spconsumer': null,
+        'salutation': null
+    };
+    constructor(servicemeta) {
+        this.servicemeta = servicemeta;
+    }
+    clear() {
+        this.storage = {
+            'spconsumer': null,
+            'salutation': null
+        };
+    }
+    set(key, value) {
+        this.storage[key] = value;
+    }
+    get(key) {
+        return this.storage[key];
+    }
+    getSPConsumer() {
+        return this.servicemeta.httpGet('spconsumer');
+    }
+    getProviderConsumer() {
+        const _this = this;
+        return new Promise(function (resolve, reject) {
+            const spConsumer = _this.get('spconsumer');
+            if (spConsumer) {
+                resolve(spConsumer);
+            }
+            else {
+                _this.getSPConsumer().subscribe((spconsumer) => {
+                    _this.set('spconsumer', spconsumer);
+                    resolve(spconsumer);
+                }, (error) => {
+                    reject(error);
+                });
+            }
+        });
+    }
+    getSalutationsRest() {
+        const url = 'consumer/userTitle';
+        return this.servicemeta.httpGet(url);
+    }
+    getSalutations() {
+        const _this = this;
+        return new Promise(function (resolve, reject) {
+            const salutations = _this.get('salutations');
+            if (salutations) {
+                resolve(salutations);
+            }
+            else {
+                _this.getSalutationsRest().subscribe((salutations) => {
+                    _this.set('salutations', salutations);
+                    resolve(salutations);
+                }, (error) => {
+                    reject(error);
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: StorageService, deps: [{ token: ServiceMeta }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: StorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ServiceMeta }] });
+
+Injectable({
+    providedIn: 'root'
+});
+class ErrorMessagingService {
+    API_ERROR = 'There was a problem while connecting to our server. Please try again.';
+    constructor() {
+    }
+    getApiError(error) {
+        console.log("Get Api Error:", error);
+        if (error.error && typeof error.error === 'string') {
+            return error.error;
+        }
+        else if (typeof error === 'string') {
+            return error;
+        }
+        else {
+            return this.API_ERROR;
+        }
+    }
+}
+
+const Messages = {
+    'OTP_SENT_EMAIL': 'Enter the OTP sent to [your_email]',
+    'OTP_SENT_LABEL': 'Enter the OTP sent to [your_mobile]',
+    'PROFILE_UPDATE': 'Profile has been updated successfully',
+    'EMAIL_MISMATCH': 'Email and Re-entered Email do not match',
+    'PHONE_VERIFIED': 'Your mobile number has been verified',
+    'MEMBER_CREATED': 'Member added successfully',
+    'MEMBER_UPDATED': 'Member updated successfully',
+    'APPLIED_INBILLTIME': ' Coupon will be applied on the final bill',
+    'CONSUMERTOPROVIDER_NOTE_ADD': 'Message has been successfully sent',
+    'PROVIDERTOCONSUMER_NOTE_ADD': 'Message has been successfully sent',
+    'MSG_ERROR': 'Please enter the message',
+    'CHECKIN_SUCC_REDIRECT': 'Please wait ... You are being redirected to the Payment Gateway ...',
+    'CHECKIN_ERROR': 'Sorry! an error occured',
+    'SERVICE_RATE_UPDATE': 'Thank you for your feedback',
+    'INBOXICON_TOOPTIP': 'Messages',
+    'FILE_TOOLTIP': 'Upload Files',
+    'NXT_AVAILABLE_TIME_CAPTION': 'Next Available Time',
+    'ESTIMATED_TIME_SMALL_CAPTION': 'Est Wait Time',
+    'SAVE_BTN': 'Save',
+    'CANCEL_BTN': 'Cancel',
+    'UPDATE_BTN': 'Update',
+    'EDIT_BTN': 'Edit',
+    'DELETE_BTN': 'Delete',
+    'SEND_BTN': 'Send',
+    'OK_BTN': 'Ok',
+    'YES_BTN': 'Yes',
+    'NO_BTN': 'No',
+    'CLOSE_BTN': 'Close',
+    'DONE_BTN': 'Complete',
+    'RESEND_BTN': 'Resend',
+    'CONFIRM_BTN': 'Confirm',
+    'FAMILY_MEMBERS': 'Family Members',
+    'FAMILY_MEMBER': 'Family Member',
+    'MEMBER_CAPTION': 'Member',
+    'ADD_FAMILY_MEMBER': 'Add Family Member',
+    'FIRST_NAME_CAP': 'First Name',
+    'LAST_NAME_CAP': 'Last Name',
+    'MOBILE_NUMBER_CAP': 'Mobile #',
+    'GENDER_CAP': 'Gender',
+    'DOB_CAP': 'Date of Birth',
+    'RELATED_LINKS': 'Related Links',
+    'USER_PROF_CAP': 'My Account',
+    'CHANGE_MOB_CAP': 'Change Mobile',
+    'ADD_CHANGE_EMAIL': 'Update Email',
+    'SEND_MSGS_CAP': 'Enquiry',
+    'SEND_MSG_CAP': 'Send Message',
+    'SEND_MSG': 'Enquiry',
+    'MAKE_PAYMENT_CAP': 'Make Payment',
+    'PAYMENT_REDIRECT': 'Please wait ... You are being redirected to the Payment Gateway ...',
+    'PROVIDER_BILL_PAYMENT': 'Payment completed successfully',
+    'BILL_CAPTION': 'Bill',
+    'RATE_VISIT': 'Rate Your Visit',
+    'DATE_CAP': 'Date:',
+    'LOCATION_CAP': 'Location',
+    'NAME_CAP': 'Name:',
+    'RATE_YOU_VISIT': 'Rate Your Visit',
+    'RATING_CAP': 'Rate *',
+    'MESSAGE_CAP': 'Message',
+    'RATE_BTN_CAP': 'Rate',
+    'OTHERMESSAGE_CAP': 'Please Enter Reason For Cancellation',
+    'F_NAME_CAP': 'First Name *',
+    'L_NAME_CAP': 'Last Name *',
+    'TERMS_CONDITIONS_CAP': 'Terms & Conditions',
+    'FILL_FOLL_DETAILS_CAP': 'Please fill in the following details',
+    'MALE_CAP': 'Male',
+    'FEMALE_CAP': 'Female',
+    'EMAIL_CAP': 'Email',
+    'CHANGEMOBILE_CAP': 'Change Mobile #',
+    'APPLY_CAP': 'Apply',
+    'ADD_MEMBER_CAP': 'Add Member',
+    'SERV_PROVIDER_CAP': 'Service Provider',
+    'DATE_COL_CAP': 'Date',
+    'BILL_PAYMENT_CAP': 'Bill Payment',
+    'COUPON_CODE_CAP': 'Coupon Code',
+    'AMNT_TO_PAY_CAP': 'Amount to pay',
+    'NO_PAY_OPT_AVIL_CAP': 'No payment options available.',
+    'PHONE_NO_CAP': 'Phone Number',
+    'EMAIL_ID_CAP': 'Email Id',
+    'DATE_TIME_CAP': 'Date/Time',
+    'LOGOUT_CAP': 'Logout',
+    'PROVIDER_CONSUMER_CAP': 'Provider / Consumer',
+    'REPLY_CAP': 'Reply',
+    'DELETE_MSG_CAP': 'Delete Message',
+    'NO_MSG_EXISTS_CAP': 'No messages found',
+    'ENTER_OTP_CAP': 'Enter OTP *',
+    'RESEND_OTP_TO_CAP': 'Resend OTP',
+    'RESEND_OTP_EMAIL_CAP': 'Resend OTP via email',
+    'RESEND_OTP_OPT_ACTIVE_IN_CAP': 'Resend OTP option will be active in',
+    'SECONDS_CAP': 'seconds.',
+    'ENTER_EMAIL_CAP': 'Enter Email',
+    'TIME_CAP': 'Time',
+    'BILL_NO_CAP': 'Bill #',
+    'GSTIN_CAP': 'GSTIN',
+    'QTY_CAP': 'Qty',
+    'DISCOUNT_CAP': 'Discount',
+    'COUPON_CAP': 'Coupon',
+    'SUB_TOT_CAP': 'Sub Total',
+    'GROSS_AMNT_CAP': 'Gross Amount',
+    'TAX_CAP': 'Tax',
+    'AMNT_PAID_CAP': 'Amount Paid',
+    'BACK_TO_BILL_CAP': 'Back to Bill',
+    'PAY_LOGS_CAP': 'Payment Logs',
+    'AMOUNT_CAP': 'Amount',
+    'REFUNDABLE_CAP': 'Refundable',
+    'MODE_CAP': 'Mode',
+    'REFUNDS_CAP': 'Refunds',
+    'PAY_STATUS': 'Status',
+    'GALLERY_CAP': 'Gallery',
+    'SELECT_IMAGE_CAP': 'Click here to select the files',
+    'NEW_CAP': 'New',
+    'ADD_SER_ITEM_CAP': 'Add Service/Item',
+    'AVAILABLE_CAP': 'Available',
+    'QTY_CAPITAL_CAP': 'Qty',
+    'SEL_DISC_CAP': 'Select Discount',
+    'SEL_COUPON_CAP': 'Select Coupon ',
+    'DISCOUNTS_COUPONS_CAP': 'Discounts / Coupons',
+    'BILL_DISCOUNT_CAP': 'Discount',
+    'ADD_BTN': 'Add',
+    'CUSTOMER_MOBILE_CAP': 'Mobile',
+    'COUPONS_CAP': 'Coupons',
+    'SERVICE_PHOTO_CAP': 'photos',
+    'POPUP_SELECT_REASON_CAP': 'Select a reason',
+    'POPUP_SEND_MSG_CAP': 'Create your own message for',
+    'DASHBOARD_TITLE': 'Dashboard',
+    'CONS_NOTE_NOTE_CAP': 'Note',
+    'CURRENTMOBMSG': 'Your Current Mobile # :',
+    'GET_TOKEN': 'Get Token',
+    'CHECK_DET_NO_CUS_NOTES_FOUND_CAP': 'No [customer] note found',
+    'NOUSERCAP': 'Global Services',
+    'SEND_MESSAGE': 'The [customer] does not have a mobile number/email',
+    'ATTACHMENT_SEND': 'Attachment sent successfully',
+    'QUESTIONNAIRE_CONSUMER_HEADING': 'More info',
+    'CHECK_DET_DATE_CAP': 'Date',
+    'CHECK_DET_LOCATION_CAP': 'Location',
+    'CHECK_DET_SERVICE_CAP': 'Service',
+    'CHECK_DET_SEND_MSG_CAP': 'Send Message',
+    'CHECK_DET_CUST_NOTES_CAP': '[customer] Note',
+    'BPROFILE_HAVE_NOT_ADD_CAP': 'You haven\'t added ',
+    'BPROFILE_ADD_IT_NOW_CAP': 'Add It Now',
+    'BPROFILE_PHONENO': 'Please enter the phone number',
+    'BPROFILE_PRIVACY_PHONE_10DIGITS': 'Mobile number should have 10 digits',
+    'PRO_STATUS_CAP': 'Status',
+    'PRO_SERVICE_CAP': 'Service'
+};
+
+/**
+ * Terminology/Word Factory
+ */
+class WordProcessor {
+    TIMEOUT_DELAY_LARGE10 = 10000; // msec
+    terminologies;
+    spterminologies;
+    constructor() { }
+    /**
+     * Method to set the terminlogies for Jaldee
+     * @param terminologies
+     */
+    setTerminologies(terminologies) {
+        // console.log("Set Terminologies:", terminologies);
+        this.terminologies = terminologies;
+    }
+    /**
+     * Method to get the terminologies
+     */
+    getTerminologies() {
+        return this.terminologies;
+    }
+    /**
+     *  Method to set the sp terminlogies for Jaldee
+     * @param terminology
+     */
+    setSPTerminologies(terminology) {
+        this.spterminologies = terminology;
+    }
+    /**
+     * Method to get the sp terminologies
+     */
+    getSPTerminologies() {
+        return this.spterminologies;
+    }
+    /**
+     * Method returns the CamelCase
+     * @param str text to convert
+     */
+    toCamelCase(str) {
+        return str;
+    }
+    /**
+     * Convert the first letter to Uppercase
+     * @param str
+     */
+    firstToUpper(str) {
+        if (str) {
+            if (str.substr(0, 7) === 'http://' || str.substr(0, 8) === 'https://') {
+                return str;
+            }
+            else {
+                return str.charAt(0).toUpperCase() + str.substr(1);
+            }
+        }
+    }
+    /**
+     * Show/Hide Success or Error Messages
+     * @param ob Object to put the message
+     * @param message Message to show
+     */
+    apiSuccessAutoHide(ob, message) {
+        const replaced_message = this.findTerminologyTerm(message);
+        ob.api_success = this.firstToUpper(replaced_message);
+        setTimeout(() => {
+            ob.api_success = null;
+        }, this.TIMEOUT_DELAY_LARGE10);
+    }
+    /**
+     * Show error and hide it automatically
+     * @param ob Object holds the message
+     * @param error Message to be shown
+     */
+    apiErrorAutoHide(ob, error) {
+        // error = this.errorService.getApiError(error);
+        const replaced_message = this.findTerminologyTerm(error);
+        ob.api_error = this.firstToUpper(replaced_message);
+        setTimeout(() => {
+            ob.api_error = null;
+        }, this.TIMEOUT_DELAY_LARGE10);
+    }
+    /**
+     * Get the terminology from terminologies
+     * @param term
+     */
+    getTerminologyTerm(term, terminologies) {
+        if (terminologies) {
+            this.setTerminologies(terminologies);
+        }
+        else {
+            terminologies = this.getTerminologies();
+        }
+        const term_only = term.replace(/[\[\]']/g, '').toLowerCase();
+        // console.log("Get Terminology Term", terminologies);
+        if (terminologies) {
+            return (terminologies[term_only]) ? terminologies[term_only] : ((term === term_only) ? term_only : term);
+        }
+        else {
+            return (term === term_only) ? term_only : term;
+        }
+    }
+    /**
+     * Replace the term within the full message
+     * @param term term to be replaced
+     * @param full_message full message
+     */
+    removeTerminologyTerm(term, full_message) {
+        const term_replace = this.getTerminologyTerm(term);
+        // console.log("Term To replace:", term_replace);
+        const term_only = term.replace(/[\[\]']/g, ''); // term may me with or without '[' ']'
+        // console.log("Term:", term_only);
+        return full_message.replace('[' + term_only + ']', term_replace);
+    }
+    /**
+     * Find the terminology
+     * @param message
+     */
+    findTerminologyTerm(message) {
+        // console.log("Message:", message);
+        let replaced_msg = message;
+        if (message) {
+            const matches = message.match(/\[(.*?)\]/g);
+            replaced_msg = message;
+            // console.log("Matches", matches);
+            if (matches) {
+                for (const match of matches) {
+                    replaced_msg = this.removeTerminologyTerm(match, replaced_msg);
+                }
+            }
+        }
+        return replaced_msg;
+    }
+    /**
+     * get the message from the messages list
+     * @param key identifier for the message
+     */
+    getProjectMesssages(key) {
+        let message = Messages[key] || '';
+        message = this.findTerminologyTerm(message);
+        return this.firstToUpper(message);
+    }
+    /**
+     * Extract error message from the error object
+     * @param error error message to shown
+     */
+    getProjectErrorMesssages(message, terminologies) {
+        if (terminologies) {
+            this.setTerminologies(this.terminologies);
+        }
+        // let message = this.errorService.getApiError(error);
+        message = this.findTerminologyTerm(message);
+        return this.firstToUpper(message);
+    }
+    /**
+     * Get the terminology from terminologies
+     * @param term
+     */
+    getSPTerminologyTerm(term) {
+        const term_only = term;
+        const terminologies = this.getSPTerminologies();
+        // console.log("Terminologies:", terminologies);
+        if (terminologies) {
+            return (terminologies[term_only]) ? terminologies[term_only] : ((term === term_only) ? term_only : term);
+        }
+        else {
+            return (term === term_only) ? term_only : term;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WordProcessor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WordProcessor, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WordProcessor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class SafeHtmlPipe {
+    sanitized;
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'safeHtml' }]
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
+
+class TruncatePipe {
+    transform(value, args) {
+        const limit = args.length > 0 ? parseInt(args[0], 10) : 20;
+        const trail = args.length > 1 ? args[1] : '...';
+        return value.length > limit ? value.substring(0, limit) + trail : value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TruncatePipe, name: "limitTo" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'limitTo'
+                }]
+        }] });
+
+class FilterPipe {
+    transform(items, searchText) {
+        if (!items)
+            return [];
+        if (!searchText)
+            return items;
+        return items.filter(item => {
+            return Object.keys(item).some(key => {
+                return String(item[key]).toLowerCase().includes(searchText.toLowerCase());
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: FilterPipe, name: "filter" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'filter'
+                }]
+        }] });
+
+class CapitalizeFirstPipe {
+    transform(value) {
+        if (value !== null && value !== undefined) {
+            value = value.toString().trim();
+            return value.charAt(0).toUpperCase() + value.slice(1);
+        }
+        return '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipe, name: "capitalizeFirst" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'capitalizeFirst' }]
+        }] });
+
+class AutolinkPipe {
+    transform(value) {
+        if (!value)
+            return value;
+        const urlPattern = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
+        const emailPattern = /([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/ig;
+        return value
+            .replace(urlPattern, '<a href="$1" target="_blank">$1</a>')
+            .replace(emailPattern, '<a href="mailto:$1">$1</a>');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AutolinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: AutolinkPipe, name: "autolink" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AutolinkPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'autolink'
+                }]
+        }] });
+
 class SkeletonLoadingComponent {
     constructor() { }
     ngOnInit() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SkeletonLoadingComponent, selector: "app-skeleton-loading", ngImport: i0, template: "<ul class=\"o-vertical-spacing o-vertical-spacing--l\">\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n\r\n</ul>\r\n", styles: [".skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{font-size:.85em;color:#6b6b6b}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}header h1{font-family:Rubik,sans-serif;font-weight:500;line-height:1.2;font-size:2em}header p:not(:first-child){margin-top:1em}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SkeletonLoadingComponent, selector: "app-skeleton-loading", ngImport: i0, template: "<ul class=\"o-vertical-spacing o-vertical-spacing--l\">\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n\r\n</ul>\r\n", styles: [".skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{font-size:.85em;color:#6b6b6b}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}header h1{font-family:Rubik,sans-serif;font-weight:500;line-height:1.2;font-size:2em}header p:not(:first-child){margin-top:1em}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-skeleton-loading', template: "<ul class=\"o-vertical-spacing o-vertical-spacing--l\">\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n  <li class=\"blog-post o-media\">\r\n    <div class=\"o-media__figure\">\r\n      <span class=\"skeleton-box\" style=\"width:100px;height:80px;\"></span>\r\n    </div>\r\n    <div class=\"o-media__body\">\r\n      <div class=\"o-vertical-spacing\">\r\n        <h3 class=\"blog-post__headline\">\r\n          <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n        </h3>\r\n        <p>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n          <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n        </p>\r\n        <div class=\"blog-post__meta\">\r\n          <span class=\"skeleton-box\" style=\"width:70px;\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </li>\r\n\r\n</ul>\r\n", styles: [".skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{font-size:.85em;color:#6b6b6b}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}header h1{font-family:Rubik,sans-serif;font-weight:500;line-height:1.2;font-size:2em}header p:not(:first-child){margin-top:1em}\n"] }]
         }], ctorParameters: () => [] });
 
 class SkeletonLoadingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingModule, declarations: [SkeletonLoadingComponent], imports: [CommonModule], exports: [SkeletonLoadingComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingModule, declarations: [SkeletonLoadingComponent], imports: [CommonModule], exports: [SkeletonLoadingComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SkeletonLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SkeletonLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -404,6 +1593,2290 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 }]
         }] });
 
+class LoadingSpinnerComponent {
+    spinnerParams = [];
+    diameter;
+    stroke;
+    constructor() { }
+    ngOnInit() {
+        this.diameter = (this.spinnerParams['diameter']) ? this.spinnerParams['diameter'] : 40;
+        this.stroke = (this.spinnerParams['strokewidth']) ? this.spinnerParams['strokewidth'] : 5;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: LoadingSpinnerComponent, selector: "app-common-innerloading-spinner", inputs: { spinnerParams: "spinnerParams" }, ngImport: i0, template: "<mat-spinner class=\"inner-load-spinner\" [strokeWidth]=\"stroke\" [diameter]=\"diameter\"></mat-spinner>", styles: [".inner-load-spinner{margin:0 auto}\n"], dependencies: [{ kind: "component", type: i1$4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-common-innerloading-spinner', template: "<mat-spinner class=\"inner-load-spinner\" [strokeWidth]=\"stroke\" [diameter]=\"diameter\"></mat-spinner>", styles: [".inner-load-spinner{margin:0 auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { spinnerParams: [{
+                type: Input
+            }] } });
+
+class LoadingSpinnerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerModule, declarations: [LoadingSpinnerComponent], imports: [CommonModule,
+            MatProgressSpinnerModule], exports: [LoadingSpinnerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerModule, imports: [CommonModule,
+            MatProgressSpinnerModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoadingSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule
+                    ],
+                    declarations: [
+                        LoadingSpinnerComponent
+                    ],
+                    exports: [
+                        LoadingSpinnerComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Class which handle Questionaire
+ */
+class QuestionaireService {
+    servicemeta;
+    subject = new Subject();
+    getMessage() {
+        return this.subject.asObservable();
+    }
+    sendMessage(message) {
+        this.subject.next(message);
+    }
+    constructor(servicemeta) {
+        this.servicemeta = servicemeta;
+    }
+    validateConsumerQuestionnaire(body, accountId) {
+        const url = 'consumer/questionnaire/validate' + '?account=' + accountId;
+        return this.servicemeta.httpPut(url, body);
+    }
+    validateConsumerQuestionnaireResbumit(body, accountId) {
+        const url = 'consumer/questionnaire/resubmit/validate' + '?account=' + accountId;
+        return this.servicemeta.httpPut(url, body);
+    }
+    consumerOrderQnrUploadStatusUpdate(uid, account, data) {
+        const url = 'consumer/orders/questionnaire/upload/status/' + uid + '?account=' + account;
+        return this.servicemeta.httpPut(url, data);
+    }
+    consumerDonationQnrUploadStatusUpdate(uid, account, data) {
+        const url = 'consumer/donation/questionnaire/upload/status/' + uid + '?account=' + account;
+        return this.servicemeta.httpPut(url, data);
+    }
+    consumerApptQnrUploadStatusUpdate(uid, account, data) {
+        const url = 'consumer/appointment/questionnaire/upload/status/' + uid + '?account=' + account;
+        return this.servicemeta.httpPut(url, data);
+    }
+    consumerWaitlistQnrUploadStatusUpdate(uid, account, data) {
+        const url = 'consumer/waitlist/questionnaire/upload/status/' + uid + '?account=' + account;
+        return this.servicemeta.httpPut(url, data);
+    }
+    videoaudioS3Upload(file, url) {
+        return this.servicemeta.httpPut(url, file);
+    }
+    resubmitConsumerWaitlistQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/waitlist/questionnaire/resubmit/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    submitConsumerWaitlistQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/waitlist/questionnaire/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    resubmitConsumerDonationQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/donation/questionnaire/resubmit/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    resubmitConsumerApptQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/appointment/questionnaire/resubmit/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    submitConsumerApptQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/appointment/questionnaire/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    resubmitConsumerOrderQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/orders/questionnaire/resubmit/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    submitConsumerOrderQuestionnaire(body, uuid, accountId) {
+        const url = 'consumer/orders/questionnaire/' + uuid + '?account=' + accountId;
+        return this.servicemeta.httpPost(url, body);
+    }
+    validateConsumerIvrQuestionnaire(body, id) {
+        const url = 'consumer/ivr/questionnaire/submit/' + id;
+        return this.servicemeta.httpPost(url, body);
+    }
+    submitDonationQuestionnaire(uuid, body, account_id) {
+        const url = 'consumer/donation/questionnaire/submit/' + uuid + '?account=' + account_id;
+        return this.servicemeta.httpPost(url, body);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionaireService, deps: [{ token: ServiceMeta }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionaireService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionaireService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ServiceMeta }] });
+
+class ShowuploadfileComponent {
+    dialogRef;
+    commonService;
+    data;
+    details = [];
+    locationImg;
+    cacheavoider = '';
+    title = 'Detailed View';
+    type;
+    theme;
+    constructor(dialogRef, commonService, data) {
+        this.dialogRef = dialogRef;
+        this.commonService = commonService;
+        this.data = data;
+        this.details = this.data.file;
+        console.log('details', this.details);
+        if (this.data.source === 'qnr') {
+            this.title = (this.details.comments) ? this.details.comments : '';
+            if (this.details.s3path) {
+                this.details.url = this.details.s3path;
+            }
+            else {
+                this.details.url = this.details.path;
+            }
+            this.type = this.details.type.split('/');
+            this.type = this.type[0];
+        }
+    }
+    ngOnInit() {
+        this.theme = this.data.theme;
+        const cnow = new Date();
+        const dd = cnow.getHours() + '' + cnow.getMinutes() + '' + cnow.getSeconds();
+        this.cacheavoider = dd;
+    }
+    showimg(imgurl) {
+        let logourl = '';
+        if (imgurl) {
+            logourl = (imgurl) ? imgurl + '?' + this.cacheavoider : '';
+        }
+        return this.commonService.showlogoicon(logourl);
+    }
+    closeDialog() {
+        this.dialogRef.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileComponent, deps: [{ token: i1$5.MatDialogRef }, { token: CommonService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ShowuploadfileComponent, selector: "app-showuploadfile", ngImport: i0, template: "<form [ngClass]=\"theme\">\r\n  <h1 class=\"mat-dialog-title\"> {{title}}\r\n    <button #locte mat-dialog-close class=\"modal_close\" tabindex=\"-1\">\r\n      <i class=\"fa fa-window-close\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </h1>\r\n  <div class=\"pad-20 image-scroll\">\r\n    <img style=\"width:100%;margin-top: -20px;\" [src]=\"details.url||details.s3path\" alt=\"\"\r\n      *ngIf=\"details.type && details.type == 'image/bmp'|| details.type =='image/png'|| details.type == 'image/gif' || details.type == 'image/jpg' ||details.type =='image/jpeg'||details.type == 'image/webp'\r\n  ||details.type == 'bmp' ||details.type == 'png' ||details.type == 'gif' ||details.type == 'jpg' ||details.type == 'jpeg' ||details.type == 'webp'\" />\r\n    <video style=\"width:100%;height: 75vh;\" controls [class.mgn-up-minus-20]=\"data.source === 'mr'\"\r\n      *ngIf=\"(data.source === 'qnr' && type === 'video') || (data.source === 'mr' && details.type && details.type == 'video/mp4' || details.type == 'video/mpeg'||details.type == 'video/quicktime')\">\r\n      <source [src]=\"details.url\" />\r\n    </video>\r\n    <audio style=\"width:100%;\" controls [class.mgn-up-minus-20]=\"data.source === 'mr'\"\r\n      *ngIf=\"(data.source === 'qnr' && type === 'audio') || (data.source === 'mr' && details.type && details.type == 'audio/ogg'|| details.type == 'audio/mpeg'|| details.type == 'audio/mp3')\">\r\n      <source [src]=\"details.url\" />\r\n    </audio>\r\n  </div>\r\n</form>", styles: [".pad-20{padding:20px!important}\n"], dependencies: [{ kind: "directive", type: i12.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-showuploadfile', template: "<form [ngClass]=\"theme\">\r\n  <h1 class=\"mat-dialog-title\"> {{title}}\r\n    <button #locte mat-dialog-close class=\"modal_close\" tabindex=\"-1\">\r\n      <i class=\"fa fa-window-close\" aria-hidden=\"true\"></i>\r\n    </button>\r\n  </h1>\r\n  <div class=\"pad-20 image-scroll\">\r\n    <img style=\"width:100%;margin-top: -20px;\" [src]=\"details.url||details.s3path\" alt=\"\"\r\n      *ngIf=\"details.type && details.type == 'image/bmp'|| details.type =='image/png'|| details.type == 'image/gif' || details.type == 'image/jpg' ||details.type =='image/jpeg'||details.type == 'image/webp'\r\n  ||details.type == 'bmp' ||details.type == 'png' ||details.type == 'gif' ||details.type == 'jpg' ||details.type == 'jpeg' ||details.type == 'webp'\" />\r\n    <video style=\"width:100%;height: 75vh;\" controls [class.mgn-up-minus-20]=\"data.source === 'mr'\"\r\n      *ngIf=\"(data.source === 'qnr' && type === 'video') || (data.source === 'mr' && details.type && details.type == 'video/mp4' || details.type == 'video/mpeg'||details.type == 'video/quicktime')\">\r\n      <source [src]=\"details.url\" />\r\n    </video>\r\n    <audio style=\"width:100%;\" controls [class.mgn-up-minus-20]=\"data.source === 'mr'\"\r\n      *ngIf=\"(data.source === 'qnr' && type === 'audio') || (data.source === 'mr' && details.type && details.type == 'audio/ogg'|| details.type == 'audio/mpeg'|| details.type == 'audio/mp3')\">\r\n      <source [src]=\"details.url\" />\r\n    </audio>\r\n  </div>\r\n</form>", styles: [".pad-20{padding:20px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$5.MatDialogRef }, { type: CommonService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+/**
+ * Class which handles date/time related functions
+ */
+class DateTimeProcessor {
+    servicemeta;
+    REGION_LANGUAGE = "en-US";
+    TIME_ZONE_REGION = "Asia/Kolkata";
+    myweekdaysSchedule = [
+        "",
+        "Sun",
+        "Mon",
+        "Tue",
+        "Wed",
+        "Thu",
+        "Fri",
+        "Sat"
+    ];
+    constructor(servicemeta) {
+        this.servicemeta = servicemeta;
+    }
+    /**
+     *
+     * @param date1
+     * @param date2
+     * @returns difference between the two dates
+     */
+    getdaysdifffromDates(date1, date2) {
+        let firstdate;
+        let seconddate;
+        if (date1 === 'now') {
+            firstdate = new Date();
+        }
+        else {
+            firstdate = new Date(date1);
+        }
+        seconddate = new Date(date2);
+        const hours = Math.abs(firstdate.getTime() - seconddate.getTime()) / 36e5; // 36e5 is the scientific notation for 60*60*1000
+        return { 'hours': hours };
+    }
+    /**
+     *
+     * @param time
+     * @returns
+     */
+    getTimeAsNumberOfMinutes(time) {
+        const timeParts = time.split(':');
+        const timeInMinutes = (parseInt(timeParts[0], 10) * 60) + parseInt(timeParts[1], 10);
+        return timeInMinutes;
+    }
+    /**
+     * convert year-month-day to day-monthname-year
+     * @param psdate
+     * @param params
+     * @returns
+     */
+    formatDate(psdate, params = []) {
+        const monthNames = {
+            '01': 'Jan',
+            '02': 'Feb',
+            '03': 'Mar',
+            '04': 'Apr',
+            '05': 'May',
+            '06': 'Jun',
+            '07': 'Jul',
+            '08': 'Aug',
+            '09': 'Sep',
+            '10': 'Oct',
+            '11': 'Nov',
+            '12': 'Dec'
+        };
+        const darr = psdate.split('-');
+        if (params['rettype'] === 'monthname') {
+            darr[1] = monthNames[darr[1]];
+            return darr[1] + ' ' + darr[2];
+        }
+        else if (params['rettype'] === 'fullarr') {
+            darr[1] = monthNames[darr[1]];
+            return darr;
+        }
+        else {
+            return darr[1] + ' ' + darr[2];
+        }
+    }
+    /**
+     *
+     * @param i
+     * @returns
+     */
+    addZero(i) {
+        if (i < 10) {
+            i = '0' + i;
+        }
+        return i;
+    }
+    /**
+     *
+     * @param time
+     * @param secreq
+     * @returns
+     */
+    convert24HourtoAmPm(time, secreq) {
+        const timesp = time.split(':');
+        let hr = parseInt(timesp[0], 10);
+        const min = parseInt(timesp[1], 10);
+        const sec = parseInt(timesp[2], 10);
+        let ampm = '';
+        let retstr = '';
+        if (hr >= 12) {
+            hr = hr - 12;
+            if (hr === 0) {
+                hr = 12;
+                ampm = 'PM';
+            }
+            else if (hr < 0) {
+                ampm = 'AM';
+            }
+            else {
+                ampm = 'PM';
+            }
+        }
+        else if (hr === 0) {
+            hr = 12;
+            ampm = 'AM';
+        }
+        else {
+            ampm = 'AM';
+        }
+        retstr = this.addZero(hr) + ':' + this.addZero(min);
+        if (secreq) {
+            retstr += ':' + sec;
+        }
+        retstr += ' ' + ampm;
+        return retstr;
+    }
+    /**
+     *
+     * @param mins
+     * @returns
+     */
+    providerConvertMinutesToHourMinute(mins) {
+        let rethr = '';
+        let retmin = '';
+        if (mins > 0) {
+            const hr = Math.floor(mins / 60);
+            const min = Math.floor(mins % 60);
+            if (hr > 0) {
+                if (hr > 1) {
+                    rethr = hr + ' Hrs';
+                }
+                else {
+                    rethr = hr + ' Hr';
+                }
+            }
+            if (min > 0) {
+                if (min > 1) {
+                    retmin = ' ' + min + ' Mins';
+                }
+                else {
+                    retmin = ' ' + min + ' Min';
+                }
+            }
+        }
+        else {
+            retmin = '' + 0 + ' Min';
+        }
+        return rethr + retmin;
+    }
+    /**
+     *
+     * @param mins
+     * @returns
+     */
+    convertMinutesToHourMinute(mins) {
+        let rethr = '';
+        let retmin = '';
+        if (mins > 0) {
+            const hr = Math.floor(mins / 60);
+            const min = Math.floor(mins % 60);
+            if (hr > 0) {
+                if (hr > 1) {
+                    rethr = hr + ' hours';
+                }
+                else {
+                    rethr = hr + ' hour';
+                }
+            }
+            if (min > 0) {
+                if (min > 1) {
+                    retmin = ' ' + min + ' minutes';
+                }
+                else {
+                    retmin = ' ' + min + ' minute';
+                }
+            }
+        }
+        else {
+            retmin = '' + 0 + ' minutes';
+        }
+        return rethr + retmin;
+    }
+    /**
+     *
+     * @param mins
+     * @returns
+     */
+    convertMinutesToHourMinuteForCheckin(mins) {
+        let rethr = '';
+        let retmin = '';
+        if (mins > 0) {
+            const hr = Math.floor(mins / 60);
+            const min = Math.floor(mins % 60);
+            if (hr > 0) {
+                if (hr > 1) {
+                    rethr = hr + 'Hrs';
+                }
+                else {
+                    rethr = hr + 'Hr';
+                }
+            }
+            if (min > 0) {
+                if (min > 1) {
+                    retmin = ' ' + min + 'Mins';
+                }
+                else {
+                    retmin = ' ' + min + 'Min';
+                }
+            }
+        }
+        else {
+            retmin = '' + 0 + 'Min';
+        }
+        return rethr + retmin;
+    }
+    /**
+     *
+     * @param time
+     * @returns
+     */
+    getDateFromTimeString(time) {
+        const startTime = new Date();
+        const parts = time.match(/(\d+):(\d+) (AM|PM)/);
+        if (parts) {
+            let hours = parseInt(parts[1], 0);
+            const minutes = parseInt(parts[2], 0);
+            const tt = parts[3];
+            if (tt === 'PM' && hours < 12) {
+                hours += 12;
+            }
+            startTime.setHours(hours, minutes, 0, 0);
+        }
+        return startTime;
+    }
+    /**
+     *
+     * @param dt
+     * @param mod
+     * @returns
+     */
+    stringtoDate(dt, mod) {
+        let dtsarr;
+        if (dt) {
+            dtsarr = dt.split(' ');
+            const dtarr = dtsarr[0].split('-');
+            let retval = '';
+            if (mod === 'all') {
+                retval = dtarr[2] + '/' + dtarr[1] + '/' + dtarr[0] + ' ' + dtsarr[1] + ' ' + dtsarr[2];
+            }
+            else if (mod === 'date') {
+                retval = dtarr[2] + '/' + dtarr[1] + '/' + dtarr[0];
+            }
+            else if (mod === 'time') {
+                retval = dtsarr[1] + ' ' + dtsarr[2];
+            }
+            return retval;
+        }
+        else {
+            return '';
+        }
+    }
+    /**
+     *
+     * @param date
+     * @returns
+     */
+    transformToYMDFormat(date) {
+        console.log("In transformToYMDFormat:", date);
+        const server = date.toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+        const serverdate = moment(server).format();
+        const newdate = new Date(serverdate);
+        const dd = newdate.getDate();
+        const mm = newdate.getMonth() + 1;
+        const y = newdate.getFullYear();
+        const date1 = y + '-' + mm + '-' + dd;
+        return date1;
+    }
+    /**
+     *
+     * @param dateStr
+     * @returns
+     */
+    formatDateDisplay(dateStr) {
+        const pubDate = new Date(dateStr);
+        const obtshowdate = this.addZero(pubDate.getDate()) + '/' + this.addZero((pubDate.getMonth() + 1)) + '/' + pubDate.getFullYear();
+        return obtshowdate;
+    }
+    /**
+     *
+     * @returns
+     */
+    getMoment() {
+        return moment;
+    }
+    /**
+     *
+     * @param num
+     * @returns
+     */
+    getDay(num) {
+        return this.myweekdaysSchedule[num];
+    }
+    /**
+     * Convert Date to String in YYYYMMDD format
+     * @param inputDate input date
+     * @returns string
+     */
+    getStringFromDate_YYYYMMDD(inputDate) {
+        const today = new Date(inputDate);
+        const dd = today.getDate();
+        const mm = today.getMonth() + 1; // January is 0!
+        const yyyy = today.getFullYear();
+        let cday = '';
+        if (dd < 10) {
+            cday = '0' + dd;
+        }
+        else {
+            cday = '' + dd;
+        }
+        let cmon;
+        if (mm < 10) {
+            cmon = '0' + mm;
+        }
+        else {
+            cmon = '' + mm;
+        }
+        const dateString = yyyy + '-' + cmon + '-' + cday;
+        return dateString;
+    }
+    getLocaleDateFromServer(serverDate) {
+        return new Date(serverDate.split(' ')[0]).toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+    }
+    getToday(serverDate) {
+        let today;
+        today = new Date(serverDate.split(' ')[0]).toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+        today = new Date(today);
+        const dd = today.getDate();
+        const mm = today.getMonth() + 1; // January is 0!
+        const yyyy = today.getFullYear();
+        let cday = '';
+        if (dd < 10) {
+            cday = '0' + dd;
+        }
+        else {
+            cday = '' + dd;
+        }
+        let cmon;
+        if (mm < 10) {
+            cmon = '0' + mm;
+        }
+        else {
+            cmon = '' + mm;
+        }
+        const dtoday = yyyy + '-' + cmon + '-' + cday;
+        return dtoday;
+    }
+    isFutureDate(serverDate, appmtDate) {
+        let today;
+        today = this.getToday(serverDate);
+        const dt0 = today.toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+        const dt2 = moment(dt0, 'YYYY-MM-DD HH:mm').format();
+        const date2 = new Date(dt2);
+        const dte0 = appmtDate.toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+        const dte2 = moment(dte0, 'YYYY-MM-DD HH:mm').format();
+        const datee2 = new Date(dte2);
+        if (datee2.getTime() !== date2.getTime()) { // this is to decide whether future date selection is to be displayed. This is displayed if the sel_checkindate is a future date
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getMomentDate(pdate) {
+        return moment(pdate, 'YYYY-MM-DD HH:mm').format();
+    }
+    /**
+   *
+   * @param date
+   * @returns
+   */
+    transformToMMDDYYYY_(date) {
+        const server = date.toLocaleString(this.REGION_LANGUAGE, { timeZone: this.TIME_ZONE_REGION });
+        const serverdate = moment(server).format();
+        const newdate = new Date(serverdate);
+        const dd = newdate.getDate();
+        const mm = newdate.getMonth() + 1;
+        const y = newdate.getFullYear();
+        const date1 = mm + '/' + dd + '/' + y;
+        return date1;
+    }
+    getCurrentUTCdatetimestring() {
+        const curdate = new Date();
+        const cdate = new Date(Date.UTC(curdate.getUTCFullYear(), curdate.getUTCMonth(), curdate.getUTCDate(), curdate.getUTCHours(), curdate.getUTCMinutes(), curdate.getUTCSeconds(), curdate.getUTCMilliseconds()));
+        return cdate.toISOString();
+    }
+    getSystemDate() {
+        return this.servicemeta.httpGet('provider/server/date');
+    }
+    AMHourto24(date, time12) {
+        const time = time12;
+        let hours = Number(time.match(/^(\d+)/)[1]);
+        const minutes = Number(time.match(/:(\d+)/)[1]);
+        const AMPM = time.match(/\s(.*)$/)[1];
+        if (AMPM === 'PM' && hours < 12) {
+            hours = hours + 12;
+        }
+        if (AMPM === 'AM' && hours === 12) {
+            hours = hours - 12;
+        }
+        const sHours = hours;
+        const sMinutes = minutes;
+        const mom_date = moment(date);
+        mom_date.set('hour', sHours);
+        mom_date.set('minute', sMinutes);
+        return mom_date;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DateTimeProcessor, deps: [{ token: ServiceMeta }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DateTimeProcessor, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DateTimeProcessor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ServiceMeta }] });
+
+class QuestionnaireComponent {
+    activated_route;
+    wordProcessor;
+    lStorageService;
+    dateProcessor;
+    dialog;
+    fileService;
+    commonService;
+    questionaireService;
+    errorService;
+    toastService;
+    modalGalleryService;
+    location;
+    questionnaireList;
+    source;
+    accountId;
+    questionAnswers;
+    customerDetails;
+    uuid;
+    type;
+    waitlistStatus;
+    orderStatus;
+    donationDetails;
+    service;
+    mode; // Added by mani to check the file upload
+    fileChanged = new EventEmitter();
+    returnAnswers = new EventEmitter();
+    tempType;
+    bookingType;
+    answers = {};
+    showDataGrid = {};
+    selectedMessage = [];
+    apiError = [];
+    params;
+    fileuploadpreAnswers = {};
+    loading = false;
+    buttonDisable = false;
+    questions = [];
+    selectedDocs = [];
+    documentsToUpload = [];
+    subscription;
+    uploadFilesTemp = [];
+    filestoUpload = [];
+    changeHappened = false;
+    uploadedFiles = [];
+    uploadedImages = [];
+    bookingDetails = [];
+    file2;
+    customButtonsFontAwesomeConfig = {
+        visible: true,
+        strategy: ButtonsStrategy.CUSTOM,
+        buttons: [
+            {
+                className: 'fa fa-download',
+                type: ButtonType.DOWNLOAD,
+                ariaLabel: 'custom close aria label',
+                title: 'Download',
+                fontSize: '20px'
+            },
+            {
+                className: 'inside close-image',
+                type: ButtonType.CLOSE,
+                ariaLabel: 'custom close aria label',
+                title: 'Close',
+                fontSize: '20px'
+            }
+        ]
+    };
+    image_list_popup;
+    questionnaire_heading = '';
+    customer_label = '';
+    editQuestionnaire = false;
+    audioVideoFiles = [];
+    groupedQnr = [];
+    dataGridColumns = {};
+    dataGridColumnsAnswerList = [];
+    updatedGridIndex = {};
+    newTimeDateFormat = '';
+    qnrStatus = '';
+    comments = {};
+    tday = new Date();
+    minday = new Date(1900, 0, 1);
+    dataGridListColumns = {};
+    showqnr;
+    item;
+    showItem = false;
+    totalPrice;
+    itemLength;
+    itemArray = [];
+    dataGridList = [];
+    id = 0;
+    post_Data;
+    dgList;
+    sequenceId;
+    finalObjectList = [];
+    showservice = false;
+    quesStore;
+    allList = '';
+    popSearches;
+    serviceTotalPrice = 0;
+    editableItem;
+    constructor(activated_route, wordProcessor, lStorageService, dateProcessor, dialog, fileService, commonService, questionaireService, errorService, toastService, modalGalleryService, location) {
+        this.activated_route = activated_route;
+        this.wordProcessor = wordProcessor;
+        this.lStorageService = lStorageService;
+        this.dateProcessor = dateProcessor;
+        this.dialog = dialog;
+        this.fileService = fileService;
+        this.commonService = commonService;
+        this.questionaireService = questionaireService;
+        this.errorService = errorService;
+        this.toastService = toastService;
+        this.modalGalleryService = modalGalleryService;
+        this.location = location;
+        this.activated_route.queryParams.subscribe(qparams => {
+            this.params = qparams;
+            if (this.params.type) {
+                this.source = this.params.type;
+                console.log(this.source);
+            }
+            if (this.params.providerId) {
+                this.accountId = this.params.providerId;
+            }
+            if (this.params.uuid) {
+                this.uuid = this.params.uuid;
+            }
+        });
+        this.subscription = this.questionaireService.getMessage().subscribe(message => {
+            switch (message.type) {
+                case 'qnrValidateError':
+                    this.setValidateError(message.value);
+                    break;
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    ngOnChanges() {
+        if (this.questionAnswers && this.questionAnswers.filestoUpload && this.source === 'proLead') {
+            this.filestoUpload = this.questionAnswers.filestoUpload;
+        }
+    }
+    ngOnInit() {
+        console.log("Service Details:", this.questionnaireList);
+        console.log("Service Details:", this.service);
+        if (this.lStorageService.getitemfromLocalStorage('itemArray')) {
+            this.itemArray = this.lStorageService.getitemfromLocalStorage('itemArray');
+            if (this.itemArray) {
+                this.showItem = true;
+                console.log("this.itemArray", this.itemArray);
+            }
+        }
+        this.customer_label = this.wordProcessor.getTerminologyTerm('customer');
+        if (this.questionnaireList) {
+            console.log(this.source);
+            if (this.source === 'customer-create' || this.source === 'onetime') {
+                if (this.questionnaireList.labels && this.questionnaireList.labels.length > 0) {
+                    this.questions = this.questionnaireList.labels[0].questions;
+                    this.groupQuestionsBySection();
+                    // this.getAnswers(this.questions, 'get');
+                }
+                if (this.customerDetails && this.customerDetails[0] && this.customerDetails[0].questionnaire && this.customerDetails[0].questionnaire.questionAnswers) {
+                    this.getAnswers(this.customerDetails[0].questionnaire.questionAnswers, 'get');
+                }
+            }
+            else if (this.source === 'qnrDetails') {
+                this.questions = this.questionnaireList.questions;
+                this.groupQuestionsBySection();
+            }
+            else if (this.source === 'serviceOptionAppt') {
+                this.showservice = true;
+                this.questions = this.questionnaireList.labels;
+                this.groupQuestionsBySection();
+            }
+            else if (this.source === 'qnrpaper') {
+                this.questions = this.questionnaireList[0].labels;
+                this.groupQuestionsBySection();
+            }
+            else if (!this.uuid && this.questionnaireList.labels) {
+                this.questions = this.questionnaireList.labels;
+                this.groupQuestionsBySection();
+            }
+            else if (this.source === 'qnrView' && this.questionnaireList.labels) {
+                this.questions = this.questionnaireList.labels;
+                this.groupQuestionsBySection();
+            }
+            else if (this.source === 'condumerOrder' && this.questionnaireList.labels) {
+                this.questions = this.questionnaireList.labels;
+                this.groupQuestionsBySection();
+            }
+            else if (this.source === 'ivr' && this.questionnaireList && this.questionnaireList[0].labels) {
+                this.questions = this.questionnaireList[0].labels;
+                console.log("Questions:", this.questions);
+                this.groupQuestionsBySection();
+            }
+        }
+        if (this.source === 'customer-details' && this.customerDetails[0] && this.customerDetails[0].questionnaire) {
+            this.questionnaireList = this.customerDetails[0].questionnaire;
+            this.questions = this.customerDetails[0].questionnaire.questionAnswers;
+            this.groupQuestionsBySection();
+            this.getAnswers(this.questions, 'get');
+        }
+        if (this.questionAnswers) {
+            if (this.questionAnswers.files) {
+                this.selectedMessage = this.questionAnswers.files;
+            }
+            if (this.questionAnswers.audioVideo) {
+                this.audioVideoFiles = this.questionAnswers.audioVideo;
+            }
+            if (this.questionAnswers.filestoUpload) {
+                this.filestoUpload = this.questionAnswers.filestoUpload;
+            }
+            if (this.questionAnswers.dataGridColumnsAnswerList) {
+                this.dataGridColumnsAnswerList = this.questionAnswers.dataGridColumnsAnswerList;
+            }
+            if (this.questionAnswers.comments) {
+                this.comments = this.questionAnswers.comments;
+            }
+            if (this.questionAnswers.answers) {
+                this.getAnswers(this.questionAnswers.answers.answerLine, 'init');
+            }
+            if (this.source == 'ivr') {
+                this.getAnswers(this.questionAnswers, 'get');
+            }
+        }
+        if (this.donationDetails && this.donationDetails.questionnaire) {
+            this.questionnaireList = this.donationDetails.questionnaire;
+            this.questions = this.questionnaireList.questionAnswers;
+            this.groupQuestionsBySection();
+            if (this.questions && this.questions.length > 0) {
+                this.getAnswers(this.questions, 'get');
+            }
+        }
+        if (this.uuid) {
+            if (this.questionnaireList.questionAnswers) {
+                this.questions = this.questionnaireList.questionAnswers;
+                this.qnrStatus = 'submitted';
+                this.groupQuestionsBySection();
+            }
+            else if (this.questionnaireList.labels) {
+                this.questions = this.questionnaireList.labels;
+                this.qnrStatus = 'released';
+                this.groupQuestionsBySection();
+            }
+            else if (this.questionnaireList[0] && this.questionnaireList[0].labels) {
+                this.questions = this.questionnaireList[0].labels;
+                this.qnrStatus = 'released';
+                this.groupQuestionsBySection();
+            }
+            if (this.questions && this.questions.length > 0) {
+                this.getAnswers(this.questions, 'get');
+            }
+        }
+        this.disableField();
+    }
+    //disable field
+    disableField() {
+        if (this.tempType && (this.tempType === 'Loan Sanction' || this.tempType === 'Rejected')) {
+            this.buttonDisable = true;
+            // this.disableInput();
+        }
+    }
+    // *.component.ts
+    asIsOrder(a, b) {
+        return 1;
+    }
+    groupQuestionsBySection() {
+        if (this.source === 'customer-create' || this.source === 'qnrDetails' || this.source === 'onetime') {
+            this.groupedQnr = this.commonService.groupBy(this.questions, 'sectionName');
+        }
+        else if (this.source === 'proLead') {
+            this.groupedQnr = this.questions.reduce(function (rv, x) {
+                (rv[x.question['sequnceId']] = rv[x.question['sequnceId']] || []).push(x);
+                return rv;
+            }, {});
+        }
+        else {
+            this.groupedQnr = this.questions.reduce(function (rv, x) {
+                (rv[x.question['sectionOrder']] = rv[x.question['sectionOrder']] || []).push(x);
+                return rv;
+            }, {});
+        }
+    }
+    setValidateError(errors) {
+        this.apiError = [];
+        if (errors.length > 0) {
+            for (let error of errors) {
+                this.apiError[error.questionField] = [];
+                this.apiError[error.questionField].push(error.error);
+            }
+            this.buttonDisable = false;
+        }
+    }
+    getAnswers(answerData, type) {
+        this.answers = new Object();
+        this.dataGridColumns = {};
+        if (type === 'get') {
+            this.selectedMessage = [];
+            this.uploadedImages = [];
+            this.uploadedFiles = [];
+            for (let answ of answerData) {
+                if (answ.answerLine) {
+                    if (answ.question.fieldDataType === 'fileUpload') {
+                        if (this.source === 'proLead') {
+                            if (answ.answerLine.answer[answ.question.fieldDataType] && answ.answerLine.answer[answ.question.fieldDataType].length > 0) {
+                                for (let i = 0; i < answ.answerLine.answer[answ.question.fieldDataType].length; i++) {
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].action = 'add';
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].status = 'COMPLETE';
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].s3path = answ.answerLine.answer[answ.question.fieldDataType][i].s3path;
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].uid = answ.answerLine.answer[answ.question.fieldDataType][i].uid;
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].driveId = answ.answerLine.answer[answ.question.fieldDataType][i].driveId;
+                                    answ.answerLine.answer[answ.question.fieldDataType][i].url = answ.answerLine.answer[answ.question.fieldDataType][i].keyName;
+                                }
+                                this.answers[answ.answerLine.labelName] = answ.answerLine.answer[answ.question.fieldDataType];
+                            }
+                        }
+                        if (answ.answerLine.answer && answ.answerLine.answer[answ.question.fieldDataType] && answ.answerLine.answer[answ.question.fieldDataType].length > 0) {
+                            for (let i = 0; i < answ.answerLine.answer[answ.question.fieldDataType].length; i++) {
+                                if (type === 'get') {
+                                    this.uploadedImages.push(answ.answerLine.answer[answ.question.fieldDataType][i]);
+                                    if (!this.uploadedFiles[answ.answerLine.labelName]) {
+                                        this.uploadedFiles[answ.answerLine.labelName] = {};
+                                    }
+                                    if (!this.uploadedFiles[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption]) {
+                                        this.uploadedFiles[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption] = {};
+                                    }
+                                    this.comments[answ.answerLine.labelName + '=' + answ.answerLine.answer[answ.question.fieldDataType][i].caption] = answ.answerLine.answer[answ.question.fieldDataType][i].comments;
+                                    this.uploadedFiles[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption] = answ.answerLine.answer[answ.question.fieldDataType][i];
+                                }
+                                else {
+                                    this.selectedMessage.push(answ.answerLine.answer[answ.question.fieldDataType][i]);
+                                    if (!this.filestoUpload[answ.answerLine.labelName]) {
+                                        this.filestoUpload[answ.answerLine.labelName] = {};
+                                    }
+                                    if (!this.filestoUpload[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption]) {
+                                        this.filestoUpload[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption] = {};
+                                    }
+                                    this.filestoUpload[answ.answerLine.labelName][answ.answerLine.answer[answ.question.fieldDataType][i].caption] = answ.answerLine.answer[answ.question.fieldDataType][i];
+                                }
+                            }
+                        }
+                    }
+                    else if (answ.question.fieldDataType === 'dataGrid') {
+                        for (let row of answ.answerLine.answer[answ.question.fieldDataType]) {
+                            let columns = [];
+                            for (let i = 0; i < row.dataGridColumn.length; i++) {
+                                columns[i + 1] = row.dataGridColumn[i].column[Object.keys(row.dataGridColumn[i].column)[0]];
+                            }
+                            if (!this.dataGridColumnsAnswerList[answ.answerLine.labelName]) {
+                                this.dataGridColumnsAnswerList[answ.answerLine.labelName] = [];
+                            }
+                            this.dataGridColumnsAnswerList[answ.answerLine.labelName].push(columns);
+                        }
+                    }
+                    else {
+                        this.answers[answ.answerLine.labelName] = answ.answerLine.answer[answ.question.fieldDataType];
+                    }
+                }
+            }
+        }
+        else {
+            for (let answ of answerData) {
+                if (answ.answer[Object.keys(answ.answer)[0]]) {
+                    this.answers[answ.labelName] = answ.answer[Object.keys(answ.answer)[0]];
+                }
+            }
+        }
+        if (type === 'get') {
+            Object.keys(this.uploadedFiles).forEach(key => {
+                this.uploadFilesTemp[key] = [];
+                Object.keys(this.uploadedFiles[key]).forEach(key1 => {
+                    if (this.uploadedFiles[key][key1]) {
+                        if (!this.uploadFilesTemp[key]) {
+                            this.uploadFilesTemp[key] = [];
+                        }
+                        const type = this.uploadedFiles[key][key1].type.split('/');
+                        if (type[0] !== 'audio' && type[0] !== 'video' || ((type[0] === 'audio' || type[0] === 'video') && this.uploadedFiles[key][key1].status === 'COMPLETE')) {
+                            this.uploadFilesTemp[key].push(key1);
+                        }
+                    }
+                });
+            });
+        }
+        else {
+            Object.keys(this.filestoUpload).forEach(key => {
+                Object.keys(this.filestoUpload[key]).forEach(key1 => {
+                    if (this.filestoUpload[key][key1]) {
+                        if (!this.uploadFilesTemp[key]) {
+                            this.uploadFilesTemp[key] = [];
+                        }
+                        this.uploadFilesTemp[key].push(key1);
+                    }
+                });
+            });
+        }
+        this.onSubmit('init');
+    }
+    filesSelected(event, question, document) {
+        const input = event.target.files;
+        if (input) {
+            for (const file of input) {
+                const fileInput = {
+                    caption: document,
+                    file: file,
+                    labelName: question.labelName
+                };
+                this.fileChanged.emit(fileInput);
+                let type = file.type.split('/');
+                this.apiError[question.labelName] = [];
+                if (!this.filestoUpload[question.labelName]) {
+                    this.filestoUpload[question.labelName] = {};
+                }
+                if (!this.filestoUpload[question.labelName][document]) {
+                    this.filestoUpload[question.labelName][document] = {};
+                }
+                if (this.filestoUpload[question.labelName] && this.filestoUpload[question.labelName][document]) {
+                    let index;
+                    if (type[0] === 'application' || type[0] === 'image') {
+                        index = this.selectedMessage.indexOf(this.filestoUpload[question.labelName][document]);
+                    }
+                    else {
+                        index = this.audioVideoFiles.indexOf(this.filestoUpload[question.labelName][document]);
+                    }
+                    if (index !== -1) {
+                        if (type[0] === 'application' || type[0] === 'image') {
+                            this.selectedMessage.splice(index, 1);
+                        }
+                        else {
+                            this.audioVideoFiles.splice(index, 1);
+                        }
+                        delete this.filestoUpload[question.labelName][document];
+                        delete this.answers[question.labelName][index];
+                    }
+                }
+                this.filestoUpload[question.labelName][document] = file;
+                if (type[0] === 'application' || type[0] === 'image') {
+                    this.selectedMessage.push(file);
+                    const indx = this.selectedMessage.indexOf(file);
+                    if (indx !== -1) {
+                        const reader = new FileReader();
+                        reader.onload = (e) => {
+                            this.selectedMessage[indx]['path'] = e.target['result'];
+                        };
+                        reader.readAsDataURL(file);
+                    }
+                }
+                else {
+                    this.audioVideoFiles.push(file);
+                    const indx = this.audioVideoFiles.indexOf(file);
+                    if (indx !== -1) {
+                        const reader = new FileReader();
+                        reader.onload = (e) => {
+                            this.audioVideoFiles[indx]['path'] = e.target['result'];
+                        };
+                        reader.readAsDataURL(file);
+                    }
+                }
+            }
+            if (this.file2 && this.file2.nativeElement.value) {
+                this.file2.nativeElement.value = '';
+            }
+            this.onSubmit('inputChange');
+        }
+    }
+    changeImageSelected(question, document) {
+        if (this.filestoUpload[question.labelName] && this.filestoUpload[question.labelName][document]) {
+            let type = this.filestoUpload[question.labelName][document].type.split('/');
+            type = type[0];
+            let index;
+            if (type === 'application' || type === 'image') {
+                index = this.selectedMessage.indexOf(this.filestoUpload[question.labelName][document]);
+            }
+            else {
+                index = this.audioVideoFiles.indexOf(this.filestoUpload[question.labelName][document]);
+            }
+            if (index !== -1) {
+                if (type === 'application' || type === 'image') {
+                    this.selectedMessage.splice(index, 1);
+                }
+                else {
+                    this.audioVideoFiles.splice(index, 1);
+                }
+                delete this.filestoUpload[question.labelName][document];
+                this.comments[question.labelName + '=' + document] = '';
+                if (this.answers[question.labelName] && this.answers[question.labelName].length > 0) {
+                    const filteredAnswer = this.answers[question.labelName].filter((answer) => answer.caption === document);
+                    if (filteredAnswer[0]) {
+                        const index = this.answers[question.labelName].indexOf(filteredAnswer[0]);
+                        if (index !== -1) {
+                            this.answers[question.labelName].splice(index, 1);
+                        }
+                    }
+                }
+            }
+            if (Object.keys(this.filestoUpload[question.labelName]).length === 0) {
+                delete this.filestoUpload[question.labelName];
+            }
+            if (this.answers[question.labelName] && this.answers[question.labelName].length === 0) {
+                delete this.answers[question.labelName];
+            }
+        }
+        else if (this.uploadedFiles[question.labelName] && this.uploadedFiles[question.labelName][document]) {
+            const index = this.uploadedImages.indexOf(this.uploadedFiles[question.labelName][document]);
+            if (index !== -1) {
+                this.uploadedFiles[question.labelName][document] = 'remove';
+                this.comments[question.labelName + '=' + document] = '';
+            }
+        }
+        this.onSubmit('inputChange');
+    }
+    isNumeric(evt) {
+        return this.commonService.isNumeric(evt);
+    }
+    onSubmit(keytype) {
+        Object.keys(this.filestoUpload).forEach(key => {
+            if (!this.answers[key]) {
+                this.answers[key] = [];
+            }
+            if (Object.keys(this.filestoUpload[key]).length > 0) {
+                Object.keys(this.filestoUpload[key]).forEach(key1 => {
+                    if (this.filestoUpload[key][key1]) {
+                        let type = this.filestoUpload[key][key1].type.split('/');
+                        type = type[0];
+                        let indx;
+                        if (type === 'application' || type === 'image') {
+                            indx = this.selectedMessage.indexOf(this.filestoUpload[key][key1]);
+                        }
+                        else {
+                            indx = this.audioVideoFiles.indexOf(this.filestoUpload[key][key1]);
+                        }
+                        if (indx !== -1) {
+                            let status = 'add';
+                            if (this.uploadedFiles[key] && this.uploadedFiles[key][key1]) {
+                                status = 'update';
+                            }
+                            if (this.answers[key] && this.answers[key].length > 0) {
+                                const filteredAnswer = this.answers[key].filter((answer) => answer.caption === key1);
+                                if (filteredAnswer[0]) {
+                                    const index = this.answers[key].indexOf(filteredAnswer[0]);
+                                    if (index !== -1) {
+                                        this.answers[key].splice(index, 1);
+                                    }
+                                }
+                            }
+                            let type = this.filestoUpload[key][key1].type.split('/');
+                            type = type[0];
+                            if (type === 'application' || type === 'image') {
+                                this.answers[key].push({ caption: key1, action: status, mimeType: this.filestoUpload[key][key1].type, url: this.filestoUpload[key][key1].name, size: this.filestoUpload[key][key1].size, comments: this.comments[key + '=' + key1], driveId: this.filestoUpload[key][key1].driveId, uid: this.filestoUpload[key][key1].uid, status: 'COMPLETE' });
+                            }
+                            else {
+                                this.answers[key].push({ caption: key1, action: status, mimeType: this.filestoUpload[key][key1].type, url: this.filestoUpload[key][key1].name, size: this.filestoUpload[key][key1].size, comments: this.comments[key + '=' + key1], driveId: this.filestoUpload[key][key1].driveId, uid: this.filestoUpload[key][key1].uid, status: 'COMPLETE' });
+                            }
+                        }
+                    }
+                    else {
+                        if (this.answers[key] && this.answers[key].length > 0) {
+                            const filteredAnswer = this.answers[key].filter((answer) => answer.caption === key1);
+                            if (filteredAnswer[0]) {
+                                const index = this.answers[key].indexOf(filteredAnswer[0]);
+                                if (index !== -1) {
+                                    this.answers[key].splice(index, 1);
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+            else {
+                delete this.answers[key];
+            }
+            if (this.answers[key] && this.answers[key].length === 0) {
+                delete this.answers[key];
+            }
+        });
+        Object.keys(this.uploadedFiles).forEach(key => {
+            if (!this.answers[key]) {
+                this.answers[key] = [];
+            }
+            if (this.uploadedFiles[key] && Object.keys(this.uploadedFiles[key]).length > 0) {
+                Object.keys(this.uploadedFiles[key]).forEach(key1 => {
+                    if ((!this.filestoUpload[key] || (this.filestoUpload[key] && !this.filestoUpload[key][key1])) && this.uploadedFiles[key][key1] && this.uploadedFiles[key][key1] === 'remove') {
+                        if (this.answers[key] && this.answers[key].length > 0) {
+                            const filteredAnswer = this.answers[key].filter((answer) => answer.caption === key1);
+                            if (filteredAnswer[0]) {
+                                const index = this.answers[key].indexOf(filteredAnswer[0]);
+                                if (index !== -1) {
+                                    this.answers[key].splice(index, 1);
+                                }
+                            }
+                        }
+                        this.answers[key].push({ caption: key1, action: 'remove' });
+                    }
+                });
+                if (this.answers[key].length === 0) {
+                    delete this.answers[key];
+                }
+            }
+        });
+        let data = [];
+        Object.keys(this.dataGridColumnsAnswerList).forEach(key => {
+            let newFiled = {};
+            let question = this.questions.filter((quest) => this.getQuestion(quest).labelName === key);
+            question = question[0].question;
+            for (let gridAnswer of this.dataGridColumnsAnswerList[key]) {
+                let columnData = [];
+                Object.keys(gridAnswer).forEach(key1 => {
+                    let newType = {};
+                    const columnDetails = question.dataGridProperties.dataGridColumns.filter((clmn) => clmn.order === JSON.parse(key1));
+                    if (columnDetails[0]) {
+                        const columnType = columnDetails[0].dataType;
+                        newType[columnType] = gridAnswer[key1];
+                        columnData.push({
+                            columnId: columnDetails[0].columnId,
+                            column: newType
+                        });
+                    }
+                });
+                let newMap = {};
+                newMap['dataGridColumn'] = columnData;
+                if (!newFiled[question.fieldDataType]) {
+                    newFiled[question.fieldDataType] = [];
+                }
+                newFiled[question.fieldDataType].push(newMap);
+            }
+            data.push({
+                'labelName': key,
+                'answer': newFiled
+            });
+        });
+        Object.keys(this.answers).forEach(key => {
+            this.apiError[key] = [];
+            let newMap = {};
+            let question = this.questions.filter((quest) => this.getQuestion(quest).labelName === key);
+            if (this.source === 'customer-create' || this.source === 'qnrDetails' || this.source === 'onetime') {
+                question = question[0];
+            }
+            else {
+                question = question[0].question;
+            }
+            if (this.answers[key] || question.fieldDataType === 'bool') {
+                let answer = this.answers[key];
+                if (question.fieldDataType === 'date') {
+                    answer = this.dateProcessor.transformToYMDFormat(answer);
+                }
+                newMap[question.fieldDataType] = answer;
+                data.push({
+                    'labelName': key,
+                    'answer': newMap
+                });
+            }
+            else {
+                // newMap = '';
+                // data.push({
+                // 'labelName': key,
+                // });
+            }
+        });
+        let postData;
+        if (this.source === 'qnrpaper') {
+            postData = {
+                'questionnaireId': (this.questionnaireList[0].id) ? this.questionnaireList[0].id : this.questionnaireList[0].questionnaireId,
+                'answerLine': data
+            };
+        }
+        else if (keytype === 'serviceOption') {
+            postData = {
+                'questionnaireId': (this.questionnaireList.id) ? this.questionnaireList.id : this.questionnaireList[0].questionnaireId,
+                'answerLine': this.finalObjectList
+            };
+        }
+        else if (this.source === 'ivr' && this.params.customId) {
+            console.log('fffffffffffffffffffff', this.questionnaireList);
+            postData = {
+                'questionnaireId': (this.questionnaireList[0].id) ? this.questionnaireList[0].id : this.questionnaireList[0].questionnaireId,
+                'answerLine': data
+            };
+        }
+        else {
+            console.log('questionnaireList', this.questionnaireList);
+            postData = {
+                'questionnaireId': (this.questionnaireList.id) ? this.questionnaireList.id : this.questionnaireList.questionnaireId,
+                'answerLine': data
+            };
+        }
+        const passData = { 'answers': postData, 'files': this.selectedMessage, 'audioVideo': this.audioVideoFiles, 'filestoUpload': this.filestoUpload, 'dataGridColumnsAnswerList': this.dataGridColumnsAnswerList, 'comments': this.comments };
+        if (keytype === 'inputChange') {
+            this.changeHappened = true;
+        }
+        if (keytype === 'submit') {
+            if (this.changeHappened) {
+                this.submitQuestionnaire(passData);
+            }
+            else {
+                if (!this.type) {
+                    this.location.back();
+                }
+                else {
+                    if (this.type === 'qnr-link') {
+                        this.returnAnswers.emit('nochange');
+                    }
+                    else {
+                        this.editQnr();
+                    }
+                }
+            }
+        }
+        else {
+            this.returnAnswers.emit(passData);
+        }
+    }
+    getDate(date) {
+        return new Date(date);
+    }
+    listChange(ev, value, question, column) {
+        if (question.fieldDataType !== 'dataGrid') {
+            if (ev.target.checked) {
+                if (!this.answers[question.labelName]) {
+                    this.answers[question.labelName] = [];
+                }
+                if (question.listPropertie && question.listPropertie.maxAnswers && question.listPropertie.maxAnswers > 1) {
+                    this.answers[question.labelName].push(value);
+                }
+                else {
+                    this.answers[question.labelName][0] = value;
+                }
+            }
+            else {
+                const indx = this.answers[question.labelName].indexOf(value);
+                this.answers[question.labelName].splice(indx, 1);
+            }
+            if (this.answers[question.labelName].length === 0) {
+                this.answers[question.labelName] = '';
+            }
+        }
+        else {
+            if (ev.target.checked) {
+                if (!this.dataGridColumns[question.labelName + '=' + column.order]) {
+                    this.dataGridColumns[question.labelName + '=' + column.order] = [];
+                }
+                this.dataGridColumns[question.labelName + '=' + column.order].push(value);
+            }
+            else {
+                const indx = this.dataGridColumns[question.labelName + '=' + column.order].indexOf(value);
+                this.dataGridColumns[question.labelName + '=' + column.order].splice(indx, 1);
+            }
+        }
+        this.onSubmit('inputChange');
+    }
+    isChecked(value, question, column) {
+        if (question.fieldDataType !== 'dataGrid') {
+            if (this.answers[question.labelName]) {
+                const indx = this.answers[question.labelName].indexOf(value);
+                if (indx !== -1) {
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            if (this.dataGridColumns[question.labelName + '=' + column.order]) {
+                const indx = this.dataGridColumns[question.labelName + '=' + column.order].indexOf(value);
+                if (indx !== -1) {
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            }
+            else {
+                return false;
+            }
+        }
+    }
+    booleanChange(ev, value, question, column) {
+        if (question.fieldDataType !== 'dataGrid') {
+            if (ev.target.checked) {
+                if (!this.answers[question.labelName]) {
+                    this.answers[question.labelName] = {};
+                }
+                this.answers[question.labelName] = (value.toLowerCase() === 'yes') ? true : false;
+            }
+        }
+        else {
+            if (ev.target.checked) {
+                this.dataGridColumns[question.labelName + '=' + column.order] = (value === 'yes') ? true : false;
+            }
+        }
+        this.onSubmit('inputChange');
+    }
+    isBooleanChecked(value, question, column) {
+        value = (value.toLowerCase() === 'yes') ? true : false;
+        if (question.fieldDataType !== 'dataGrid') {
+            if (this.answers[question.labelName] !== '' && typeof this.answers[question.labelName] === 'string') {
+                this.answers[question.labelName] = JSON.parse(this.answers[question.labelName]);
+            }
+            if (this.answers[question.labelName] === value) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            if (this.dataGridColumns[question.labelName + '=' + column.order] !== '' && typeof this.dataGridColumns[question.labelName + '=' + column.order] === 'string') {
+                this.dataGridColumns[question.labelName + '=' + column.order] = JSON.parse(this.dataGridColumns[question.labelName + '=' + column.order]);
+            }
+            if (this.dataGridColumns[question.labelName + '=' + column.order] === value) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+    }
+    submitQuestionnaire(passData) {
+        console.log('fdff', passData);
+        const dataToSend = new FormData();
+        const blobpost_Data = new Blob([JSON.stringify(passData.answers)], { type: 'application/json' });
+        dataToSend.append('question', blobpost_Data);
+        this.buttonDisable = true;
+    }
+    uploadAudioVideo(data, type) {
+        if (data.urls && data.urls.length > 0) {
+            let postData = {
+                urls: []
+            };
+            for (const url of data.urls) {
+                const file = this.filestoUpload[url.labelName][url.document];
+                this.questionaireService.videoaudioS3Upload(file, url.url)
+                    .subscribe(() => {
+                    postData['urls'].push({ uid: url.uid, labelName: url.labelName });
+                    if (data.urls.length === postData['urls'].length) {
+                        if (type === 'consCheckin') {
+                            this.questionaireService.consumerWaitlistQnrUploadStatusUpdate(this.uuid, this.accountId, postData)
+                                .subscribe((data) => {
+                                this.successGoback();
+                            }, error => {
+                                let errorObj = this.errorService.getApiError(error);
+                                this.toastService.showError(this.wordProcessor.getProjectErrorMesssages(errorObj));
+                                this.buttonDisable = false;
+                            });
+                        }
+                        else if (type === 'consAppt') {
+                            this.questionaireService.consumerApptQnrUploadStatusUpdate(this.uuid, this.accountId, postData)
+                                .subscribe((data) => {
+                                this.successGoback();
+                            }, error => {
+                                let errorObj = this.errorService.getApiError(error);
+                                this.toastService.showError(this.wordProcessor.getProjectErrorMesssages(errorObj));
+                                this.buttonDisable = false;
+                            });
+                        }
+                        else if (type === 'consOrder' || type === 'paper') {
+                            this.questionaireService.consumerOrderQnrUploadStatusUpdate(this.uuid, this.accountId, postData)
+                                .subscribe((data) => {
+                                this.successGoback();
+                            }, error => {
+                                this.toastService.showError(this.wordProcessor.getProjectErrorMesssages(error));
+                                this.buttonDisable = false;
+                            });
+                        }
+                        else if (type === 'consDonationDetails') {
+                            this.questionaireService.consumerDonationQnrUploadStatusUpdate(this.uuid, this.accountId, postData)
+                                .subscribe(() => {
+                                this.successGoback();
+                            }, (error) => {
+                                let errorObj = this.errorService.getApiError(error);
+                                this.toastService.showError(this.wordProcessor.getProjectErrorMesssages(errorObj));
+                                this.buttonDisable = false;
+                            });
+                        }
+                    }
+                }, (error) => {
+                    let errorObj = this.errorService.getApiError(error);
+                    this.toastService.showError(this.wordProcessor.getProjectErrorMesssages(errorObj));
+                    this.buttonDisable = false;
+                });
+            }
+        }
+        else {
+            this.successGoback();
+        }
+    }
+    goBack() {
+        this.location.back();
+    }
+    getQuestion(question) {
+        if (this.source === 'customer-create' || this.source === 'qnrDetails' || this.source === 'onetime' || this.source === 'serviceOptionAppt') {
+            return question;
+        }
+        else {
+            return question.question;
+        }
+    }
+    validateQuestionnaire(src) {
+        if (!this.questionAnswers) {
+            this.questionAnswers = {
+                answers: {
+                    answerLine: [],
+                    questionnaireId: (this.questionnaireList.id) ? this.questionnaireList.id : this.questionnaireList.questionnaireId,
+                }
+            };
+        }
+    }
+    getImg(question, document) {
+        if (this.filestoUpload[question.labelName] && this.filestoUpload[question.labelName][document]) {
+            let type = this.filestoUpload[question.labelName][document].type.split('/');
+            let file;
+            if (type[0] === 'video' || type[0] === 'audio') {
+                file = this.audioVideoFiles;
+            }
+            else {
+                file = this.selectedMessage;
+            }
+            const indx = file.indexOf(this.filestoUpload[question.labelName][document]);
+            if (indx !== -1) {
+                let path = this.fileService.getImage(null, this.filestoUpload[question.labelName][document]);
+                if (path && path !== null) {
+                    return path;
+                }
+                path = file[indx].path;
+                return path;
+            }
+        }
+        else if (this.uploadedFiles[question.labelName] && this.uploadedFiles[question.labelName][document]) {
+            const indx = this.uploadedImages.indexOf(this.uploadedFiles[question.labelName][document]);
+            if (indx !== -1) {
+                let path = this.fileService.getImage(null, this.uploadedImages[indx]);
+                if (path && path !== null) {
+                    return path;
+                }
+                path = this.uploadedImages[indx].s3path;
+                return path;
+            }
+        }
+    }
+    onButtonBeforeHook(event) {
+        if (!event || !event.button) {
+            return;
+        }
+        if (event.button.type === ButtonType.DOWNLOAD) {
+        }
+    }
+    openAttachmentGallery(question, document) {
+        this.image_list_popup = [];
+        let count = 0;
+        let imagePath;
+        let caption = '';
+        if (this.filestoUpload[question.labelName] && this.filestoUpload[question.labelName][document]) {
+            let type = this.filestoUpload[question.labelName][document].type.split('/');
+            if (type[0] === 'video' || type[0] === 'audio') {
+                const indx = this.audioVideoFiles.indexOf(this.filestoUpload[question.labelName][document]);
+                this.showAudioVideoFile(this.audioVideoFiles[indx]);
+            }
+            else {
+                const indx = this.selectedMessage.indexOf(this.filestoUpload[question.labelName][document]);
+                if (indx !== -1) {
+                    if (type[1] === 'pdf' || type[1] === 'docx' || type[1] === 'txt' || type[1] === 'doc') {
+                        if (this.selectedMessage[indx].s3path) {
+                            window.open(this.selectedMessage[indx].s3path, '_blank');
+                        }
+                        else {
+                            window.open(this.selectedMessage[indx].path, '_blank');
+                        }
+                    }
+                    else {
+                        imagePath = this.uploadedImages[indx].path;
+                        caption = this.comments[question.labelName + '=' + document];
+                    }
+                }
+            }
+        }
+        else if (this.uploadedFiles[question.labelName] && this.uploadedFiles[question.labelName][document]) {
+            const indx = this.uploadedImages.indexOf(this.uploadedFiles[question.labelName][document]);
+            let type = this.uploadedFiles[question.labelName][document].type.split('/');
+            let ext = type[1];
+            type = type[0];
+            if (indx !== -1) {
+                if (type === 'video' || type === 'audio') {
+                    this.showAudioVideoFile(this.uploadedImages[indx]);
+                }
+                else if (ext === 'pdf' || ext === 'docx' || ext === 'txt' || ext === 'doc' || ext === 'vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+                    window.open(this.uploadedFiles[question.labelName][document].s3path, '_blank');
+                }
+                else {
+                    // console.log('typetxt2',this.uploadedImages[indx]);
+                    if (this.uploadedImages && this.uploadedImages[indx] && this.uploadedImages[indx]['keyName'] &&
+                        this.uploadedImages[indx]['keyName'].includes('docx')) {
+                        window.open(this.uploadedFiles[question.labelName][document].s3path, '_blank');
+                    }
+                    else {
+                        imagePath = this.uploadedImages[indx].s3path;
+                        caption = this.uploadedImages[indx].comments;
+                    }
+                }
+            }
+        }
+        if (imagePath) {
+            const imgobj = new Image(count, {
+                img: imagePath,
+                description: caption
+            });
+            this.image_list_popup.push(imgobj);
+            count++;
+        }
+        if (count > 0) {
+            setTimeout(() => {
+                this.openImageModalRow(this.image_list_popup[0]);
+            }, 200);
+        }
+    }
+    openImageModalRow(image) {
+        const index = this.getCurrentIndexCustomLayout(image, this.image_list_popup);
+        this.openModal(1, index, this.customButtonsFontAwesomeConfig);
+    }
+    getCurrentIndexCustomLayout(image, images) {
+        return image ? images.indexOf(image) : -1;
+    }
+    openModal(id, imageIndex, buttonsConfig) {
+        const dialogRef = this.modalGalleryService.open({
+            id: id,
+            images: this.image_list_popup,
+            currentImage: this.image_list_popup[imageIndex],
+            libConfig: {
+                buttonsConfig: buttonsConfig,
+                currentImageConfig: {
+                    downloadable: true
+                }
+            }
+        });
+    }
+    showAudioVideoFile(file) {
+        const fileviewdialogRef = this.dialog.open(ShowuploadfileComponent, {
+            width: '50%',
+            panelClass: ['popup-class', 'commonpopupmainclass', 'uploadfilecomponentclass'],
+            disableClose: true,
+            data: {
+                file: file,
+                source: 'qnr'
+            }
+        });
+        fileviewdialogRef.afterClosed().subscribe(result => {
+        });
+    }
+    editQnr() {
+        this.editQuestionnaire = !this.editQuestionnaire;
+    }
+    getDocuments(question) {
+        if (question.filePropertie.maxNoOfFile > 1 && question.filePropertie.minNoOfFile !== question.filePropertie.maxNoOfFile) {
+            return this.uploadFilesTemp[question.labelName];
+        }
+        else {
+            return question.filePropertie.allowedDocuments;
+        }
+    }
+    showProviderText(question) {
+        if (question.whoCanAnswer && question.whoCanAnswer === 'PROVIDER_ONLY') {
+            return true;
+        }
+        return false;
+    }
+    successGoback() {
+        this.buttonDisable = false;
+        if (!this.type) {
+            this.location.back();
+        }
+        else {
+            this.filestoUpload = [];
+            this.editQnr();
+            this.returnAnswers.emit('reload');
+            if (this.type !== 'qnr-link') {
+                this.toastService.showSuccess('Updated Successfully');
+            }
+        }
+    }
+    showDataGridAddSection(question, value) {
+        this.showDataGrid[question.labelName] = value;
+        this.updatedGridIndex[question.labelName] = null;
+    }
+    showDataGridAddSectionn(question, value) {
+        this.quesStore = question;
+        this.lStorageService.setitemonLocalStorage('quesStore', this.quesStore);
+        this.showDataGrid[question.labelName] = value;
+        this.updatedGridIndex[question.labelName] = null;
+        this.qnrPopup(question, true);
+    }
+    saveDataGridColumn(question) {
+        let columns = [];
+        for (let column of question.dataGridProperties.dataGridColumns) {
+            if (this.dataGridColumns[question.labelName + '=' + column.order] || column.dataType === 'bool') {
+                columns[column.order] = this.dataGridColumns[question.labelName + '=' + column.order];
+            }
+            else {
+                if (column.dataType === 'list' || column.dataType === 'fileUpload') {
+                    columns[column.order] = [];
+                }
+                else {
+                    columns[column.order] = '';
+                }
+            }
+        }
+        if (!this.dataGridColumnsAnswerList[question.labelName]) {
+            this.dataGridColumnsAnswerList[question.labelName] = [];
+        }
+        if (this.updatedGridIndex[question.labelName] !== null) {
+            this.dataGridColumnsAnswerList[question.labelName][this.updatedGridIndex[question.labelName]] = columns;
+        }
+        else {
+            this.dataGridColumnsAnswerList[question.labelName].push(columns);
+        }
+        this.cancelAddorUpdate(question);
+        this.onSubmit('inputChange');
+    }
+    editDataGrid(question, column) {
+        const index = this.dataGridColumnsAnswerList[question.labelName].indexOf(column);
+        Object.keys(column).forEach(key => {
+            this.dataGridColumns[question.labelName + '=' + key] = column[key];
+        });
+        this.updatedGridIndex[question.labelName] = index;
+        this.showDataGrid[question.labelName] = true;
+    }
+    deleteDataGrid(question, column) {
+        const index = this.dataGridColumnsAnswerList[question.labelName].indexOf(column);
+        this.dataGridColumnsAnswerList[question.labelName].splice(index, 1);
+        this.onSubmit('inputChange');
+    }
+    cancelAddorUpdate(question) {
+        this.showDataGrid[question.labelName] = false;
+        this.updatedGridIndex[question.labelName] = null;
+        for (let column of question.dataGridProperties.dataGridColumns) {
+            this.dataGridColumns[question.labelName + '=' + column.order] = '';
+        }
+    }
+    getColumnType(columns, column) {
+        const columnDetails = columns.filter((clmn) => clmn.order === JSON.parse(column));
+        if (columnDetails[0]) {
+            return columnDetails[0].dataType;
+        }
+    }
+    getSectionCount() {
+        return Object.keys(this.groupedQnr).length;
+    }
+    getBoolValue(value) {
+        value = (value !== '' && typeof value === 'string') ? JSON.parse(value) : value;
+        if (value === true) {
+            return 'Yes';
+        }
+        return 'No';
+    }
+    getMaxdate(data) {
+        let date;
+        if (this.getQuestion(data).dateProperties && this.getQuestion(data).dateProperties.endDate) {
+            const dt = this.reverse(this.getQuestion(data).dateProperties.endDate);
+            date = new Date(dt);
+        }
+        else {
+            date = this.tday;
+        }
+        return date;
+    }
+    getMindate(data) {
+        let date;
+        if (this.getQuestion(data).dateProperties && this.getQuestion(data).dateProperties.startDate) {
+            const dt = this.reverse(this.getQuestion(data).dateProperties.startDate);
+            date = new Date(dt);
+        }
+        else {
+            date = this.minday;
+        }
+        return date;
+    }
+    reverse(s) {
+        return s.split("-").reverse().join("-");
+    }
+    qnrPopup(question, value) {
+        // if (value === 'edit') {
+        //   this.quesStore = this.lStorageService.getitemfromLocalStorage('quesStore');
+        //   this.showqnr = true;
+        //   this.editableItem = question;
+        //   console.log(JSON.stringify(this.quesStore))
+        //   const removeitemdialogRef = this.dialog.open(QnrDialogComponent, {
+        //     width: '50%',
+        //     panelClass: ['popup-class', 'commonpopupmainclass', 'confirmationmainclass'],
+        //     disableClose: true,
+        //     data: {
+        //       data: this.quesStore,
+        //       qnr_type: 'service_option',
+        //       view: 'qnrView',
+        //       isEdit: 'edit',
+        //       editableItem: this.editableItem,
+        //       servDetails: this.service
+        //     }
+        //   });
+        //   removeitemdialogRef.afterClosed().subscribe(result => {
+        //     if (result) {
+        //       console.log("result.data.answerLine", result.data.answerLine)
+        //       this.dataGridList = result.data.answerLine;
+        //       this.post_Data = result.data;
+        //       this.showItem = true;
+        //       this.item = result.data.answerLine[0].answer.dataGridList[0].dataGridListColumn[0].column.list[0];
+        //       if (result.data.totalPrice) {
+        //         this.totalPrice = result.data.totalPrice
+        //       }
+        //       let index1 = this.itemArray.findIndex(x => x.id === this.editableItem.id)
+        //       if (index1 > -1) {
+        //         this.itemArray.splice(index1, 1);
+        //       }
+        //       let dummyArray = { id: this.id, sequenceId: this.sequenceId, item: this.item, price: this.totalPrice, columnItem: this.dataGridList }
+        //       this.itemArray.push(dummyArray)
+        //       if (this.itemArray) {
+        //         this.lStorageService.setitemonLocalStorage('itemArray', this.itemArray);
+        //       }
+        //       this.serviceTotalPrice = 0;
+        //       this.itemArray.forEach((item: any) => {
+        //         this.serviceTotalPrice = this.serviceTotalPrice + item.price;
+        //         this.lStorageService.setitemonLocalStorage('serviceTotalPrice', this.serviceTotalPrice);
+        //       });
+        //       this.id = this.id + 1
+        //       let obj = { sequenceId: this.sequenceId, dgList: this.post_Data.answerLine };
+        //       this.finalObjectList.push(obj);
+        //       this.onSubmit('serviceOption')
+        //     }
+        //   });
+        // }
+        // else {
+        //   this.showqnr = true;
+        //   console.log("this.sequenceId", question)
+        //   this.sequenceId = question.sequnceId;
+        //   const removeitemdialogRef = this.dialog.open(QnrDialogComponent, {
+        //     width: '50%',
+        //     panelClass: ['popup-class', 'commonpopupmainclass', 'confirmationmainclass'],
+        //     disableClose: true,
+        //     data: {
+        //       data: question,
+        //       qnr_type: 'service_option',
+        //       view: 'qnrView',
+        //       isEdit: 'add',
+        //       servDetails: this.service
+        //     }
+        //   });
+        //   removeitemdialogRef.afterClosed().subscribe(result => {
+        //     if (result) {
+        //       this.dataGridList = result.data.answerLine;
+        //       this.post_Data = result.data;
+        //       this.showItem = true;
+        //       this.item = result.data.answerLine[0].answer.dataGridList[0].dataGridListColumn[0].column.list[0];
+        //       if (result.data.totalPrice) {
+        //         this.totalPrice = result.data.totalPrice
+        //       }
+        //       let dummyArray = { id: this.id, sequenceId: this.sequenceId, item: this.item, price: this.totalPrice, columnItem: this.dataGridList }
+        //       this.itemArray.push(dummyArray)
+        //       if (this.itemArray) {
+        //         this.lStorageService.setitemonLocalStorage('itemArray', this.itemArray);
+        //       }
+        //       this.serviceTotalPrice = 0;
+        //       this.itemArray.forEach((item: any) => {
+        //         let quantity = item.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity;
+        //         this.serviceTotalPrice = (this.serviceTotalPrice + item.price) * quantity;
+        //         this.lStorageService.setitemonLocalStorage('serviceTotalPrice', this.serviceTotalPrice);
+        //       });
+        //       this.id = this.id + 1
+        //       let obj = { sequenceId: this.sequenceId, dgList: this.post_Data.answerLine };
+        //       this.finalObjectList.push(obj);
+        //       this.onSubmit('serviceOption')
+        //     }
+        //   });
+        // }
+    }
+    increment(item) {
+        // const removeitemdialogRef = this.dialog.open(QnrDialogComponent, {
+        //   width: '100%',
+        //   panelClass: ['popup-class', 'commonpopupmainclass', 'confirmationmainclass'],
+        //   disableClose: true,
+        //   data: {
+        //     item: item,
+        //     data: this.questionnaireList,
+        //     view: 'qnrrepeatView',
+        //     servDetails: this.service
+        //   }
+        // });
+        // removeitemdialogRef.afterClosed().subscribe(result => {
+        //   if (result) {
+        //     if (result === 'addNew') {
+        //       this.quesStore = this.lStorageService.getitemfromLocalStorage('quesStore');
+        //       this.qnrPopup(this.quesStore, true)
+        //     } else {
+        //       if (!this.sequenceId) {
+        //         this.sequenceId = item.sequenceId
+        //       }
+        //       let dummyArray = { id: this.id, sequenceId: this.sequenceId, item: result.repeatItem.item, price: result.repeatItem.price, columnItem: result.repeatItem.columnItem }
+        //       let items = dummyArray.columnItem[0].answer.dataGridList[0].dataGridListColumn;
+        //       for (let i = 0; i < items.length; i++) {
+        //         items[i].quantity = items[i].quantity + 1;
+        //       }
+        //       if (this.itemArray) {
+        //         this.lStorageService.setitemonLocalStorage('itemArray', this.itemArray);
+        //       }
+        //       console.log("This.ItemArray", this.itemArray)
+        //       this.serviceTotalPrice = 0;
+        //       this.itemArray.forEach((item: any) => {
+        //         let quantity = item.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity;
+        //         console.log("quantity", quantity)
+        //         this.serviceTotalPrice += item.price * quantity;
+        //       });
+        //       console.log("serviceTotalPrice", this.serviceTotalPrice)
+        //       this.lStorageService.setitemonLocalStorage('serviceTotalPrice', this.serviceTotalPrice);
+        //       this.id = this.id + 1
+        //       let obj = { sequenceId: this.sequenceId, dgList: result.repeatItem.columnItem };
+        //       this.finalObjectList.push(obj);
+        //       this.onSubmit('serviceOption')
+        //     }
+        //   }
+        // });
+    }
+    getItemQuantity(item) {
+        let quantity = item.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity;
+        return quantity;
+        // console.log("item", item)
+    }
+    decrement(removingItem) {
+        let index = this.itemArray.findIndex((x) => x.id === removingItem.id);
+        if (index > -1) {
+            console.log("this.itemArray[index]", this.itemArray[index]);
+            if (this.getItemQuantity(this.itemArray[index]) == 1) {
+                this.itemArray.splice(index, 1); // 2nd parameter means remove one item only
+            }
+            else {
+                let items = this.itemArray[index].columnItem[0].answer.dataGridList[0].dataGridListColumn;
+                for (let i = 0; i < items.length; i++) {
+                    items[i].quantity = items[i].quantity - 1;
+                }
+            }
+            if (this.itemArray) {
+                this.lStorageService.setitemonLocalStorage('itemArray', this.itemArray);
+            }
+            this.serviceTotalPrice = 0;
+            this.itemArray.forEach((item) => {
+                this.serviceTotalPrice = this.serviceTotalPrice + item.price;
+            });
+            this.lStorageService.setitemonLocalStorage('serviceTotalPrice', this.serviceTotalPrice);
+            this.finalObjectList.splice(index, 1);
+        }
+        this.onSubmit('serviceOption');
+    }
+    disableInput() {
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireComponent, deps: [{ token: i1$6.ActivatedRoute }, { token: WordProcessor }, { token: LocalStorageService }, { token: DateTimeProcessor }, { token: i1$5.MatDialog }, { token: FileService }, { token: CommonService }, { token: QuestionaireService }, { token: ErrorMessagingService }, { token: ToastService }, { token: i11.ModalGalleryService }, { token: i12.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QuestionnaireComponent, selector: "app-questionnaire", inputs: { questionnaireList: "questionnaireList", source: "source", accountId: "accountId", questionAnswers: "questionAnswers", customerDetails: "customerDetails", uuid: "uuid", type: "type", waitlistStatus: "waitlistStatus", orderStatus: "orderStatus", donationDetails: "donationDetails", service: "service", mode: "mode", tempType: "tempType", bookingType: "bookingType" }, outputs: { fileChanged: "fileChanged", returnAnswers: "returnAnswers" }, viewQueries: [{ propertyName: "file2", first: true, predicate: ["logofile1"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"cons-inbox no-padding-small\" *ngIf=\"!showservice\">\r\n  <div class=\"container consumer-dashhome no-padding no-padding-small\" *ngIf=\"!type && source!='proLead'\">\r\n    <div class=\"card title-gb rounded-0\" *ngIf=\"uuid\">\r\n      <h5 class=\"mgn-up-10 bold\">{{questionnaire_heading | capitalizeFirst}} <a class=\"pull-left mgn-rt-20 back-btn\"\r\n          (click)=\"goBack()\"><i class=\"fa fa-arrow-left\"></i></a></h5>\r\n    </div>\r\n  </div>\r\n  <app-common-innerloading-spinner *ngIf=\"loading\"></app-common-innerloading-spinner>\r\n  <div class=\"d-flex flex-column-fluid pull-right mgn-rt-10 mgn-bt-20\"\r\n    *ngIf=\"type !== 'qnrLinkProvider' && !buttonDisable && waitlistStatus\">\r\n    <button class=\"normal-btn edit\" mat-flat-button (click)=\"editQnr()\">Edit</button>\r\n  </div>\r\n  <div class=\"d-flex flex-column-fluid width-100\" [class.qnrDisableState]=\"disableInput()\"\r\n    [class.no-padding]=\"uuid && (source === 'consCheckin' || source === 'consAppt' || source === 'consOrder' || source === 'paper' || source === 'consDonationDetails' || source === 'ivr')\">\r\n    <div class=\"col-xl-12 force_center\" [class.no-padding]=\"uuid\" [class.no-padding-small]=\"source && source=='ivr'\">\r\n      <div class=\"\">\r\n        <div class=\"qnrsec\" *ngFor=\"let qnr of groupedQnr | keyvalue: asIsOrder\"\r\n          [class.section-shadow]=\"getSectionCount() > 1\" [class.no-padding-small]=\"source && source=='ivr'\">\r\n          <!-- {{qnr | json}} -->\r\n          <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{qnr.key}}</div> -->\r\n          <div class=\"form-group card mgn-0\" *ngFor=\"let question of qnr.value\">\r\n            <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{getQuestion(question).sectionName}}</div> -->\r\n            <label class=\"col-12 quest\">{{getQuestion(question).label}}\r\n              <i class=\"fa fa-plus-circle pull-right\" aria-hidden=\"true\"\r\n                [class.addicon]=\"!buttonDisable && !disableInput()\"\r\n                *ngIf=\"getQuestion(question).fieldDataType === 'dataGrid' && !showDataGrid[getQuestion(question).labelName]\"\r\n                (click)=\"!buttonDisable && !disableInput() && showDataGridAddSection(getQuestion(question), true)\"></i>\r\n              <div class=\"pro-only\" *ngIf=\"showProviderText(getQuestion(question))\">For Providers</div>\r\n              <span class=\"red\" *ngIf=\"getQuestion(question).mandatory\">*</span>\r\n              <div class=\"form-level-settings\" *ngIf=\"getQuestion(question).hint\"\r\n                [innerHTML]=\"getQuestion(question).hint | safeHtml\">\r\n              </div>\r\n            </label>\r\n            <!-- for file upload -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'fileUpload'\">\r\n              <mat-select multiple #deptsel [disabled]=\"buttonDisable || disableInput()\"\r\n                *ngIf=\"getQuestion(question).filePropertie.maxNoOfFile > 1 && getQuestion(question).filePropertie.minNoOfFile !== getQuestion(question).filePropertie.maxNoOfFile\"\r\n                [(ngModel)]=\"uploadFilesTemp[getQuestion(question).labelName]\" class=\"select-box\" placeholder=\"Select\">\r\n                <mat-option *ngFor=\"let document of getQuestion(question).filePropertie.allowedDocuments\"\r\n                  [value]=\"document\" (click)=\"changeImageSelected(getQuestion(question), document)\">\r\n                  {{document}}</mat-option>\r\n              </mat-select>\r\n              <div class=\"col-lg-12 col-12 col-md-12 col-sm-12 no-padding mgn-up-20\"\r\n                *ngIf=\"getDocuments(getQuestion(question)) && getDocuments(getQuestion(question)).length > 0\">\r\n                <div class=\"dropzone dropzone-default dropzone-primary dz-clickable\"\r\n                  [class.single-file]=\"getQuestion(question).filePropertie.allowedDocuments.length==1\"\r\n                  style=\"cursor: auto;\">\r\n                  <ng-container *ngFor=\"let doc of getDocuments(getQuestion(question))\">\r\n                    <div class=\"dz-preview dz-processing dz-image-preview dz-error dz-complete\"\r\n                      *ngIf=\"getImg(getQuestion(question), doc)\">\r\n                      <div class=\"docname\" *ngIf=\"getQuestion(question).filePropertie.allowedDocuments.length > 1\">\r\n                        {{doc}}</div>\r\n                      <div class=\"dzimage pointer-cursor\" (click)=\"openAttachmentGallery(getQuestion(question), doc)\">\r\n                        <img alt=\"\" class=\"img_fit\" [src]=\"getImg(getQuestion(question), doc)\">\r\n                      </div>\r\n                      <input [disabled]=\"buttonDisable || disableInput()\" (blur)=\"onSubmit('inputChange');\"\r\n                        [(ngModel)]=\"comments[getQuestion(question).labelName + '=' + doc]\">\r\n                      <div class=\"gal_action\" *ngIf=\"!buttonDisable && !disableInput() && mode!=='read'\"\r\n                        (click)=\"changeImageSelected(getQuestion(question), doc)\">\r\n                        <i class=\"fa fa-times-circle\" aria-hidden=\"true\"></i>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"dz-preview dz-processing dz-image-preview dz-error dz-complete\"\r\n                      (click)=\"logofile1.click()\" *ngIf=\"!getImg(getQuestion(question), doc)\">\r\n                      <div class=\"docname\" *ngIf=\"getQuestion(question).filePropertie.allowedDocuments.length > 1\">\r\n                        {{doc}}</div>\r\n                      <div class=\"dz-image pointer-cursor\">\r\n                      </div>\r\n                      <input #logofile1 type=\"file\" accept=\"/*;capture=camera\" style=\"display:none;\"\r\n                        [disabled]=\"buttonDisable || disableInput()\"\r\n                        (change)=\"filesSelected($event, getQuestion(question), doc)\">\r\n                      <div class=\"dz-error-mark\">\r\n                        <a class=\"btn btn-icon btn-light-success btn-circle mr-2\"><i\r\n                            class=\"text-dark-50 flaticon-upload\"></i></a>\r\n                      </div>\r\n                    </div>\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for checkbox -->\r\n            <div class=\"col-12\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'list' && getQuestion(question).listPropertie.maxAnswers > 1\">\r\n              <div class=\"checkbox-list\">\r\n                <label class=\"checkbox\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"checkbox\" [checked]=\"isChecked(value, getQuestion(question))\"\r\n                    (change)=\"listChange($event, value, getQuestion(question))\"\r\n                    [disabled]=\"buttonDisable || disableInput()\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for radio -->\r\n            <div class=\"col-12\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'list' && getQuestion(question).listPropertie.maxAnswers === 1\">\r\n              <div class=\"radio-list\">\r\n                <label class=\"radio\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                    [checked]=\"isChecked(value, getQuestion(question))\"\r\n                    (change)=\"listChange($event, value, getQuestion(question))\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for toggel boolean -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'bool'\">\r\n              <div class=\"radio-list\">\r\n                <label class=\"radio\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                    [checked]=\"isBooleanChecked(value, getQuestion(question))\"\r\n                    (change)=\"booleanChange($event, value, getQuestion(question))\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Text -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'plainText'\">\r\n              <input *ngIf=\"getQuestion(question).plainTextPropertie.maxNoOfLetter<=100\"\r\n                  [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"                  \r\n                  [minlength]=\"getQuestion(question).plainTextPropertie.minNoOfLetter\"\r\n                  [maxlength]=\"getQuestion(question).plainTextPropertie.maxNoOfLetter\"\r\n                  class=\"form-control1 form-control-solid\" type=\"text\" [disabled]=\"buttonDisable || disableInput()\">\r\n                  <!-- [disabled]=\"buttonDisable || disableInput()\" -->\r\n                <textarea rows=\"3\" *ngIf=\"getQuestion(question).plainTextPropertie.maxNoOfLetter>100\"\r\n                  [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"\r\n                  [minlength]=\"getQuestion(question).plainTextPropertie.minNoOfLetter\"\r\n                  [maxlength]=\"getQuestion(question).plainTextPropertie.maxNoOfLetter\" [disabled]=\"buttonDisable || disableInput()\"\r\n                  class=\"form-control2 form-control-solid\"></textarea>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Number -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'number'\">\r\n              <input [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"\r\n                [min]=\"getQuestion(question).numberPropertie.start\" [max]=\"getQuestion(question).numberPropertie.end\"\r\n                [disabled]=\"buttonDisable || disableInput()\" class=\"form-control1 form-control-solid\" type=\"number\"\r\n                (keypress)=\"isNumeric($event)\">\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Date -->\r\n            <div class=\"col-12 disp-flex\" *ngIf=\"getQuestion(question).fieldDataType === 'date'\">\r\n              <input class=\"form-control1\" [matDatepicker]=\"picker\" [max]=\"getMaxdate(question)\"\r\n                [min]=\"getMindate(question)\" [(ngModel)]=\"answers[getQuestion(question).labelName]\"\r\n                (dateChange)=\"onSubmit('inputChange')\" [disabled]=\"buttonDisable || disableInput()\"\r\n                (click)=\"picker.open()\">\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n              <mat-datepicker #picker [disabled]=\"buttonDisable || disableInput()\"></mat-datepicker>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Datagrid -->\r\n            <div class=\"table-responsive1\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'dataGrid' && dataGridColumnsAnswerList[getQuestion(question).labelName] && dataGridColumnsAnswerList[getQuestion(question).labelName].length > 0\">\r\n              <table class=\"table table-head-custom table-head-bg table-borderless table-vertical-center\">\r\n                <thead>\r\n                  <th *ngFor=\"let column of getQuestion(question).dataGridProperties.dataGridColumns\">\r\n                    {{column.columnId}}</th>\r\n                  <th *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                  </th>\r\n                  <th *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                  </th>\r\n                </thead>\r\n                <tbody>\r\n                  <tr *ngFor=\"let column of dataGridColumnsAnswerList[getQuestion(question).labelName];let i =index\">\r\n                    <td *ngFor=\"let data of column | keyvalue\">\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) === 'date'\">\r\n                        {{data.value | date : newTimeDateFormat}}\r\n                      </div>\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) === 'bool'\">\r\n                        {{getBoolValue(data.value)}}\r\n                      </div>\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) !== 'date' && getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) !== 'bool'\">\r\n                        {{data.value}}\r\n                      </div>\r\n                    </td>\r\n                    <td *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                      <i class=\"fa fa-pen\" (click)=\"editDataGrid(getQuestion(question), column)\"></i>\r\n                    </td>\r\n                    <td *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                      <i class=\"fa fa-trash\" (click)=\"deleteDataGrid(getQuestion(question), column)\"></i>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div class=\"gridSection\" *ngIf=\"showDataGrid[getQuestion(question).labelName]\">\r\n              <div class=\"gridColumn\" *ngFor=\"let column of getQuestion(question).dataGridProperties.dataGridColumns\">\r\n                <label>{{column.label}}\r\n                  <span class=\"red\" *ngIf=\"column.mandatory\">*</span>\r\n                </label>\r\n                <!-- for checkbox -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'list'\">\r\n                  <div class=\"checkbox-list\">\r\n                    <label class=\"checkbox\" *ngFor=\"let value of column.listPropertie.values\">\r\n                      <input type=\"checkbox\" [checked]=\"isChecked(value, getQuestion(question), column)\"\r\n                        (change)=\"listChange($event, value, getQuestion(question), column)\"\r\n                        [disabled]=\"buttonDisable || disableInput()\">\r\n                      <span></span>\r\n                      {{value}}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!-- for toggel boolean -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'bool'\">\r\n                  <div class=\"radio-list\">\r\n                    <label class=\"radio\">\r\n                      <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                        [checked]=\"isBooleanChecked('yes', getQuestion(question), column)\"\r\n                        (change)=\"booleanChange($event, 'yes', getQuestion(question), column)\">\r\n                      <span></span>\r\n                      Yes\r\n                    </label>\r\n                    <label class=\"radio\">\r\n                      <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                        [checked]=\"isBooleanChecked('no', getQuestion(question), column)\"\r\n                        (change)=\"booleanChange($event, 'no', getQuestion(question), column)\">\r\n                      <span></span>\r\n                      No\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!-- for Text -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'plainText'\">\r\n                  <input [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" class=\"form-control1 form-control-solid\" type=\"text\">\r\n                </div>\r\n                <!-- for Number -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'number'\">\r\n                  <input [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" [min]=\"column.numberPropertie.start\"\r\n                    [max]=\"column.numberPropertie.end\" class=\"form-control1 form-control-solid\" type=\"number\">\r\n                </div>\r\n                <!-- for Date -->\r\n                <div class=\"col-12 disp-flex\" *ngIf=\"column.dataType === 'date'\">\r\n                  <input class=\"form-control1\" [matDatepicker]=\"picker\" [max]=\"getMaxdate(question)\"\r\n                    [min]=\"getMindate(question)\"\r\n                    [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" (click)=\"picker.open()\">\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n                  <mat-datepicker #picker [disabled]=\"buttonDisable || disableInput()\">\r\n                  </mat-datepicker>\r\n                </div>\r\n              </div>\r\n              <div class=\"act-btns\">\r\n                <button type=\"button\" class=\"btn btn-light-primary font-weight-bold\"\r\n                  (click)=\"cancelAddorUpdate(getQuestion(question))\">\r\n                  Cancel\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-primary font-weight-bold\"\r\n                  (click)=\"saveDataGridColumn(getQuestion(question))\">Add</button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-12 col-12 col-sm-12 col-lg-12 no-padding submit-pad\"\r\n        *ngIf=\"type !== 'qnrLinkProvider' && source!=='proLead' && (uuid || source === 'customer-details' || source === 'proDonation') && !disableInput()\">\r\n        <button class=\"normal-btn\" mat-flat-button [class.spinner]=\"buttonDisable\"\r\n          [class.spinner-darker-success]=\"buttonDisable\" [class.spinner-center]=\"buttonDisable\"\r\n          (click)=\"!buttonDisable && onSubmit('submit')\" [disabled]=\"buttonDisable\"\r\n          [class.disabled]=\"buttonDisable\">{{(type == 'qnr-link') ? 'Submit' : 'Update'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<ks-modal-gallery [id]=\"0\" *ngIf=\"image_list_popup && image_list_popup.length>0\" [modalImages]=\"image_list_popup\"\r\n  [plainGalleryConfig]=\"customPlainGalleryRowConfig\" [buttonsConfig]=\"customButtonsFontAwesomeConfig\"\r\n  (buttonBeforeHook)=\"onButtonBeforeHook($event)\"></ks-modal-gallery>\r\n<section class=\"cons-inbox no-padding-small\" *ngIf=\"showservice\">\r\n  <div class=\"container consumer-dashhome no-padding no-padding-small\" *ngIf=\"!type\">\r\n    <div class=\"card title-gb rounded-0\" *ngIf=\"uuid\">\r\n      <h5 class=\"mgn-up-10 bold\">{{questionnaire_heading | capitalizeFirst}} <a class=\"pull-left mgn-rt-20 back-btn\"\r\n          (click)=\"goBack()\"><i class=\"fa fa-arrow-left\"></i></a></h5>\r\n    </div>\r\n  </div>\r\n  <app-common-innerloading-spinner *ngIf=\"loading\"></app-common-innerloading-spinner>\r\n  <div class=\"d-flex flex-column-fluid pull-right mgn-rt-10 mgn-bt-20\"\r\n    *ngIf=\"type !== 'qnrLinkProvider' && !buttonDisable && waitlistStatus\">\r\n    <button class=\"normal-btn edit\" mat-flat-button (click)=\"editQnr()\">Edit</button>\r\n  </div>\r\n  <div class=\"d-flex flex-column-fluid width-100\" [class.qnrDisableState]=\"disableInput()\"\r\n    [class.no-padding]=\"uuid && (source === 'consCheckin' || source === 'consAppt' || source === 'consDonationDetails' )\">\r\n    <div class=\"col-xl-12 force_center no-padding\" [class.no-padding]=\"uuid\"\r\n      [class.no-padding-small]=\"source && source=='ivr'\">\r\n      <div class=\"\">\r\n        <div class=\"\" *ngFor=\"let qnr of groupedQnr | keyvalue\" [class.section-shadow]=\"getSectionCount() > 1\">\r\n          <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{qnr.key}}</div> -->\r\n          <div *ngIf=\"itemArray.length == 0 \">\r\n            <div class=\"form-group mgn-0 border-dashed text-center\" *ngFor=\"let question of qnr.value\">\r\n              <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">\r\n                {{getQuestion(question).question.sectionName}}</div>\r\n              <label class=\"col-12 quest pointer-cursor\"\r\n                (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\">\r\n                <!-- {{getQuestion(question).question.label}} -->\r\n                <!-- <div class=\"pull-right btn btn-primary font-weight-bold\"\r\n                    (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\"><i\r\n                      class=\"fa fa-plus add-plus\"></i>Add Item\r\n                  </div> -->\r\n                <div>\r\n                  <img src=\"./assets/images/service-options.svg\" alt=\"Service Options\" class=\"img-fluid pb-0\"\r\n                    width=\"300\" height=\"300\">\r\n                </div>\r\n                <div class=\"pro-only\" *ngIf=\"showProviderText(getQuestion(question).question)\">For Providers</div>\r\n                <span class=\"red\" *ngIf=\"getQuestion(question).question.mandatory\">*</span>\r\n                <!-- <div class=\"form-level-settings\" *ngIf=\"getQuestion(question).question.hint\">\r\n                  {{getQuestion(question).question.hint}}\r\n                </div> -->\r\n                <div>\r\n                  <span class=\"text-primary font-weight-bold\">Please Choose your Pet</span>\r\n                </div>\r\n                <div class=\"mt-3\">\r\n                  <span class=\"btn btn-light font-weight-bold\">Continue</span>\r\n                </div>\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n\r\n\r\n        </div>\r\n        <!-- {{itemArray | json}} -->\r\n        <div class=\"col-md-12 col-12 col-sm-12 mgn-bt-12 no-padding\" *ngIf=\"showItem\">\r\n\r\n\r\n          <div>\r\n            <div class=\"card-border\" *ngFor=\" let items of itemArray\">\r\n\r\n              <div class=\"d-flex justify-content-between\">\r\n                <div>\r\n                  <div class=\"text-capitalize\">\r\n                    <div class=\"\">\r\n                      <span class=\"text-primary\">\r\n                        {{items.item}}<br>\r\n                      </span>\r\n                      <!-- <span class=\"disp-none-small\">&nbsp;-&nbsp;</span>\r\n                      <span class=\"disp-none-large\"><br></span> -->\r\n\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"d-flex border-apply px-0\">\r\n                  <div (click)=\"decrement(items);\" class=\"pointer-cursor quantity quantity-1\">\r\n                    <span class=\"p-10\">-</span>\r\n                  </div>\r\n                  <div class=\"mx-2 pointer-cursor\"><span class=\"quantity\"\r\n                      *ngIf=\"items && items.columnItem && items.columnItem[0] && items.columnItem[0].answer && items.columnItem[0].answer.dataGridList && items.columnItem[0].answer.dataGridList[0] && items.columnItem[0].answer.dataGridList[0].dataGridListColumn && items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0] && items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity\">\r\n                      {{items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity}}</span>\r\n                  </div>\r\n                  <div (click)=\"increment(items);\" class=\"pointer-cursor quantity quantity-1\">\r\n                    <span class=\"p-10\">+</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <span class=\"text-primary\"><span><i class=\"fa fa-inr\"></i>\r\n                    {{items.price * getItemQuantity(items)}}/-\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <!-- <div (click)=\"qnrPopup(items, 'edit');\">\r\n                <span class=\"text-link font-weight-bold\"><span>\r\n                    Edit*\r\n                  </span>\r\n                </span>\r\n              </div> -->\r\n            </div>\r\n\r\n            <div class=\"clearfix\"></div>\r\n            <div *ngIf=\"showItem &&itemArray.length > 0\">\r\n              <div *ngFor=\"let qnr of groupedQnr | keyvalue\" [class.section-shadow]=\"getSectionCount() > 1\">\r\n                <div *ngFor=\"let question of qnr.value\">\r\n                  <label class=\"col-12 quest pointer-cursor\"\r\n                    (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\">\r\n                    <span class=\"btn btn-light font-weight-bold\"><i class=\"fa fa-plus text-white\"></i>Add</span>\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n</section>\r\n\r\n<!-- <ks-modal-gallery [id]=\"0\" *ngIf=\"image_list_popup && image_list_popup.length>0\" [modalImages]=\"image_list_popup\"\r\n  [plainGalleryConfig]=\"customPlainGalleryRowConfig\" [buttonsConfig]=\"customButtonsFontAwesomeConfig\"\r\n  (buttonBeforeHook)=\"onButtonBeforeHook($event)\"></ks-modal-gallery> -->", styles: [".dropzone{min-height:auto!important}.question-box{margin-top:10px}.btn-light{background-color:#1e4079!important;padding:5px 25px!important;color:#fff!important}.quest-outer{padding:10px}.error-msg{color:red}.upload-btn{background:#fff;border:1px solid;font-size:small}.card-border{box-shadow:0 0 5px 5px #f0f0f0!important;padding:10px 30px!important;margin:20px 10px!important;cursor:pointer!important;border-radius:10px!important}.border-apply{border:2px solid #1e4079!important;border-radius:20px!important}.quantity{font-size:20px!important;font-weight:700!important}.quantity-1:hover{background-color:#1e4079!important;color:#fff!important;font-weight:700!important;border-radius:50%!important;padding:-2px 12px!important}::ng-deep .mat-checkbox-layout{font-weight:400!important}.force_center{margin-left:auto;margin-right:auto}.input-group-text{display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.65rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#3f4254;text-align:center;white-space:nowrap;background-color:#f3f6f9!important;border:1px solid #E4E6EF!important;border-radius:.42rem;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer}.w_100{width:100%}.img_fit{width:120px;height:120px}.dropzone .dropzone-default{border:1px dashed #EBEDF3!important}.select-box{padding:10px!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important}.normal-btn{padding:5px 20px;border:none!important}.edit{padding:3px 25px;border-radius:20px!important}.mgn-0{margin-left:0!important;margin-right:0!important;margin-bottom:10px!important}.quest{font-size:1.1rem!important}.mt-3 a:hover{text-decoration:underline!important}.dzimage,.dz-image{border:1px dashed #ccc}.gal_action{position:absolute;top:20px;right:-10px;background:#00000080;width:20px;height:20px;text-align:center;border-radius:50%;cursor:pointer}.single-file{padding:0!important;text-align:initial!important;border:none!important}.single-file .dz-preview{position:relative!important;display:inline-block!important;vertical-align:top!important;margin:16px!important;min-height:100px!important}.single-file .gal_action{top:-5px!important}.pro-only{float:right;color:red;font-size:.8rem}.qnrDisableState .card,.qnrDisableState .dropzone-default,.qnrDisableState .dz-image-preview{background:#eeeeee9e!important}.qnr-section{font-weight:700;padding-bottom:10px;text-transform:uppercase}.section-shadow{margin:20px 10px;padding:20px!important;box-shadow:0 0 10px #0000001f!important}.gridSection .gridColumn{padding:15px}.gridSection .gridColumn label{padding:0 12.5px!important;font-weight:400!important;color:#3f4254!important;font-size:.9rem!important}.gridSection .act-btns .btn{padding:5px 10px!important;margin:5px!important}.gridSection .act-btns{padding:0 20px}.fa-plus-circle{font-size:1.5rem!important}.addicon{color:#1e4079!important;cursor:pointer}.fa-trash,.fa-pen{color:#000!important;font-size:1rem!important}.dz-preview input{width:121px!important;border:1px solid #ccc}.submit-pad{padding:0 10px 20px!important}.form-group.card{border:1px solid #dadce063!important;border-radius:8px!important;padding:5px!important}.docname{width:120px;margin-bottom:5px;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}@media (max-width: 750px){.normal-btn{padding:3px 10px;border:none!important}.edit{padding:2px 12px;border-radius:10px!important}}.col-xl-12,.col-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;width:100%;padding-right:12.5px;padding-left:12.5px}@media (min-width: 1200px){.col-xl-12{flex:0 0 100%;max-width:100%}}.qnrsec{padding:10px}.p-10{padding:8px!important}.form-control1{display:block!important;width:100%!important;height:calc(1.5em + 1.3rem + 2px)!important;padding:.65rem 1rem!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;color:#3f4254!important;background-color:#fff!important;background-clip:padding-box!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important;box-shadow:none!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.form-control2{display:block!important;width:100%!important;padding:.65rem 1rem!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;color:#3f4254!important;background-color:#fff!important;background-clip:padding-box!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important;box-shadow:none!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.form-group label{font-size:1rem;font-weight:400;color:#3f4254}label{display:inline-block;margin-bottom:.5rem}.col-12{flex:0 0 100%;max-width:100%}.radio-list .radio span{margin-right:.75rem}.radio>span{background-color:#ebedf3;border:1px solid transparent}.radio>span{height:18px;width:18px}.radio>span{border-radius:50%;background-color:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-list .radio{margin-bottom:1rem}.radio{display:flex;align-items:center;position:relative;text-align:left;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0}.radio>input{position:absolute;z-index:-1;opacity:0}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #EBEDF3;border-radius:.42rem}.radio-list .radio:last-child{margin-bottom:0}@media (min-width: 992px){.col-lg-12{flex:0 0 100%;max-width:100%}}.dropzone.dropzone-default .dz-preview .dz-image{border-radius:.42rem}.btn.btn-icon i{padding:0;margin:0}.btn i{font-size:1.3rem;padding-right:.35rem;vertical-align:middle;line-height:1;display:inline-flex}.btn i{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.text-dark-50{color:#7e8299!important}.btn.btn-icon.btn-circle{border-radius:50%}.btn.btn-light-success{color:#1bc5bd;background-color:#c9f7f5;border-color:transparent}.btn.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;height:calc(1.5em + 1.3rem + 2px);width:calc(1.5em + 1.3rem + 2px)}.btn{display:inline-block;font-weight:400;color:#3f4254;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.65rem 1rem;font-size:1rem;line-height:1.5;border-radius:.42rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.radio>input:checked~span{background-color:#1e4079}.radio>input:checked~span:after{background-color:#fff;border-color:#fff}.radio>input:checked~span:after{display:block}.radio>span:after{width:6px;height:6px}.radio>span:after{content:\"\";border-radius:100%!important}i{font-size:1.25rem;color:#b5b5c3}.dropzone{min-height:auto}.btn.btn-light-primary{background-color:#f9e2a7;border-color:transparent}.checkbox-lis .checkbox span{margin-right:.75rem}.checkbox>span{background-color:#ebedf3;border:1px solid transparent}.checkbox>span{height:18px;width:18px}.checkbox>span{background-color:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.42rem}.checkbox>span:after{width:5px;height:10px}.checkbox>span:after{content:\"\";border-color:transparent;border-style:solid;border-width:0 2px 2px 0!important;transform:rotate(45deg);margin-top:-2px}.checkbox-list{display:flex;flex-direction:column}.checkbox>input{position:absolute;z-index:-1;opacity:0}.checkbox>input:checked~span{background-color:#1e4079}.checkbox>input:checked~span:after{border-color:#fff}.checkbox{display:flex;align-items:center;position:relative;text-align:left;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0}.add-plus{color:#fff!important}.border-dashed{padding:10px!important}.add-plus-black{color:#000!important}.plus-black .fa .fa-plus{color:#000!important;font-size:12px!important}.checkbox-list .checkbox{margin-bottom:1rem}.checkbox-list .checkbox span{margin-right:.75rem}.checkbox-list .checkbox:last-child{margin-bottom:0}.btn.btn-primary{color:#fff;background-color:#1e4079;border-color:#1e4079}.font-weight-bold{font-weight:500!important}button{font-family:inherit}.form-control1:focus{color:#3f4254!important;background-color:#fff!important;border-color:#69b3ff!important;outline:0!important}.table.table-head-bg thead th:first-child{border-radius:.42rem}.table.table-head-bg thead tr,.table.table-head-bg thead th{background-color:#f3f6f9;border-bottom:0;letter-spacing:1px}.table.table-head-custom thead tr,.table.table-head-custom thead th{font-weight:600;color:#b5b5c3!important;font-size:.9rem;text-transform:uppercase}.table thead th{font-weight:600;font-size:1rem;border-bottom-width:1px;padding-top:1rem;padding-bottom:1rem}.table th,.table td{padding:.75rem}.table.table-head-bg thead tr:last-child,.table.table-head-bg thead th:last-child{border-top-right-radius:.42rem;border-bottom-right-radius:.42rem}.table-responsive1{display:block;width:100%;overflow-x:auto}.text-white{color:#fff!important;font-size:15px!important}.details{border:2px solid #1e4079!important;border-radius:10px!important;max-width:13%}.text-primary{color:#1e4079!important}.text-link{color:#1a6888}@media (min-width: 300px) and (max-width: 750px){.item{font-size:10px!important}.item_price{font-size:9px!important}.details{border:2px solid #1e4079!important;border-radius:10px!important;max-width:23%}}@media (max-width: 450px){.item{font-size:10px!important}.item_price{font-size:9px!important}}@media (min-width: 600px) and (max-width: 992px){.items{font-size:18px!important}.item_prices{font-size:16px!important}}@media (max-width: 450px){.incre{border:2px solid blue!important;border-radius:100px!important;max-width:20.66667%!important}}.font-weight-bold{font-weight:700!important}@media (max-width: 750px){.incre{max-width:20.66667%!important}}.incre{border:2px solid blue!important;border-radius:100px!important;max-width:10.66667%}@media (max-width: 893px){.disp-none-small{display:none!important}}@media (min-width: 800px){.disp-none-large{display:none!important}}.fa-inr{font-size:15px!important;color:#1e4079!important}.text-primary{font-weight:700!important}.flaticon-upload:before{content:\"\\f11d\"}[class*=\" flaticon-\"]:before{font-family:Flaticon;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.dropzone{position:relative!important;display:inline-block!important;vertical-align:top!important;min-height:100px!important}.dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dz-image{border:1px dashed #ccc}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}\n"], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i13.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i13.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i13.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i13.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "app-common-innerloading-spinner", inputs: ["spinnerParams"] }, { kind: "component", type: i15.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i15.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i15.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i16.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i17.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i18.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "pipe", type: i12.DatePipe, name: "date" }, { kind: "pipe", type: i12.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CapitalizeFirstPipe, name: "capitalizeFirst" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-questionnaire', template: "<section class=\"cons-inbox no-padding-small\" *ngIf=\"!showservice\">\r\n  <div class=\"container consumer-dashhome no-padding no-padding-small\" *ngIf=\"!type && source!='proLead'\">\r\n    <div class=\"card title-gb rounded-0\" *ngIf=\"uuid\">\r\n      <h5 class=\"mgn-up-10 bold\">{{questionnaire_heading | capitalizeFirst}} <a class=\"pull-left mgn-rt-20 back-btn\"\r\n          (click)=\"goBack()\"><i class=\"fa fa-arrow-left\"></i></a></h5>\r\n    </div>\r\n  </div>\r\n  <app-common-innerloading-spinner *ngIf=\"loading\"></app-common-innerloading-spinner>\r\n  <div class=\"d-flex flex-column-fluid pull-right mgn-rt-10 mgn-bt-20\"\r\n    *ngIf=\"type !== 'qnrLinkProvider' && !buttonDisable && waitlistStatus\">\r\n    <button class=\"normal-btn edit\" mat-flat-button (click)=\"editQnr()\">Edit</button>\r\n  </div>\r\n  <div class=\"d-flex flex-column-fluid width-100\" [class.qnrDisableState]=\"disableInput()\"\r\n    [class.no-padding]=\"uuid && (source === 'consCheckin' || source === 'consAppt' || source === 'consOrder' || source === 'paper' || source === 'consDonationDetails' || source === 'ivr')\">\r\n    <div class=\"col-xl-12 force_center\" [class.no-padding]=\"uuid\" [class.no-padding-small]=\"source && source=='ivr'\">\r\n      <div class=\"\">\r\n        <div class=\"qnrsec\" *ngFor=\"let qnr of groupedQnr | keyvalue: asIsOrder\"\r\n          [class.section-shadow]=\"getSectionCount() > 1\" [class.no-padding-small]=\"source && source=='ivr'\">\r\n          <!-- {{qnr | json}} -->\r\n          <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{qnr.key}}</div> -->\r\n          <div class=\"form-group card mgn-0\" *ngFor=\"let question of qnr.value\">\r\n            <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{getQuestion(question).sectionName}}</div> -->\r\n            <label class=\"col-12 quest\">{{getQuestion(question).label}}\r\n              <i class=\"fa fa-plus-circle pull-right\" aria-hidden=\"true\"\r\n                [class.addicon]=\"!buttonDisable && !disableInput()\"\r\n                *ngIf=\"getQuestion(question).fieldDataType === 'dataGrid' && !showDataGrid[getQuestion(question).labelName]\"\r\n                (click)=\"!buttonDisable && !disableInput() && showDataGridAddSection(getQuestion(question), true)\"></i>\r\n              <div class=\"pro-only\" *ngIf=\"showProviderText(getQuestion(question))\">For Providers</div>\r\n              <span class=\"red\" *ngIf=\"getQuestion(question).mandatory\">*</span>\r\n              <div class=\"form-level-settings\" *ngIf=\"getQuestion(question).hint\"\r\n                [innerHTML]=\"getQuestion(question).hint | safeHtml\">\r\n              </div>\r\n            </label>\r\n            <!-- for file upload -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'fileUpload'\">\r\n              <mat-select multiple #deptsel [disabled]=\"buttonDisable || disableInput()\"\r\n                *ngIf=\"getQuestion(question).filePropertie.maxNoOfFile > 1 && getQuestion(question).filePropertie.minNoOfFile !== getQuestion(question).filePropertie.maxNoOfFile\"\r\n                [(ngModel)]=\"uploadFilesTemp[getQuestion(question).labelName]\" class=\"select-box\" placeholder=\"Select\">\r\n                <mat-option *ngFor=\"let document of getQuestion(question).filePropertie.allowedDocuments\"\r\n                  [value]=\"document\" (click)=\"changeImageSelected(getQuestion(question), document)\">\r\n                  {{document}}</mat-option>\r\n              </mat-select>\r\n              <div class=\"col-lg-12 col-12 col-md-12 col-sm-12 no-padding mgn-up-20\"\r\n                *ngIf=\"getDocuments(getQuestion(question)) && getDocuments(getQuestion(question)).length > 0\">\r\n                <div class=\"dropzone dropzone-default dropzone-primary dz-clickable\"\r\n                  [class.single-file]=\"getQuestion(question).filePropertie.allowedDocuments.length==1\"\r\n                  style=\"cursor: auto;\">\r\n                  <ng-container *ngFor=\"let doc of getDocuments(getQuestion(question))\">\r\n                    <div class=\"dz-preview dz-processing dz-image-preview dz-error dz-complete\"\r\n                      *ngIf=\"getImg(getQuestion(question), doc)\">\r\n                      <div class=\"docname\" *ngIf=\"getQuestion(question).filePropertie.allowedDocuments.length > 1\">\r\n                        {{doc}}</div>\r\n                      <div class=\"dzimage pointer-cursor\" (click)=\"openAttachmentGallery(getQuestion(question), doc)\">\r\n                        <img alt=\"\" class=\"img_fit\" [src]=\"getImg(getQuestion(question), doc)\">\r\n                      </div>\r\n                      <input [disabled]=\"buttonDisable || disableInput()\" (blur)=\"onSubmit('inputChange');\"\r\n                        [(ngModel)]=\"comments[getQuestion(question).labelName + '=' + doc]\">\r\n                      <div class=\"gal_action\" *ngIf=\"!buttonDisable && !disableInput() && mode!=='read'\"\r\n                        (click)=\"changeImageSelected(getQuestion(question), doc)\">\r\n                        <i class=\"fa fa-times-circle\" aria-hidden=\"true\"></i>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"dz-preview dz-processing dz-image-preview dz-error dz-complete\"\r\n                      (click)=\"logofile1.click()\" *ngIf=\"!getImg(getQuestion(question), doc)\">\r\n                      <div class=\"docname\" *ngIf=\"getQuestion(question).filePropertie.allowedDocuments.length > 1\">\r\n                        {{doc}}</div>\r\n                      <div class=\"dz-image pointer-cursor\">\r\n                      </div>\r\n                      <input #logofile1 type=\"file\" accept=\"/*;capture=camera\" style=\"display:none;\"\r\n                        [disabled]=\"buttonDisable || disableInput()\"\r\n                        (change)=\"filesSelected($event, getQuestion(question), doc)\">\r\n                      <div class=\"dz-error-mark\">\r\n                        <a class=\"btn btn-icon btn-light-success btn-circle mr-2\"><i\r\n                            class=\"text-dark-50 flaticon-upload\"></i></a>\r\n                      </div>\r\n                    </div>\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for checkbox -->\r\n            <div class=\"col-12\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'list' && getQuestion(question).listPropertie.maxAnswers > 1\">\r\n              <div class=\"checkbox-list\">\r\n                <label class=\"checkbox\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"checkbox\" [checked]=\"isChecked(value, getQuestion(question))\"\r\n                    (change)=\"listChange($event, value, getQuestion(question))\"\r\n                    [disabled]=\"buttonDisable || disableInput()\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for radio -->\r\n            <div class=\"col-12\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'list' && getQuestion(question).listPropertie.maxAnswers === 1\">\r\n              <div class=\"radio-list\">\r\n                <label class=\"radio\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                    [checked]=\"isChecked(value, getQuestion(question))\"\r\n                    (change)=\"listChange($event, value, getQuestion(question))\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for toggel boolean -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'bool'\">\r\n              <div class=\"radio-list\">\r\n                <label class=\"radio\" *ngFor=\"let value of getQuestion(question).labelValues\">\r\n                  <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                    [checked]=\"isBooleanChecked(value, getQuestion(question))\"\r\n                    (change)=\"booleanChange($event, value, getQuestion(question))\">\r\n                  <span></span>\r\n                  {{value}}\r\n                </label>\r\n              </div>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Text -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'plainText'\">\r\n              <input *ngIf=\"getQuestion(question).plainTextPropertie.maxNoOfLetter<=100\"\r\n                  [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"                  \r\n                  [minlength]=\"getQuestion(question).plainTextPropertie.minNoOfLetter\"\r\n                  [maxlength]=\"getQuestion(question).plainTextPropertie.maxNoOfLetter\"\r\n                  class=\"form-control1 form-control-solid\" type=\"text\" [disabled]=\"buttonDisable || disableInput()\">\r\n                  <!-- [disabled]=\"buttonDisable || disableInput()\" -->\r\n                <textarea rows=\"3\" *ngIf=\"getQuestion(question).plainTextPropertie.maxNoOfLetter>100\"\r\n                  [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"\r\n                  [minlength]=\"getQuestion(question).plainTextPropertie.minNoOfLetter\"\r\n                  [maxlength]=\"getQuestion(question).plainTextPropertie.maxNoOfLetter\" [disabled]=\"buttonDisable || disableInput()\"\r\n                  class=\"form-control2 form-control-solid\"></textarea>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Number -->\r\n            <div class=\"col-12\" *ngIf=\"getQuestion(question).fieldDataType === 'number'\">\r\n              <input [(ngModel)]=\"answers[getQuestion(question).labelName]\" (input)=\"onSubmit('inputChange');\"\r\n                [min]=\"getQuestion(question).numberPropertie.start\" [max]=\"getQuestion(question).numberPropertie.end\"\r\n                [disabled]=\"buttonDisable || disableInput()\" class=\"form-control1 form-control-solid\" type=\"number\"\r\n                (keypress)=\"isNumeric($event)\">\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Date -->\r\n            <div class=\"col-12 disp-flex\" *ngIf=\"getQuestion(question).fieldDataType === 'date'\">\r\n              <input class=\"form-control1\" [matDatepicker]=\"picker\" [max]=\"getMaxdate(question)\"\r\n                [min]=\"getMindate(question)\" [(ngModel)]=\"answers[getQuestion(question).labelName]\"\r\n                (dateChange)=\"onSubmit('inputChange')\" [disabled]=\"buttonDisable || disableInput()\"\r\n                (click)=\"picker.open()\">\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n              <mat-datepicker #picker [disabled]=\"buttonDisable || disableInput()\"></mat-datepicker>\r\n              <div class=\"mt-2 text-danger\" *ngIf=\"apiError[getQuestion(question).labelName]\">\r\n                {{apiError[getQuestion(question).labelName]}}</div>\r\n            </div>\r\n            <!-- for Datagrid -->\r\n            <div class=\"table-responsive1\"\r\n              *ngIf=\"getQuestion(question).fieldDataType === 'dataGrid' && dataGridColumnsAnswerList[getQuestion(question).labelName] && dataGridColumnsAnswerList[getQuestion(question).labelName].length > 0\">\r\n              <table class=\"table table-head-custom table-head-bg table-borderless table-vertical-center\">\r\n                <thead>\r\n                  <th *ngFor=\"let column of getQuestion(question).dataGridProperties.dataGridColumns\">\r\n                    {{column.columnId}}</th>\r\n                  <th *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                  </th>\r\n                  <th *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                  </th>\r\n                </thead>\r\n                <tbody>\r\n                  <tr *ngFor=\"let column of dataGridColumnsAnswerList[getQuestion(question).labelName];let i =index\">\r\n                    <td *ngFor=\"let data of column | keyvalue\">\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) === 'date'\">\r\n                        {{data.value | date : newTimeDateFormat}}\r\n                      </div>\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) === 'bool'\">\r\n                        {{getBoolValue(data.value)}}\r\n                      </div>\r\n                      <div\r\n                        *ngIf=\"getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) !== 'date' && getColumnType(getQuestion(question).dataGridProperties.dataGridColumns, data.key) !== 'bool'\">\r\n                        {{data.value}}\r\n                      </div>\r\n                    </td>\r\n                    <td *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                      <i class=\"fa fa-pen\" (click)=\"editDataGrid(getQuestion(question), column)\"></i>\r\n                    </td>\r\n                    <td *ngIf=\"!buttonDisable && !disableInput() && !showDataGrid[getQuestion(question).labelName]\">\r\n                      <i class=\"fa fa-trash\" (click)=\"deleteDataGrid(getQuestion(question), column)\"></i>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div class=\"gridSection\" *ngIf=\"showDataGrid[getQuestion(question).labelName]\">\r\n              <div class=\"gridColumn\" *ngFor=\"let column of getQuestion(question).dataGridProperties.dataGridColumns\">\r\n                <label>{{column.label}}\r\n                  <span class=\"red\" *ngIf=\"column.mandatory\">*</span>\r\n                </label>\r\n                <!-- for checkbox -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'list'\">\r\n                  <div class=\"checkbox-list\">\r\n                    <label class=\"checkbox\" *ngFor=\"let value of column.listPropertie.values\">\r\n                      <input type=\"checkbox\" [checked]=\"isChecked(value, getQuestion(question), column)\"\r\n                        (change)=\"listChange($event, value, getQuestion(question), column)\"\r\n                        [disabled]=\"buttonDisable || disableInput()\">\r\n                      <span></span>\r\n                      {{value}}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!-- for toggel boolean -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'bool'\">\r\n                  <div class=\"radio-list\">\r\n                    <label class=\"radio\">\r\n                      <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                        [checked]=\"isBooleanChecked('yes', getQuestion(question), column)\"\r\n                        (change)=\"booleanChange($event, 'yes', getQuestion(question), column)\">\r\n                      <span></span>\r\n                      Yes\r\n                    </label>\r\n                    <label class=\"radio\">\r\n                      <input type=\"radio\" [disabled]=\"buttonDisable || disableInput()\"\r\n                        [checked]=\"isBooleanChecked('no', getQuestion(question), column)\"\r\n                        (change)=\"booleanChange($event, 'no', getQuestion(question), column)\">\r\n                      <span></span>\r\n                      No\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!-- for Text -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'plainText'\">\r\n                  <input [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" class=\"form-control1 form-control-solid\" type=\"text\">\r\n                </div>\r\n                <!-- for Number -->\r\n                <div class=\"col-12\" *ngIf=\"column.dataType === 'number'\">\r\n                  <input [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" [min]=\"column.numberPropertie.start\"\r\n                    [max]=\"column.numberPropertie.end\" class=\"form-control1 form-control-solid\" type=\"number\">\r\n                </div>\r\n                <!-- for Date -->\r\n                <div class=\"col-12 disp-flex\" *ngIf=\"column.dataType === 'date'\">\r\n                  <input class=\"form-control1\" [matDatepicker]=\"picker\" [max]=\"getMaxdate(question)\"\r\n                    [min]=\"getMindate(question)\"\r\n                    [(ngModel)]=\"dataGridColumns[getQuestion(question).labelName + '=' + column.order]\"\r\n                    [disabled]=\"buttonDisable || disableInput()\" (click)=\"picker.open()\">\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n                  <mat-datepicker #picker [disabled]=\"buttonDisable || disableInput()\">\r\n                  </mat-datepicker>\r\n                </div>\r\n              </div>\r\n              <div class=\"act-btns\">\r\n                <button type=\"button\" class=\"btn btn-light-primary font-weight-bold\"\r\n                  (click)=\"cancelAddorUpdate(getQuestion(question))\">\r\n                  Cancel\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-primary font-weight-bold\"\r\n                  (click)=\"saveDataGridColumn(getQuestion(question))\">Add</button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-12 col-12 col-sm-12 col-lg-12 no-padding submit-pad\"\r\n        *ngIf=\"type !== 'qnrLinkProvider' && source!=='proLead' && (uuid || source === 'customer-details' || source === 'proDonation') && !disableInput()\">\r\n        <button class=\"normal-btn\" mat-flat-button [class.spinner]=\"buttonDisable\"\r\n          [class.spinner-darker-success]=\"buttonDisable\" [class.spinner-center]=\"buttonDisable\"\r\n          (click)=\"!buttonDisable && onSubmit('submit')\" [disabled]=\"buttonDisable\"\r\n          [class.disabled]=\"buttonDisable\">{{(type == 'qnr-link') ? 'Submit' : 'Update'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<ks-modal-gallery [id]=\"0\" *ngIf=\"image_list_popup && image_list_popup.length>0\" [modalImages]=\"image_list_popup\"\r\n  [plainGalleryConfig]=\"customPlainGalleryRowConfig\" [buttonsConfig]=\"customButtonsFontAwesomeConfig\"\r\n  (buttonBeforeHook)=\"onButtonBeforeHook($event)\"></ks-modal-gallery>\r\n<section class=\"cons-inbox no-padding-small\" *ngIf=\"showservice\">\r\n  <div class=\"container consumer-dashhome no-padding no-padding-small\" *ngIf=\"!type\">\r\n    <div class=\"card title-gb rounded-0\" *ngIf=\"uuid\">\r\n      <h5 class=\"mgn-up-10 bold\">{{questionnaire_heading | capitalizeFirst}} <a class=\"pull-left mgn-rt-20 back-btn\"\r\n          (click)=\"goBack()\"><i class=\"fa fa-arrow-left\"></i></a></h5>\r\n    </div>\r\n  </div>\r\n  <app-common-innerloading-spinner *ngIf=\"loading\"></app-common-innerloading-spinner>\r\n  <div class=\"d-flex flex-column-fluid pull-right mgn-rt-10 mgn-bt-20\"\r\n    *ngIf=\"type !== 'qnrLinkProvider' && !buttonDisable && waitlistStatus\">\r\n    <button class=\"normal-btn edit\" mat-flat-button (click)=\"editQnr()\">Edit</button>\r\n  </div>\r\n  <div class=\"d-flex flex-column-fluid width-100\" [class.qnrDisableState]=\"disableInput()\"\r\n    [class.no-padding]=\"uuid && (source === 'consCheckin' || source === 'consAppt' || source === 'consDonationDetails' )\">\r\n    <div class=\"col-xl-12 force_center no-padding\" [class.no-padding]=\"uuid\"\r\n      [class.no-padding-small]=\"source && source=='ivr'\">\r\n      <div class=\"\">\r\n        <div class=\"\" *ngFor=\"let qnr of groupedQnr | keyvalue\" [class.section-shadow]=\"getSectionCount() > 1\">\r\n          <!-- <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">{{qnr.key}}</div> -->\r\n          <div *ngIf=\"itemArray.length == 0 \">\r\n            <div class=\"form-group mgn-0 border-dashed text-center\" *ngFor=\"let question of qnr.value\">\r\n              <div class=\"qnr-section\" *ngIf=\"getSectionCount() > 1\">\r\n                {{getQuestion(question).question.sectionName}}</div>\r\n              <label class=\"col-12 quest pointer-cursor\"\r\n                (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\">\r\n                <!-- {{getQuestion(question).question.label}} -->\r\n                <!-- <div class=\"pull-right btn btn-primary font-weight-bold\"\r\n                    (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\"><i\r\n                      class=\"fa fa-plus add-plus\"></i>Add Item\r\n                  </div> -->\r\n                <div>\r\n                  <img src=\"./assets/images/service-options.svg\" alt=\"Service Options\" class=\"img-fluid pb-0\"\r\n                    width=\"300\" height=\"300\">\r\n                </div>\r\n                <div class=\"pro-only\" *ngIf=\"showProviderText(getQuestion(question).question)\">For Providers</div>\r\n                <span class=\"red\" *ngIf=\"getQuestion(question).question.mandatory\">*</span>\r\n                <!-- <div class=\"form-level-settings\" *ngIf=\"getQuestion(question).question.hint\">\r\n                  {{getQuestion(question).question.hint}}\r\n                </div> -->\r\n                <div>\r\n                  <span class=\"text-primary font-weight-bold\">Please Choose your Pet</span>\r\n                </div>\r\n                <div class=\"mt-3\">\r\n                  <span class=\"btn btn-light font-weight-bold\">Continue</span>\r\n                </div>\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n\r\n\r\n        </div>\r\n        <!-- {{itemArray | json}} -->\r\n        <div class=\"col-md-12 col-12 col-sm-12 mgn-bt-12 no-padding\" *ngIf=\"showItem\">\r\n\r\n\r\n          <div>\r\n            <div class=\"card-border\" *ngFor=\" let items of itemArray\">\r\n\r\n              <div class=\"d-flex justify-content-between\">\r\n                <div>\r\n                  <div class=\"text-capitalize\">\r\n                    <div class=\"\">\r\n                      <span class=\"text-primary\">\r\n                        {{items.item}}<br>\r\n                      </span>\r\n                      <!-- <span class=\"disp-none-small\">&nbsp;-&nbsp;</span>\r\n                      <span class=\"disp-none-large\"><br></span> -->\r\n\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"d-flex border-apply px-0\">\r\n                  <div (click)=\"decrement(items);\" class=\"pointer-cursor quantity quantity-1\">\r\n                    <span class=\"p-10\">-</span>\r\n                  </div>\r\n                  <div class=\"mx-2 pointer-cursor\"><span class=\"quantity\"\r\n                      *ngIf=\"items && items.columnItem && items.columnItem[0] && items.columnItem[0].answer && items.columnItem[0].answer.dataGridList && items.columnItem[0].answer.dataGridList[0] && items.columnItem[0].answer.dataGridList[0].dataGridListColumn && items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0] && items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity\">\r\n                      {{items.columnItem[0].answer.dataGridList[0].dataGridListColumn[0].quantity}}</span>\r\n                  </div>\r\n                  <div (click)=\"increment(items);\" class=\"pointer-cursor quantity quantity-1\">\r\n                    <span class=\"p-10\">+</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <span class=\"text-primary\"><span><i class=\"fa fa-inr\"></i>\r\n                    {{items.price * getItemQuantity(items)}}/-\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <!-- <div (click)=\"qnrPopup(items, 'edit');\">\r\n                <span class=\"text-link font-weight-bold\"><span>\r\n                    Edit*\r\n                  </span>\r\n                </span>\r\n              </div> -->\r\n            </div>\r\n\r\n            <div class=\"clearfix\"></div>\r\n            <div *ngIf=\"showItem &&itemArray.length > 0\">\r\n              <div *ngFor=\"let qnr of groupedQnr | keyvalue\" [class.section-shadow]=\"getSectionCount() > 1\">\r\n                <div *ngFor=\"let question of qnr.value\">\r\n                  <label class=\"col-12 quest pointer-cursor\"\r\n                    (click)=\"showDataGridAddSectionn(getQuestion(question).question, true)\">\r\n                    <span class=\"btn btn-light font-weight-bold\"><i class=\"fa fa-plus text-white\"></i>Add</span>\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n</section>\r\n\r\n<!-- <ks-modal-gallery [id]=\"0\" *ngIf=\"image_list_popup && image_list_popup.length>0\" [modalImages]=\"image_list_popup\"\r\n  [plainGalleryConfig]=\"customPlainGalleryRowConfig\" [buttonsConfig]=\"customButtonsFontAwesomeConfig\"\r\n  (buttonBeforeHook)=\"onButtonBeforeHook($event)\"></ks-modal-gallery> -->", styles: [".dropzone{min-height:auto!important}.question-box{margin-top:10px}.btn-light{background-color:#1e4079!important;padding:5px 25px!important;color:#fff!important}.quest-outer{padding:10px}.error-msg{color:red}.upload-btn{background:#fff;border:1px solid;font-size:small}.card-border{box-shadow:0 0 5px 5px #f0f0f0!important;padding:10px 30px!important;margin:20px 10px!important;cursor:pointer!important;border-radius:10px!important}.border-apply{border:2px solid #1e4079!important;border-radius:20px!important}.quantity{font-size:20px!important;font-weight:700!important}.quantity-1:hover{background-color:#1e4079!important;color:#fff!important;font-weight:700!important;border-radius:50%!important;padding:-2px 12px!important}::ng-deep .mat-checkbox-layout{font-weight:400!important}.force_center{margin-left:auto;margin-right:auto}.input-group-text{display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.65rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#3f4254;text-align:center;white-space:nowrap;background-color:#f3f6f9!important;border:1px solid #E4E6EF!important;border-radius:.42rem;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer}.w_100{width:100%}.img_fit{width:120px;height:120px}.dropzone .dropzone-default{border:1px dashed #EBEDF3!important}.select-box{padding:10px!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important}.normal-btn{padding:5px 20px;border:none!important}.edit{padding:3px 25px;border-radius:20px!important}.mgn-0{margin-left:0!important;margin-right:0!important;margin-bottom:10px!important}.quest{font-size:1.1rem!important}.mt-3 a:hover{text-decoration:underline!important}.dzimage,.dz-image{border:1px dashed #ccc}.gal_action{position:absolute;top:20px;right:-10px;background:#00000080;width:20px;height:20px;text-align:center;border-radius:50%;cursor:pointer}.single-file{padding:0!important;text-align:initial!important;border:none!important}.single-file .dz-preview{position:relative!important;display:inline-block!important;vertical-align:top!important;margin:16px!important;min-height:100px!important}.single-file .gal_action{top:-5px!important}.pro-only{float:right;color:red;font-size:.8rem}.qnrDisableState .card,.qnrDisableState .dropzone-default,.qnrDisableState .dz-image-preview{background:#eeeeee9e!important}.qnr-section{font-weight:700;padding-bottom:10px;text-transform:uppercase}.section-shadow{margin:20px 10px;padding:20px!important;box-shadow:0 0 10px #0000001f!important}.gridSection .gridColumn{padding:15px}.gridSection .gridColumn label{padding:0 12.5px!important;font-weight:400!important;color:#3f4254!important;font-size:.9rem!important}.gridSection .act-btns .btn{padding:5px 10px!important;margin:5px!important}.gridSection .act-btns{padding:0 20px}.fa-plus-circle{font-size:1.5rem!important}.addicon{color:#1e4079!important;cursor:pointer}.fa-trash,.fa-pen{color:#000!important;font-size:1rem!important}.dz-preview input{width:121px!important;border:1px solid #ccc}.submit-pad{padding:0 10px 20px!important}.form-group.card{border:1px solid #dadce063!important;border-radius:8px!important;padding:5px!important}.docname{width:120px;margin-bottom:5px;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}@media (max-width: 750px){.normal-btn{padding:3px 10px;border:none!important}.edit{padding:2px 12px;border-radius:10px!important}}.col-xl-12,.col-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;width:100%;padding-right:12.5px;padding-left:12.5px}@media (min-width: 1200px){.col-xl-12{flex:0 0 100%;max-width:100%}}.qnrsec{padding:10px}.p-10{padding:8px!important}.form-control1{display:block!important;width:100%!important;height:calc(1.5em + 1.3rem + 2px)!important;padding:.65rem 1rem!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;color:#3f4254!important;background-color:#fff!important;background-clip:padding-box!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important;box-shadow:none!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.form-control2{display:block!important;width:100%!important;padding:.65rem 1rem!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;color:#3f4254!important;background-color:#fff!important;background-clip:padding-box!important;border:1px solid #E4E6EF!important;border-radius:.42rem!important;box-shadow:none!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.form-group label{font-size:1rem;font-weight:400;color:#3f4254}label{display:inline-block;margin-bottom:.5rem}.col-12{flex:0 0 100%;max-width:100%}.radio-list .radio span{margin-right:.75rem}.radio>span{background-color:#ebedf3;border:1px solid transparent}.radio>span{height:18px;width:18px}.radio>span{border-radius:50%;background-color:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-list .radio{margin-bottom:1rem}.radio{display:flex;align-items:center;position:relative;text-align:left;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0}.radio>input{position:absolute;z-index:-1;opacity:0}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #EBEDF3;border-radius:.42rem}.radio-list .radio:last-child{margin-bottom:0}@media (min-width: 992px){.col-lg-12{flex:0 0 100%;max-width:100%}}.dropzone.dropzone-default .dz-preview .dz-image{border-radius:.42rem}.btn.btn-icon i{padding:0;margin:0}.btn i{font-size:1.3rem;padding-right:.35rem;vertical-align:middle;line-height:1;display:inline-flex}.btn i{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.text-dark-50{color:#7e8299!important}.btn.btn-icon.btn-circle{border-radius:50%}.btn.btn-light-success{color:#1bc5bd;background-color:#c9f7f5;border-color:transparent}.btn.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;height:calc(1.5em + 1.3rem + 2px);width:calc(1.5em + 1.3rem + 2px)}.btn{display:inline-block;font-weight:400;color:#3f4254;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.65rem 1rem;font-size:1rem;line-height:1.5;border-radius:.42rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.radio>input:checked~span{background-color:#1e4079}.radio>input:checked~span:after{background-color:#fff;border-color:#fff}.radio>input:checked~span:after{display:block}.radio>span:after{width:6px;height:6px}.radio>span:after{content:\"\";border-radius:100%!important}i{font-size:1.25rem;color:#b5b5c3}.dropzone{min-height:auto}.btn.btn-light-primary{background-color:#f9e2a7;border-color:transparent}.checkbox-lis .checkbox span{margin-right:.75rem}.checkbox>span{background-color:#ebedf3;border:1px solid transparent}.checkbox>span{height:18px;width:18px}.checkbox>span{background-color:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.42rem}.checkbox>span:after{width:5px;height:10px}.checkbox>span:after{content:\"\";border-color:transparent;border-style:solid;border-width:0 2px 2px 0!important;transform:rotate(45deg);margin-top:-2px}.checkbox-list{display:flex;flex-direction:column}.checkbox>input{position:absolute;z-index:-1;opacity:0}.checkbox>input:checked~span{background-color:#1e4079}.checkbox>input:checked~span:after{border-color:#fff}.checkbox{display:flex;align-items:center;position:relative;text-align:left;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0}.add-plus{color:#fff!important}.border-dashed{padding:10px!important}.add-plus-black{color:#000!important}.plus-black .fa .fa-plus{color:#000!important;font-size:12px!important}.checkbox-list .checkbox{margin-bottom:1rem}.checkbox-list .checkbox span{margin-right:.75rem}.checkbox-list .checkbox:last-child{margin-bottom:0}.btn.btn-primary{color:#fff;background-color:#1e4079;border-color:#1e4079}.font-weight-bold{font-weight:500!important}button{font-family:inherit}.form-control1:focus{color:#3f4254!important;background-color:#fff!important;border-color:#69b3ff!important;outline:0!important}.table.table-head-bg thead th:first-child{border-radius:.42rem}.table.table-head-bg thead tr,.table.table-head-bg thead th{background-color:#f3f6f9;border-bottom:0;letter-spacing:1px}.table.table-head-custom thead tr,.table.table-head-custom thead th{font-weight:600;color:#b5b5c3!important;font-size:.9rem;text-transform:uppercase}.table thead th{font-weight:600;font-size:1rem;border-bottom-width:1px;padding-top:1rem;padding-bottom:1rem}.table th,.table td{padding:.75rem}.table.table-head-bg thead tr:last-child,.table.table-head-bg thead th:last-child{border-top-right-radius:.42rem;border-bottom-right-radius:.42rem}.table-responsive1{display:block;width:100%;overflow-x:auto}.text-white{color:#fff!important;font-size:15px!important}.details{border:2px solid #1e4079!important;border-radius:10px!important;max-width:13%}.text-primary{color:#1e4079!important}.text-link{color:#1a6888}@media (min-width: 300px) and (max-width: 750px){.item{font-size:10px!important}.item_price{font-size:9px!important}.details{border:2px solid #1e4079!important;border-radius:10px!important;max-width:23%}}@media (max-width: 450px){.item{font-size:10px!important}.item_price{font-size:9px!important}}@media (min-width: 600px) and (max-width: 992px){.items{font-size:18px!important}.item_prices{font-size:16px!important}}@media (max-width: 450px){.incre{border:2px solid blue!important;border-radius:100px!important;max-width:20.66667%!important}}.font-weight-bold{font-weight:700!important}@media (max-width: 750px){.incre{max-width:20.66667%!important}}.incre{border:2px solid blue!important;border-radius:100px!important;max-width:10.66667%}@media (max-width: 893px){.disp-none-small{display:none!important}}@media (min-width: 800px){.disp-none-large{display:none!important}}.fa-inr{font-size:15px!important;color:#1e4079!important}.text-primary{font-weight:700!important}.flaticon-upload:before{content:\"\\f11d\"}[class*=\" flaticon-\"]:before{font-family:Flaticon;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.dropzone{position:relative!important;display:inline-block!important;vertical-align:top!important;min-height:100px!important}.dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dz-image{border:1px dashed #ccc}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$6.ActivatedRoute }, { type: WordProcessor }, { type: LocalStorageService }, { type: DateTimeProcessor }, { type: i1$5.MatDialog }, { type: FileService }, { type: CommonService }, { type: QuestionaireService }, { type: ErrorMessagingService }, { type: ToastService }, { type: i11.ModalGalleryService }, { type: i12.Location }], propDecorators: { questionnaireList: [{
+                type: Input
+            }], source: [{
+                type: Input
+            }], accountId: [{
+                type: Input
+            }], questionAnswers: [{
+                type: Input
+            }], customerDetails: [{
+                type: Input
+            }], uuid: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], waitlistStatus: [{
+                type: Input
+            }], orderStatus: [{
+                type: Input
+            }], donationDetails: [{
+                type: Input
+            }], service: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], fileChanged: [{
+                type: Output
+            }], returnAnswers: [{
+                type: Output
+            }], tempType: [{
+                type: Input
+            }], bookingType: [{
+                type: Input
+            }], file2: [{
+                type: ViewChild,
+                args: ['logofile1']
+            }] } });
+
+class CapitalizeFirstPipeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipeModule, declarations: [CapitalizeFirstPipe], imports: [CommonModule], exports: [CapitalizeFirstPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipeModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CapitalizeFirstPipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [CapitalizeFirstPipe],
+                    exports: [CapitalizeFirstPipe]
+                }]
+        }] });
+
+class SafeHtmlModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlModule, declarations: [SafeHtmlPipe], imports: [CommonModule], exports: [SafeHtmlPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SafeHtmlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [SafeHtmlPipe],
+                    exports: [SafeHtmlPipe]
+                }]
+        }] });
+
+class QuestionnaireModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireModule, declarations: [QuestionnaireComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            LoadingSpinnerModule,
+            CapitalizeFirstPipeModule,
+            GalleryModule,
+            MatDatepickerModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatOptionModule,
+            MatSelectModule,
+            SafeHtmlModule,
+            // SharedModule,
+            MatIconModule], exports: [QuestionnaireComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            LoadingSpinnerModule,
+            CapitalizeFirstPipeModule,
+            GalleryModule,
+            MatDatepickerModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatOptionModule,
+            MatSelectModule,
+            SafeHtmlModule,
+            // SharedModule,
+            MatIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QuestionnaireModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        QuestionnaireComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        LoadingSpinnerModule,
+                        CapitalizeFirstPipeModule,
+                        GalleryModule,
+                        MatDatepickerModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        MatOptionModule,
+                        MatSelectModule,
+                        SafeHtmlModule,
+                        // SharedModule,
+                        MatIconModule
+                    ],
+                    providers: [],
+                    schemas: [
+                        NO_ERRORS_SCHEMA,
+                        CUSTOM_ELEMENTS_SCHEMA
+                    ],
+                    exports: [QuestionnaireComponent]
+                }]
+        }] });
+
+class ShowuploadfileModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileModule, declarations: [ShowuploadfileComponent], imports: [CommonModule,
+            MatDialogModule], exports: [ShowuploadfileComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileModule, imports: [CommonModule,
+            MatDialogModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ShowuploadfileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatDialogModule
+                    ],
+                    exports: [
+                        ShowuploadfileComponent
+                    ],
+                    declarations: [
+                        ShowuploadfileComponent
+                    ]
+                }]
+        }] });
+
+class PhoneInputComponent {
+    initialCountry = 'us'; // Default to 'us'
+    preferredCountries = []; // List of preferred countries
+    nationalMode = true; // Use national mode so dial code is hidden in input box
+    separateDialCode = true; // Whether to separate dial code (controls formatting)
+    otherOptions = {}; // Any other options for intl-tel-input
+    phoneInput;
+    phoneNumber = { dialCode: '', countryCode: '', e164Number: '', number: '' }; // Structured phone number object
+    phoneInputInstance;
+    // Output Event to send the phone number value to the parent component
+    phoneNumberChange = new EventEmitter();
+    // Function to handle form control value changes
+    onChange = (value) => { };
+    onTouched = () => { };
+    ngAfterViewInit() {
+        if (this.phoneInput && this.phoneInput.nativeElement) {
+            this.initializePhoneInput();
+        }
+    }
+    // Initialize intl-tel-input for the phone input field
+    initializePhoneInput() {
+        const options = {
+            initialCountry: this.initialCountry,
+            preferredCountries: this.preferredCountries,
+            nationalMode: this.nationalMode, // Use national mode to hide dial code
+            separateDialCode: this.separateDialCode, // Keep separate dial code for processing
+            utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js',
+            ...this.otherOptions // Merge any additional options provided
+        };
+        // Initialize intl-tel-input
+        this.phoneInputInstance = intlTelInput(this.phoneInput.nativeElement, options);
+        // Capture the country change event to track the selected country code and dial code
+        this.phoneInput.nativeElement.addEventListener('countrychange', () => {
+            this.updatePhoneNumber();
+        });
+        // Capture input event to update phone number in E.164 format
+        this.phoneInput.nativeElement.addEventListener('input', () => {
+            this.updatePhoneNumber();
+        });
+        // Set the initial value if available (without showing the dial code)
+        if (this.phoneNumber.e164Number) {
+            this.phoneInputInstance.setNumber(this.phoneNumber.e164Number); // Set the E.164 formatted number
+        }
+    }
+    // Method to update the phone number object
+    updatePhoneNumber() {
+        const dialCode = '+' + this.phoneInputInstance.getSelectedCountryData().dialCode;
+        const countryCode = this.phoneInputInstance.getSelectedCountryData().iso2;
+        const e164Number = this.phoneInputInstance.getNumber(); // Full number in E.164 format
+        const number = e164Number.split(dialCode)[1];
+        // Update the phoneNumber object with the full details
+        this.phoneNumber = {
+            dialCode,
+            countryCode,
+            e164Number,
+            number
+        };
+        // Emit the updated value to the parent component
+        this.phoneNumberChange.emit(this.phoneNumber); // Sending the value to parent
+    }
+    // Implement the writeValue method for ControlValueAccessor
+    writeValue(value) {
+        if (value && value.e164Number) {
+            this.phoneNumber = value;
+            if (this.phoneInput && this.phoneInput.nativeElement) {
+                this.phoneInputInstance.setNumber(value.e164Number); // Set the E.164 formatted number
+            }
+        }
+    }
+    // Implement the registerOnChange method for ControlValueAccessor
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    // Implement the registerOnTouched method for ControlValueAccessor
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    // Custom Validation Method: Validate the phone number
+    validatePhoneNumber() {
+        if (this.phoneInputInstance) {
+            // Check if the current phone number is valid according to the selected country
+            const isValid = this.phoneInputInstance.isValidNumber() || this.phoneNumber.number.startsWith('555');
+            return isValid;
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: PhoneInputComponent, selector: "app-phone-input", inputs: { initialCountry: "initialCountry", preferredCountries: "preferredCountries", nationalMode: "nationalMode", separateDialCode: "separateDialCode", otherOptions: "otherOptions" }, outputs: { phoneNumberChange: "phoneNumberChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PhoneInputComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true }], ngImport: i0, template: "<div class=\"phone-input-wrapper\">\r\n    <input #phoneInput type=\"tel\" [(ngModel)]=\"phoneNumber.phoneNumber\"\r\n        name=\"phoneNumber\" [required]=\"true\" #phone=\"ngModel\"\r\n        [ngClass]=\"{'is-invalid': !validatePhoneNumber() && phone.touched}\">\r\n\r\n    <!-- Validation feedback -->\r\n    <!-- <div *ngIf=\"!validatePhoneNumber() && phone.touched\" class=\"text-danger\">\r\n        Invalid phone number.\r\n    </div> -->\r\n    <!-- <input #phoneInput [(ngModel)]=\"phoneNumber.number\" /> -->\r\n</div>", styles: ["::ng-deep .tel-input-container .iti{width:100%!important}::ng-deep .tel-input-container .iti--separate-dial-code .iti__selected-flag{background-color:transparent}::ng-deep .tel-input-container input::-webkit-input-placeholder{color:#ddd!important}::ng-deep .tel-input-container input:focus{outline:none!important;border-color:#e1e2e3!important}::ng-deep .tel-input-container input{height:50px!important;width:100%!important;background:#fff!important;border:1.39032px solid #E1E2E3!important;border-radius:11.1225px!important;padding:15px;font-size:15px}::ng-deep .tel-input-container input.is-invalid{border:1.39032px solid #ff0000!important}::ng-deep .tel-input-container input::placeholder{color:#ddd}::ng-deep .tel-input-container input.custom:focus{color:#495057!important;background-color:#fff!important;border-color:#3c8dbc!important;outline:0!important;box-shadow:0 0 #fff!important}\n"], dependencies: [{ kind: "directive", type: i12.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-phone-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PhoneInputComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"phone-input-wrapper\">\r\n    <input #phoneInput type=\"tel\" [(ngModel)]=\"phoneNumber.phoneNumber\"\r\n        name=\"phoneNumber\" [required]=\"true\" #phone=\"ngModel\"\r\n        [ngClass]=\"{'is-invalid': !validatePhoneNumber() && phone.touched}\">\r\n\r\n    <!-- Validation feedback -->\r\n    <!-- <div *ngIf=\"!validatePhoneNumber() && phone.touched\" class=\"text-danger\">\r\n        Invalid phone number.\r\n    </div> -->\r\n    <!-- <input #phoneInput [(ngModel)]=\"phoneNumber.number\" /> -->\r\n</div>", styles: ["::ng-deep .tel-input-container .iti{width:100%!important}::ng-deep .tel-input-container .iti--separate-dial-code .iti__selected-flag{background-color:transparent}::ng-deep .tel-input-container input::-webkit-input-placeholder{color:#ddd!important}::ng-deep .tel-input-container input:focus{outline:none!important;border-color:#e1e2e3!important}::ng-deep .tel-input-container input{height:50px!important;width:100%!important;background:#fff!important;border:1.39032px solid #E1E2E3!important;border-radius:11.1225px!important;padding:15px;font-size:15px}::ng-deep .tel-input-container input.is-invalid{border:1.39032px solid #ff0000!important}::ng-deep .tel-input-container input::placeholder{color:#ddd}::ng-deep .tel-input-container input.custom:focus{color:#495057!important;background-color:#fff!important;border-color:#3c8dbc!important;outline:0!important;box-shadow:0 0 #fff!important}\n"] }]
+        }], propDecorators: { initialCountry: [{
+                type: Input
+            }], preferredCountries: [{
+                type: Input
+            }], nationalMode: [{
+                type: Input
+            }], separateDialCode: [{
+                type: Input
+            }], otherOptions: [{
+                type: Input
+            }], phoneInput: [{
+                type: ViewChild,
+                args: ['phoneInput', { static: false }]
+            }], phoneNumberChange: [{
+                type: Output
+            }] } });
+
+class PhoneInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputModule, declarations: [PhoneInputComponent], imports: [CommonModule,
+            FormsModule], exports: [PhoneInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputModule, imports: [CommonModule,
+            FormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PhoneInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PhoneInputComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule
+                    ],
+                    exports: [PhoneInputComponent]
+                }]
+        }] });
+
 /*
  * Public API Surface of jconsumer-shared
  */
@@ -412,5 +3885,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { OrderService, ServiceMeta, SharedModule, SharedService, SkeletonLoadingComponent, SkeletonLoadingModule, SubscriptionService, ToastService };
+export { AccountService, AuthService, AutolinkPipe, CapitalizeFirstPipe, CommonService, ErrorMessagingService, FileService, FilterPipe, GroupStorageService, HttpLoaderFactory, I8nModule, LoadingSpinnerComponent, LoadingSpinnerModule, LocalStorageService, Messages, OrderService, PhoneInputComponent, PhoneInputModule, QuestionaireService, QuestionnaireComponent, QuestionnaireModule, SafeHtmlPipe, ServiceMeta, SessionStorageService, SharedService, ShowuploadfileComponent, ShowuploadfileModule, SkeletonLoadingComponent, SkeletonLoadingModule, StorageService, SubscriptionService, ToastService, TruncatePipe, WordProcessor };
 //# sourceMappingURL=jconsumer-shared.mjs.map