b2adminui 1.0.0

package/src/app/customer-management/customer-registration/components/customer-registration.component.ts

@@ -0,0 +1,1567 @@
+import { Component, OnInit, AfterViewInit, ViewContainerRef, ViewChild } from '@angular/core';
+import { Common } from '../../../shared/common/common';
+import { Router, ActivatedRoute } from '@angular/router';
+import { SharedService } from '../../../shared/service/shared.service';
+import { Constants } from '../../../shared/constants/constants';
+import { WalletRegistrationModel, ContactModel, CustomerModel, WalletModel, MailingAddressModel, CompanyAddressModel, CardModel, AttachFileModel, AttachFileListModel, DownloadFileModel, AddWalletAuditLogModel } from '../models/index';
+import { Alerts } from '../../../shared/alerts/alerts';
+import { AuditLogInsertModel } from '../../../models/audit-log-insert.model';
+import { AddCardAuditLogMoel, AddWalletModel, CustomerDipChipModel, UpdateStatus } from "../models/wallet-registration.model";
+import { CustomerPersonalDetailsComponent } from '../../customer-personal-details/components/customer-personal-details.component';
+import { CompanyModel } from '../../../fee-management/company/models'; 
+
+@Component({
+    selector: 'customer-registration',
+    templateUrl: '../customer-registration.component.html',
+    styleUrls: ['../customer-registration.component.css']
+})
+
+export class CustomerRegistrationComponent implements OnInit, AfterViewInit {
+    @ViewChild('duplicateMobileModal') duplicateMobileModal: any;
+    @ViewChild('addWalletModal') addWalletModal: any;
+    @ViewChild('deleteConfirmationModal') deleteConfirmationModal: any;
+    @ViewChild('updateDataConfirmationModal') updateDataConfirmationModal: any;
+    @ViewChild(CustomerPersonalDetailsComponent) custPersonalDetailsComp: CustomerPersonalDetailsComponent;
+    @ViewChild('customPopupModal') customPopupModal: any;
+    private showCardModel: boolean;
+    private showWalletModal: boolean;
+    private dateFormat: string;
+    private walletRegistrationModel: WalletRegistrationModel;
+    private cardModel: CardModel;
+    private attachFileModel: AttachFileModel;
+    private stateList: any[];
+    private stateListData: any[];
+    private mailingStateListData: any[];
+    private companyStateListData: any[];
+    private districtList: any[];
+    private districtListData: any[];
+    private mailingDistrictList: any[];
+    private mailingDistrictListData: any[];
+    private companyDistrictList: any[];
+    private companyDistrictListData: any[];
+    private walletStatusList: any[];
+    public walletStatusListData: any[];
+    public walletTypeList: any[];
+    public walletTypeListData: any[];
+    public addWalletTypeListData: any[];
+    public pageName: string;
+    public customerId: any;
+    private todayDate: Date;
+    private auditLogInsertModel: AuditLogInsertModel;
+    private actualObject: WalletRegistrationModel;
+    public isUserTerminated: boolean = false;
+    public isWalletTerminated: boolean = false;
+    public homeAsMailingAddress: boolean = false;
+    public confirmMessage: string;
+    private fileName: any;
+    private url: string;
+    public imageURL: any;
+    public attachFileType = ['jpg', 'jpeg', 'pdf'];
+    public countryList: any[];
+    public countryListData: any[];
+    public mailingCountryListData: any[];
+    public downloadFileModel: DownloadFileModel;
+    public isWalletPresent: boolean = false;
+    public topupRights: boolean = false;
+    public resetPasscodeRights: boolean = false;
+    public addCardRights: boolean = false;
+    public addWalletRights: boolean = false;
+    public fullPanRights: boolean = false;
+    public addCardAuditLogMoel: AddCardAuditLogMoel;
+    public isFile1Deleted: boolean = false;
+    public isFile2Deleted: boolean = false;
+    public isFileUpdated1: boolean = false;
+    public isFileUpdated2: boolean = false;
+    public isStateListPopulated: boolean = false;
+    public selectedFile: string;
+    public addWalletModel: AddWalletModel;
+    public addWalletAuditLogModel: AddWalletAuditLogModel;
+    public disableEdit: boolean = false;
+    public disableCreate: boolean = false;
+    public walletProfileList: any[];
+    public walletProfileListData: any;
+    public addWalletProfileListData: any[];
+    public is2C2PAdmin: boolean = true;
+    public isAddWalletSubmit: boolean = false;
+    public walletTypeCustomer: number = Constants.WALLET_CUSTOMER;
+    public walletId: string;
+    public thaiCountryId: string = '764';
+    public defaultWalletTypeItem: any;
+    public defaultWalletProfileItem: any;
+    public defaultCountryItem: any;
+    public defaultStateItem: any;
+    public defaultDistrictItem: any;
+    public alertMessage: string;
+    public editAbnormalCase: Boolean = false;
+    public displayKycValidation: Boolean = false;
+    public walletStatusDisabled: boolean = false;
+    private disableWalletProfile: Boolean = false;
+    private showApprovalIcon: boolean = false; 
+    private autoApprove: boolean = true;
+    private companyModel: CompanyModel;
+
+    constructor(public sharedService: SharedService, public common: Common,
+        private router: Router, private route: ActivatedRoute, private alert: Alerts,
+        private vcr: ViewContainerRef) {
+        this.alert.setRootViewContainerRef(vcr);
+        this.walletRegistrationModel = new WalletRegistrationModel();
+        this.walletRegistrationModel.Customer = new CustomerModel();
+        this.walletRegistrationModel.Contact = new ContactModel();
+        this.walletRegistrationModel.Wallet = new WalletModel();
+        this.walletRegistrationModel.MailingAddress = new MailingAddressModel();
+        this.walletRegistrationModel.CompanyAddress = new CompanyAddressModel();
+        this.walletRegistrationModel.AttachFileListModel = new AttachFileListModel();
+        this.walletRegistrationModel.CustomerDipChip = new CustomerDipChipModel();
+        this.cardModel = new CardModel();
+        this.attachFileModel = new AttachFileModel();
+        this.stateList = [];
+        this.stateListData = [];
+        this.mailingStateListData = [];
+        this.companyStateListData = [];
+        this.walletStatusList = [];
+        this.walletTypeList = [];
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.actualObject = new WalletRegistrationModel();
+        this.imageURL = { src: null, fileName: null };
+        this.downloadFileModel = new DownloadFileModel();
+        this.actualObject.Customer = new CustomerModel();
+        this.actualObject.Contact = new ContactModel();
+        this.actualObject.Wallet = new WalletModel();
+        this.actualObject.MailingAddress = new MailingAddressModel();
+        this.actualObject.CompanyAddress = new CompanyAddressModel();
+        this.actualObject.AttachFileListModel = new AttachFileListModel();
+        this.sharedService.disableButton = false;
+        this.addWalletModel = new AddWalletModel();
+        this.addWalletAuditLogModel = new AddWalletAuditLogModel();
+        this.defaultWalletTypeItem = { walletType: Constants.SELECT_WALLET_TYPE, walletTypeId: null }
+        this.defaultWalletProfileItem = { profileName: Constants.SELECT_WALLET_PROFILE, walletProfileId: null }
+        this.defaultCountryItem = { countryName: Constants.SELECT_COUNTRY, countryCode: null }
+        this.defaultStateItem = { stateName: 'Select State / Province', stateId: null }
+        this.defaultDistrictItem = { districtName: 'Select District', districtId: null }
+        this.autoApprove = this.sharedService.autoApprove;
+    }
+
+    ngOnInit() {
+        // set date format
+        this.dateFormat = Constants.DATE_FORMAT;
+        this.todayDate = new Date();
+        this.showApprovalIcon = this.sharedService.CanChecker();
+        
+        // get page name and wallet Id from url 
+        let urlSegment = this.route.snapshot.url[0];
+        if (urlSegment) {
+            switch (urlSegment.path) {
+                case 'customer-registration-view':
+                    this.pageName = Constants.VIEW;
+                    if (localStorage.getItem('displayKycFailure') === 'true') {
+                        this.displayKycValidation = true;
+                    }
+                    localStorage.removeItem('displayKycFailure');
+                    break;
+
+                case 'customer-registration-new':
+                    this.pageName = Constants.NEW;
+                    break;
+
+                case 'customer-registration-edit':
+                    this.pageName = Constants.EDIT;
+                    if (localStorage.getItem('editAbnormal') === 'true') {
+                        this.editAbnormalCase = true;
+                    }
+                    localStorage.removeItem('editAbnormal');
+
+                    if (localStorage.getItem('displayKycFailure') === 'true') {
+                        this.displayKycValidation = true;
+                    }
+                    localStorage.removeItem('displayKycFailure');
+                    break;
+            }
+        }
+
+        this.customerId = this.route.snapshot.params[Constants.ID];
+
+        this.initializeWalletData();
+
+        if (this.common.getManualPostingUserRights('CustomerManagement', Constants.WALLET_MANUAL_POST, Constants.TOPUP_WITHDRAW) ||
+            this.common.getManualPostingUserRights('CustomerManagement', Constants.WALLET_MANUAL_POST, Constants.DEBIT_CREDIT_ADJUSTMENT)) {
+            this.topupRights = true;
+        }
+
+        this.resetPasscodeRights = this.common.getUserRights('CustomerManagement', 'ResetPasscode');
+        this.addCardRights = this.common.getUserRights('CustomerManagement', 'AddCard');
+        this.fullPanRights = this.common.getUserRights('Others', 'FullPAN');
+        this.addWalletRights = this.common.getUserRights('CustomerManagement', 'AddWallet');
+    }
+
+    ngAfterViewInit() {
+        this.bindEvents();
+    }
+
+    private bindEvents() {
+        let componentObject = this;
+    }
+
+    private initializeWalletData() {
+        if (this.pageName) {
+            switch (this.pageName) {
+                case Constants.EDIT:
+                    // set page title and url 
+                    this.common.setPageTitle(Constants.CUSTOMER_MANAGEMENT, Constants.CUSTOMER_REGISTRATION_URL,
+                        Constants.CUSTOMER_REGISTRATION, Constants.CUSTOMER_REGISTRATION_URL, Constants.EDIT_TITLE,
+                        Constants.CUSTOMER_REGISTRATION_EDIT_URL, Constants.CUSTOMER_REGISTRATION_URL);
+                    // bind Events
+                    this.bindEvents();
+                    break;
+                case Constants.VIEW:
+                    // set page title and url
+                    this.common.setPageTitle(Constants.CUSTOMER_MANAGEMENT, Constants.CUSTOMER_REGISTRATION_URL,
+                        Constants.CUSTOMER_REGISTRATION, Constants.CUSTOMER_REGISTRATION_URL, Constants.VIEW_TITLE,
+                        Constants.CUSTOMER_REGISTRATION_VIEW_URL, Constants.CUSTOMER_REGISTRATION_URL);
+                    break;
+                case Constants.NEW:
+                    // Set page title and url
+                    this.common.setPageTitle(Constants.CUSTOMER_MANAGEMENT, Constants.CUSTOMER_REGISTRATION_URL,
+                        Constants.CUSTOMER_REGISTRATION, Constants.CUSTOMER_REGISTRATION_URL, Constants.NEW_TITLE,
+                        Constants.CUSTOMER_REGISTRATION_NEW_URL, Constants.CUSTOMER_REGISTRATION_URL);
+                    break;
+            }
+
+            this.getCountryList();
+            this.getWalletStatusList();
+            this.getWalletTypeList();
+
+            if (this.common.getCompanyId() != Constants.COMPANY_ID_2C2P) {
+                this.walletRegistrationModel.Customer.CompanyUniqueId = this.common.getCompanyUniqueId();
+                this.is2C2PAdmin = false;
+            }
+
+            if (this.pageName != Constants.NEW) {
+                this.getWalletDetails();
+            }
+        }
+    }
+
+    private getCountryList() {
+        this.sharedService.get(Constants.MASTER_COUNTRY_NAME_API).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.MASTER_COUNTRY_NAME_API);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private getWalletStatusList() {
+        this.sharedService.get(Constants.MASTER_WALLET_STATUS_API).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.MASTER_WALLET_STATUS_API);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    public getStateList(isCountryChange?: boolean) {
+        if (isCountryChange) {
+            this.walletRegistrationModel.Contact.StateId = null;
+            this.walletRegistrationModel.Contact.DistrictId = null;
+        }
+
+        if (this.walletRegistrationModel.Contact.CountryCode === this.thaiCountryId) {
+            let url = `${Constants.MASTER_STATE_API}?countryId=${this.walletRegistrationModel.Contact.CountryCode}`;
+            this.sharedService.get(url).subscribe((data: any) => {
+                let response: any = data ? data : null;
+                switch (response.responseCode) {
+                    case Constants.SUCCESS_CODE:
+                        this.stateList = response.stateList;
+
+                        this.BindStateName();
+
+                        break;
+                    case Constants.DATA_NOT_FOUND:
+                        this.stateList = [];
+                        this.walletRegistrationModel.Contact.StateId = null;
+                        break;
+                    default:
+                        this.alert.error(response.resDescriptionEN);
+                        this.stateList = [];
+                        this.walletRegistrationModel.Contact.StateId = null;
+                        break;
+                }
+                this.stateListData = this.stateList;
+            }, (error: any) => {
+                this.alert.error(error);
+                this.stateList = [];
+                this.walletRegistrationModel.Contact.StateId = null;
+                this.stateListData = this.stateList;
+            });
+        }
+        else {
+            this.stateList = [];
+            this.walletRegistrationModel.Contact.StateId = null;
+            this.stateListData = this.stateList;
+        }
+    }
+
+    private getWalletTypeList() {
+        this.sharedService.get(Constants.MASTER_WALLET_TYPE_API).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.MASTER_WALLET_TYPE_API);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private BindStateName() {
+
+        if (this.pageName === Constants.VIEW) {
+            if (this.walletRegistrationModel.Contact.StateId > 0 && !this.walletRegistrationModel.Contact.State) {
+                let data = this.stateList.filter((element: any) => {
+                    if (element.stateId == this.walletRegistrationModel.Contact.StateId)
+                        return element;
+                });
+
+                if (data && data.length > 0)
+                    this.walletRegistrationModel.Contact.State = data[0].stateName;
+            }
+
+            if (this.walletRegistrationModel.MailingAddress.StateId > 0 && !this.walletRegistrationModel.MailingAddress.State) {
+                let data = this.stateList.filter((element: any) => {
+                    if (element.stateId == this.walletRegistrationModel.MailingAddress.StateId)
+                        return element;
+                });
+
+                if (data && data.length > 0)
+                    this.walletRegistrationModel.MailingAddress.State = data[0].stateName;
+            }
+
+            if (this.walletRegistrationModel.CompanyAddress.StateId > 0 && !this.walletRegistrationModel.CompanyAddress.CompanyState) {
+                let data = this.stateList.filter((element: any) => {
+                    if (element.stateId == this.walletRegistrationModel.CompanyAddress.StateId)
+                        return element;
+                });
+
+                if (data && data.length > 0)
+                    this.walletRegistrationModel.CompanyAddress.CompanyState = data[0].stateName;
+            }
+        }
+    }
+
+    private getWalletDetails() {
+        let url = `${Constants.GET_WALLET_DETAILS}/${this.customerId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.GET_REQUEST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    // on Edit Click redirect to edit page
+    public onEditClick() {
+        this.router.navigate(['/customer-registration-edit', this.customerId]);
+    }
+
+    public saveData() {
+        if (this.walletRegistrationModel.Customer.CustomerCompany != undefined && this.walletRegistrationModel.Customer.CustomerCompany.length > 100) {
+            this.alert.error("Customer company can't be greater than 100 characters");
+            return;
+        }
+
+        this.sharedService.disableButton = true;
+
+        if (this.walletRegistrationModel.Contact.CountryCode === this.thaiCountryId) {
+            this.walletRegistrationModel.Contact.State = null;
+        }
+        else {
+            this.walletRegistrationModel.Contact.StateId = null;
+            this.walletRegistrationModel.Contact.DistrictId = null;
+        }
+
+        if (this.walletRegistrationModel.MailingAddress.CountryCode === this.thaiCountryId) {
+            this.walletRegistrationModel.MailingAddress.State = null;
+        }
+        else {
+            this.walletRegistrationModel.MailingAddress.StateId = null;
+            this.walletRegistrationModel.MailingAddress.DistrictId = null;
+        }
+
+        if (this.walletRegistrationModel.CompanyAddress.CompanyCountryCode === this.thaiCountryId) {
+            this.walletRegistrationModel.CompanyAddress.CompanyState = null;
+        }
+        else {
+            this.walletRegistrationModel.CompanyAddress.StateId = null;
+            this.walletRegistrationModel.CompanyAddress.DistrictId = null;
+        }
+
+        if (this.pageName == Constants.EDIT) {
+            this.updateCustomer();
+            return;
+        }
+
+        if (this.disableCreate) {
+            return false;
+        }
+
+        this.disableCreate = true;
+        let url = `${Constants.CUSTOMER_API}`;
+        let requestJson = this.getRequestJson();
+        this.sharedService.post(url, requestJson).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.POST_REQUEST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    public onAddWallet() {
+        if (!this.addWalletRights) {
+            this.alert.error(this.common.permissionMessage);
+            return;
+        }
+
+        if (this.addWalletModel.WalletTypeId == 0) {
+            return false;
+        }
+
+        this.isAddWalletSubmit = true;
+        var walletTypeItem = this.walletTypeList.filter(item => item.walletTypeId == this.addWalletModel.WalletTypeId);
+        let customerWalletType = walletTypeItem[0].walletType;
+        if ((this.addWalletModel.WalletProfileId == null || this.addWalletModel.WalletProfileId == 0) &&
+            customerWalletType === Constants.WALLET_TYPE_CUSTOMER) {
+            return false;
+        }
+
+        let request = {
+            CustomerId: this.customerId,
+            WalletTypeId: this.addWalletModel.WalletTypeId,
+            CompanyId: this.common.getCompanyId(),
+            WalletProfileId: customerWalletType === Constants.WALLET_TYPE_CUSTOMER ? this.addWalletModel.WalletProfileId : null
+        }
+
+        this.addWalletModel.WalletType = walletTypeItem[0].walletType;
+        this.addWalletAuditLogModel.WalletType = this.addWalletModel.WalletType;
+        let url = `${Constants.CUSTOMER_ADD_WALLET}`;
+        this.sharedService.post(url, request).subscribe((data: any) => {
+            let response: any = data;
+            if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                this.addWalletModal.close();
+                this.showWalletModal = false;
+                this.insertAddWalletLog(this.auditLogInsertModel);
+                this.getWalletDetails();
+            }
+            else {
+                this.alert.error(response.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    // update existing Customer mobile number = mobile number + companyID and terminate existing customer
+    public updateCustomer() {
+        this.duplicateMobileModal.close();
+
+        let url = `${Constants.GET_CUSTOMER_REGISTRATION_LIST}/${this.customerId}`;
+        let requestJson = this.getRequestJson();
+        this.sharedService.put(url, requestJson).subscribe((data: any) => {
+            let response: any = data;
+            if (response.responseCode == Constants.SUCCESS_CODE) {
+
+                // insert audit log                    
+                this.insertEditAuditLog(this.auditLogInsertModel);
+
+                if (this.custPersonalDetailsComp.kycVerificationRequired && this.walletRegistrationModel.Customer.CustomerTypeId === 1) {
+                    this.updateDataConfirmationModal.open();
+                }
+                else {
+                    this.alert.success(Constants.UPDATE_SUCCESS_MESSAGE);
+                    this.loadViewPage();
+                }
+            }
+            else {
+                this.alert.error(response.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private loadViewPage() {
+        setTimeout(() => {
+            this.router.navigate(['/customer-registration-list']);
+        }, Constants.TIMEOUT);
+    }
+
+    // validate Date
+    private setUpdatedDate(date: any) {
+        let strDate: string = date ? date.toString() : null;
+        let dob = this.common.parseStringDateToFormat(strDate, Constants.DEFAULT_DATE_CONVERT);
+        this.walletRegistrationModel.Customer.CustomerDateOfBirth = dob >= this.todayDate ? null : dob;
+    }
+
+    private handleResponse(response: any, requestType: string) {
+        if (!response) {
+            return;
+        }
+
+        this.disableCreate = false;
+        switch (response.responseCode) {
+            case Constants.SUCCESS_CODE:
+                this.handleSuccessResponse(response, requestType);
+                break;
+            case Constants.DUPLICATE_MOBILE_NUMBER:
+                if (requestType == Constants.PUT_REQUEST) {
+                    this.duplicateMobileModal.open();
+                    this.confirmMessage = response.responseDescription;
+                }
+                else  if (requestType == Constants.POST_REQUEST) {
+                    this.alert.error(response.responseDescription);
+                }
+                break;
+            default:
+                this.alert.error(response.responseDescription);
+                break;
+        }
+    }
+
+    private handleSuccessResponse(response: any, requestType: string) {
+        if (response && requestType) {
+            switch (requestType) {
+                // get master wallet profile list
+                case Constants.GET_MASTER_WALLET_PROFILE_LIST:
+                    this.walletProfileList = response.walletProfileList;
+                    this.walletProfileListData = this.walletProfileList;
+                    this.addWalletProfileListData = this.walletProfileList;
+                    break;
+                // get master country list request
+                case Constants.MASTER_COUNTRY_NAME_API:
+                    this.countryList = response.countryNameList;
+                    this.countryListData = this.countryList;
+                    this.mailingCountryListData = this.countryList;
+                    break;
+                // get master state list request
+                case Constants.MASTER_STATE_API:
+                    this.stateList = response.stateList;
+                    this.stateListData = this.stateList;
+                    break;
+                // get master wallet status list request
+                case Constants.MASTER_WALLET_STATUS_API:
+                    this.walletStatusList = response.walletStatusList;
+                    this.walletStatusListData = this.walletStatusList;
+                    break;
+
+                case Constants.MASTER_WALLET_TYPE_API:
+                    if (this.common.getCompanyId() != Constants.COMPANY_ID_2C2P) {
+                        response.walletTypeList = response.walletTypeList.filter((wallet: any) => wallet.walletTypeId !== 2);
+                        this.is2C2PAdmin = false;
+                    }
+                    this.walletTypeList = response.walletTypeList;
+                    this.walletTypeListData = this.walletTypeList;
+                    this.addWalletTypeListData = this.walletTypeList;
+                    break;
+
+                // get details request
+                case Constants.GET_REQUEST:
+                    if (response && response.Wallet) {
+                        this.walletRegistrationModel.Wallet = response.Wallet;
+                        this.isWalletPresent = true;
+
+                        if (this.common.getCompanyId() != Constants.COMPANY_ID_2C2P && this.walletRegistrationModel.Wallet.WalletTypeId == 2) {
+                            this.disableEdit = true;
+                        }
+                        else {
+                            this.disableEdit = false;
+                        }
+
+                        this.walletStatusDisabled = ((this.walletRegistrationModel.Wallet.WalletStatusId == Constants.WALLET_STATUS_SUSPENDED_KYC) ||
+                            (this.walletRegistrationModel.Wallet.WalletStatusId == Constants.WALLET_STATUS_FRAUD));
+
+                        if ((this.walletRegistrationModel.Wallet.WalletStatusId != Constants.WALLET_STATUS_SUSPENDED_KYC) &&
+                            (this.walletRegistrationModel.Wallet.WalletStatusId != Constants.WALLET_STATUS_FRAUD)) {
+                            this.walletStatusListData = this.walletStatusListData.filter(ws => ws.walletStatusId != Constants.WALLET_STATUS_SUSPENDED_KYC);
+                        }
+                    }
+                    else {
+                        this.isWalletPresent = false;
+                    }
+
+                    this.walletRegistrationModel.Contact = response.Contact;
+                    this.walletRegistrationModel.Customer = response.Customer;
+                    this.walletRegistrationModel.MailingAddress = response.MailingAddress;
+                    this.walletRegistrationModel.CompanyAddress = response.CompanyAddress;
+                    this.walletRegistrationModel.AttachFile1 = response.AttachFile1;
+                    this.walletRegistrationModel.AttachFile2 = response.AttachFile2;
+                    this.walletRegistrationModel.FileName1 = response.AttachFileName1;
+                    this.walletRegistrationModel.FileName2 = response.AttachFileName2;
+
+                    this.custPersonalDetailsComp.getUserStatusList();
+
+                    if (this.walletRegistrationModel.Contact.CountryCode === this.thaiCountryId ||
+                        this.walletRegistrationModel.MailingAddress.CountryCode === this.thaiCountryId ||
+                        this.walletRegistrationModel.CompanyAddress.CompanyCountryCode === this.thaiCountryId) {
+                        this.getStateList();
+                    }
+
+                    if (response && response.Card) {
+                        this.walletRegistrationModel.Card = response.Card;
+                    }
+
+                    this.isWalletTerminated = this.walletRegistrationModel.Wallet.WalletStatusId == Constants.TERMINATED_STATUS ? true : false;
+                    this.isUserTerminated = this.walletRegistrationModel.Customer.UserStatusId == Constants.TERMINATED_STATUS ? true : false;
+
+                    // set undefined if null or blank 
+                    this.common.verifySearchObject(this.walletRegistrationModel.Wallet);
+                    this.common.verifySearchObject(this.walletRegistrationModel.Contact);
+                    this.common.verifySearchObject(this.walletRegistrationModel.Customer);
+                    this.common.verifySearchObject(this.walletRegistrationModel.MailingAddress);
+                    this.common.verifySearchObject(this.walletRegistrationModel.CompanyAddress);
+                    this.common.verifySearchObject(this.walletRegistrationModel.Card);
+
+                    if (this.walletRegistrationModel.Customer.DateOfBirth) {
+                        var dateItemsComponent = this.walletRegistrationModel.Customer.DateOfBirth.split('-');
+                        if (dateItemsComponent[2] == '00' && dateItemsComponent[1] == '00') {
+                            this.walletRegistrationModel.Customer.DateOfBirthType = Constants.DATE_TYPE_YYYY
+                            this.walletRegistrationModel.Customer.CustomerDateOfBirth = this.common.parseStringDateToFormat(this.walletRegistrationModel.Customer.DateOfBirth,
+                                Constants.DATE_TO_STRING_FORMAT_YYYY);
+                            this.custPersonalDetailsComp.dateOfBirthTypeChange(Constants.DATE_TYPE_YYYY);
+                        }
+                        else if (dateItemsComponent[2] == '00' && dateItemsComponent[1] != '00') {
+                            this.walletRegistrationModel.Customer.DateOfBirthType = Constants.DATE_TYPE_MMYYYY
+                            this.walletRegistrationModel.Customer.CustomerDateOfBirth = this.common.parseStringDateToFormat(this.walletRegistrationModel.Customer.DateOfBirth,
+                                Constants.DATE_TO_STRING_FORMAT_YYYYMM);
+                            this.custPersonalDetailsComp.dateOfBirthTypeChange(Constants.DATE_TYPE_MMYYYY);
+
+                        }
+                        else if (dateItemsComponent[2] != '00' && dateItemsComponent[1] != '00') {
+                            this.walletRegistrationModel.Customer.DateOfBirthType = Constants.DATE_TYPE_DDMMYYYY;
+                            this.walletRegistrationModel.Customer.CustomerDateOfBirth = this.common.parseStringDateToFormat(this.walletRegistrationModel.Customer.DateOfBirth,
+                                Constants.DATE_TO_STRING_FORMAT_YYYY_MM_DD);
+                            this.custPersonalDetailsComp.dateOfBirthTypeChange(Constants.DATE_TYPE_DDMMYYYY);
+                        }
+                    }
+
+                    if (this.walletRegistrationModel.Customer.IdIssueDate) {
+                        this.walletRegistrationModel.Customer.IdIssuedDate = this.common.parseStringDateToFormat(this.walletRegistrationModel.Customer.IdIssueDate,
+                            Constants.DEFAULT_DATE_CONVERT);
+                    }
+
+                    if (this.walletRegistrationModel.Customer.IdExpiryDate) {
+                        this.walletRegistrationModel.Customer.IdExpiredDate = this.common.parseStringDateToFormat(this.walletRegistrationModel.Customer.IdExpiryDate,
+                            Constants.DEFAULT_DATE_CONVERT);
+                    }
+
+                    this.custPersonalDetailsComp.getTypeOfIdList();
+
+                    // Clone model data for audit log
+                    this.setAuditLogModel();
+
+                    this.insertViewAuditLog(this.auditLogInsertModel);
+
+                    if (this.walletRegistrationModel.Customer.CompanyUniqueId) {
+                        this.getWalletProfileList(this.walletRegistrationModel.Customer.CompanyUniqueId, false);
+                    }
+
+                    if (this.walletRegistrationModel.Wallet.WalletId) {
+                        this.walletId = ` ${this.common.maskString(6, 4, this.walletRegistrationModel.Wallet.WalletId.toString(), Constants.ASTERISK_SYMBOL)}`;
+                    }
+
+                    this.custPersonalDetailsComp.afterDataLoad();
+
+                    if (this.walletRegistrationModel.Contact.StateId > 0) {
+                        this.getDistrictList();
+                    }
+
+                    if (this.walletRegistrationModel.MailingAddress.StateId > 0) {
+                        this.getMailingStateList();
+                        this.getMailingDistrictList();
+                    }
+
+                    if (this.walletRegistrationModel.CompanyAddress.StateId > 0) {
+                        this.getCompanyStateList();
+                        this.getCompanyDistrictList();
+                    }
+
+                    if (this.displayKycValidation) {
+                        this.alertMessage = this.pageName === Constants.VIEW ? Constants.CUSTOMER_KYC_ERROR : Constants.VERIFY_CUSTOMER_INFO_ERROR;
+                        this.customPopupModal.open();
+                    }
+
+                    break;
+
+                // update request
+                case Constants.PUT_REQUEST:
+                    this.alert.success(Constants.UPDATE_SUCCESS_MESSAGE);
+                    this.loadViewPage();
+
+                    this.insertEditAuditLog(this.auditLogInsertModel);
+                    break;
+                case Constants.POST_REQUEST:
+                    this.insertAddAuditLog(this.auditLogInsertModel);
+
+                    if (this.autoApprove && this.custPersonalDetailsComp.kycVerificationRequired && this.walletRegistrationModel.Customer.CustomerTypeId === 1) {
+                        this.customerId = response.customerId;
+
+                        this.updateDataConfirmationModal.open();
+                    }
+                    else {
+                        this.alert.success(Constants.CREATE_SUCCESS_MESSAGE);
+                        this.loadViewPage();
+                    }
+            }
+        }
+    }
+
+    private updateStatuses(type: number) {
+        let url = `${Constants.UPDATE_STATUS_API}`;
+        let updateRequestJson: UpdateStatus = {
+            CustomerId: this.customerId,
+            UpdateType: type
+        }
+
+        this.sharedService.put(url, updateRequestJson).subscribe((data: any) => {
+            let response: any = data;
+            if (response.responseCode != Constants.SUCCESS_CODE) {
+            }
+        }, (error: any) => {
+        });
+    }
+
+    private getRequestJson() {
+        if (this.walletRegistrationModel.Customer.CustomerTypeId == 1) {
+            this.walletRegistrationModel.Customer.FirstName = this.walletRegistrationModel.Customer && this.walletRegistrationModel.Customer.FirstName ?
+                this.walletRegistrationModel.Customer.FirstName.trim() : null;
+
+            this.walletRegistrationModel.Customer.LastName = this.walletRegistrationModel.Customer && this.walletRegistrationModel.Customer.LastName ?
+                this.walletRegistrationModel.Customer.LastName.trim() : null;
+        }
+        else {
+            this.walletRegistrationModel.Customer.FirstName = this.walletRegistrationModel.Customer && this.walletRegistrationModel.Customer.FirstName ?
+                this.walletRegistrationModel.Customer.FirstName.trim() : null;
+        }
+
+        if (this.walletRegistrationModel.Customer.DateOfBirthType == Constants.DATE_TYPE_DDMMYYYY) {
+            this.walletRegistrationModel.Customer.DateOfBirth = this.common.convertDateStringFormat(this.walletRegistrationModel.Customer.CustomerDateOfBirth,
+                Constants.DATE_TO_STRING_FORMAT_YYYY_MM_DD);
+        }
+        else if (this.walletRegistrationModel.Customer.DateOfBirthType == Constants.DATE_TYPE_MMYYYY) {
+            this.walletRegistrationModel.Customer.DateOfBirth = this.common.convertDateStringFormat(this.walletRegistrationModel.Customer.CustomerDateOfBirth,
+                Constants.DATE_TO_STRING_FORMAT_YYYYMM);
+        }
+        else if (this.walletRegistrationModel.Customer.DateOfBirthType == Constants.DATE_TYPE_YYYY) {
+            this.walletRegistrationModel.Customer.DateOfBirth = this.common.convertDateStringFormat(this.walletRegistrationModel.Customer.CustomerDateOfBirth,
+                Constants.DATE_TO_STRING_FORMAT_YYYY);
+        }
+
+        if (this.walletRegistrationModel.Customer.IdIssuedDate) {
+            this.walletRegistrationModel.Customer.IdIssueDate = this.common.convertDateStringFormat(this.walletRegistrationModel.Customer.IdIssuedDate,
+                Constants.DEFAULT_DATE_CONVERT);
+        }
+        else {
+            this.walletRegistrationModel.Customer.IdIssueDate = null;
+        }
+
+        if (this.walletRegistrationModel.Customer.IdExpiredDate) {
+            this.walletRegistrationModel.Customer.IdExpiryDate = this.common.convertDateStringFormat(this.walletRegistrationModel.Customer.IdExpiredDate,
+                Constants.DEFAULT_DATE_CONVERT);
+        }
+        else {
+            this.walletRegistrationModel.Customer.IdExpiryDate = null;
+        }
+
+        if (this.walletRegistrationModel.Contact.MobileCountryCode && (!this.walletRegistrationModel.Contact.MobileNo ||
+            (this.walletRegistrationModel.Contact.MobileNo && !this.walletRegistrationModel.Contact.MobileNo.trim()))
+        ) {
+            this.walletRegistrationModel.Contact.MobileCountryCode = null;
+        }
+
+        this.walletRegistrationModel.UserUniqueId = this.common.getCurrentUserUniqueID();
+        this.walletRegistrationModel.Contact.PostalCode = this.walletRegistrationModel.Contact.PostalCode ? this.walletRegistrationModel.Contact.PostalCode : null;
+        this.walletRegistrationModel.MailingAddress.PostalCode = this.walletRegistrationModel.MailingAddress.PostalCode ? this.walletRegistrationModel.MailingAddress.PostalCode : null;
+        this.walletRegistrationModel.CompanyAddress.CompanyPostalCode = this.walletRegistrationModel.CompanyAddress.CompanyPostalCode ? this.walletRegistrationModel.CompanyAddress.CompanyPostalCode : null;
+        var companyDetails = this.custPersonalDetailsComp.companyList.filter(x => x.companyUniqueId == this.walletRegistrationModel.Customer.CompanyUniqueId)[0];
+
+        if (companyDetails) {
+            this.walletRegistrationModel.Customer.CompanyName = companyDetails.companyName;
+            this.walletRegistrationModel.Customer.CompanyUniqueId = companyDetails.companyUniqueId;
+        }
+
+        if (this.walletRegistrationModel.Customer.WalletPurposeId != 999) {
+            this.walletRegistrationModel.Customer.WalletPurposeDescription = null;
+        }
+
+        return this.walletRegistrationModel;
+    }
+
+    public resetPassCode() {
+        if (this.resetPasscodeRights) {
+            let url = `${Constants.WALLET_API}/${this.customerId}/${Constants.RESET_USER_PASSWORD_REQUEST}`;
+            this.sharedService.put(url, {}).subscribe((data: any) => {
+                let response: any = data ? data : null;
+                if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                    this.alert.success(Constants.UPDATE_SUCCESS_MESSAGE);
+                    this.insertResetPasscodeLog(this.auditLogInsertModel);
+                }
+                else {
+                    this.alert.error(response.resDescriptionEN);
+                }
+            }, (error: any) => {
+                this.alert.error(error);
+            });
+        }
+        else {
+            this.alert.error(this.common.permissionMessage);
+        }
+    }
+
+    private insertViewAuditLog(auditLog: AuditLogInsertModel) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.VIEW_AUDIT_TYPE);
+        this.auditLogInsertModel.Description = this.getViewDescription();
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    private insertAddAuditLog(auditLog: AuditLogInsertModel) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.ADD_AUDIT_TYPE);
+        let description = this.getViewDescription();
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        this.auditLogInsertModel.Description = description;
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    private insertEditAuditLog(auditLog: AuditLogInsertModel) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.EDIT_AUDIT_TYPE);
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        let description = Constants.STRING_EMPTY;
+        description = this.getDescriptionFirstLine();
+        //Country name for home address
+        this.actualObject.Contact.CountryName = this.getCountryName(this.actualObject.Contact.CountryCode);
+        this.walletRegistrationModel.Contact.CountryName = this.getCountryName(this.walletRegistrationModel.Contact.CountryCode);
+        //Country name for mailing address
+        this.actualObject.MailingAddress.CountryName = this.getCountryName(this.actualObject.MailingAddress.CountryCode);
+        this.walletRegistrationModel.MailingAddress.CountryName = this.getCountryName(this.walletRegistrationModel.MailingAddress.CountryCode);
+        this.actualObject.CompanyAddress.CompanyCountryName = this.getCountryName(this.actualObject.CompanyAddress.CompanyCountryCode);
+        this.walletRegistrationModel.CompanyAddress.CompanyCountryName = this.getCountryName(this.walletRegistrationModel.CompanyAddress.CompanyCountryCode);
+        //Nationality and occupation name
+        this.actualObject.Customer.Occupation = this.custPersonalDetailsComp.getOccupationName(this.actualObject.Customer.OccupationId);
+        this.actualObject.Customer.NationalityName = this.custPersonalDetailsComp.getNationality(this.actualObject.Customer.NationalityId);
+        this.walletRegistrationModel.Customer.Occupation = this.custPersonalDetailsComp.getOccupationName(this.walletRegistrationModel.Customer.OccupationId);
+        this.walletRegistrationModel.Customer.NationalityName = this.custPersonalDetailsComp.getNationality(this.walletRegistrationModel.Customer.NationalityId);
+        this.walletRegistrationModel.Wallet.WalletStatus = this.getWalletStatus(this.walletRegistrationModel.Wallet.WalletStatusId);
+
+        // Update user status according status id
+        let userrStatus = this.custPersonalDetailsComp.userStatusList.filter(status => status.userStatusId == this.walletRegistrationModel.Customer.UserStatusId);
+        if (userrStatus && userrStatus.length > 0) {
+            this.walletRegistrationModel.Customer.UserStatus = userrStatus[0].userStatus;
+        }
+
+        this.actualObject.Contact.CountryCode = this.walletRegistrationModel.Contact.CountryCode;
+        this.actualObject.MailingAddress.CountryCode = this.walletRegistrationModel.MailingAddress.CountryCode;
+        this.actualObject.CompanyAddress.CompanyCountryCode = this.walletRegistrationModel.CompanyAddress.CompanyCountryCode;
+        this.actualObject.Customer.OccupationId = this.walletRegistrationModel.Customer.OccupationId;
+        this.actualObject.Customer.NationalityId = this.walletRegistrationModel.Customer.NationalityId;
+        this.actualObject.Customer.IdentityId = this.walletRegistrationModel.Customer.IdentityId;
+        this.actualObject.Customer.UserStatusId = this.walletRegistrationModel.Customer.UserStatusId;
+        this.actualObject.Wallet.WalletStatusId = this.walletRegistrationModel.Wallet.WalletStatusId;
+
+        if (this.walletRegistrationModel.Customer.IdentityId == Constants.THAI_IDENTITY_ID)
+            this.walletRegistrationModel.Customer.IdNumber = this.common.maskString(4, 3, this.walletRegistrationModel.Customer.IdNumber, Constants.ASTERISK_SYMBOL)
+        if (this.walletRegistrationModel.Customer.IdentityId == 2)
+            this.walletRegistrationModel.Customer.IdNumber = this.common.maskString(0, 4, this.walletRegistrationModel.Customer.IdNumber, Constants.ASTERISK_SYMBOL)
+
+        description += this.common.getEditAuditDescription(this.actualObject.Customer, this.walletRegistrationModel.Customer);
+        description += this.common.getEditAuditDescription(this.actualObject.Contact, this.walletRegistrationModel.Contact);
+        description += this.common.getEditAuditDescription(this.actualObject.CompanyAddress, this.walletRegistrationModel.CompanyAddress);
+        description += this.common.getEditAuditDescription(this.actualObject.CompanyAddress, this.walletRegistrationModel.CompanyAddress);
+        description += this.common.getEditAuditDescription(this.actualObject.Wallet, this.walletRegistrationModel.Wallet);
+        this.auditLogInsertModel.Description = description;
+        this.common.insertAuditLog(this.auditLogInsertModel);
+
+        if (this.isFileUpdated1 || this.isFileUpdated2)
+            this.insertAttachFileLog(false);
+    }
+
+    private getDescriptionFirstLine() {
+        var Description: string = Constants.STRING_EMPTY;
+        if (this.actualObject.Customer.FirstName)
+            Description = `${this.actualObject.Customer.FirstName} `
+        if (this.actualObject.Customer.LastName)
+            Description += `${this.actualObject.Customer.LastName} `
+        if (this.actualObject.Customer.IdNumber) {
+            if (this.actualObject.Customer.IdentityId == 1 || this.actualObject.Customer.IdentityId == 2) {
+                Description += ` ${this.common.maskString(3, 4, this.actualObject.Customer.IdNumber, Constants.ASTERISK_SYMBOL)}`;
+            }
+            else {
+                Description += ` ${this.actualObject.Customer.IdNumber}`;
+            }
+        }
+
+        if (this.actualObject.Wallet.WalletId)
+            Description += `${this.actualObject.Wallet.WalletId} `
+
+        return Description;
+    }
+
+    // insert Reset Passcode Log
+    // Description template: <First Name> <Last Name> <ID Number> <Wallet ID> 
+    // Reset Passcode
+    private insertResetPasscodeLog(auditLog: AuditLogInsertModel) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.RESET_PASSCODE_AUDIT_TYPE);
+        this.auditLogInsertModel.Description = this.getViewDescription();
+        this.auditLogInsertModel.Description += `\n${Constants.RESET_PASSCODE}`;
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    private insertAddWalletLog(auditLog: AuditLogInsertModel) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.ADD_WALLET_AUDIT_TYPE);
+        this.auditLogInsertModel.Description = this.getViewDescription();
+        this.auditLogInsertModel.Description += ` ` + this.addWalletAuditLogModel.WalletType;
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    // get View Description for logs
+    // Description template: <First Name> <Last Name> <ID Number> <Wallet ID>
+    private getViewDescription() {
+        let description = Constants.STRING_EMPTY;
+        if (this.walletRegistrationModel.Customer.FirstName)
+            description += `${this.walletRegistrationModel.Customer.FirstName}`;
+        if (this.walletRegistrationModel.Customer.LastName)
+            description += ` ${this.walletRegistrationModel.Customer.LastName}`;
+        if (this.walletRegistrationModel.Customer.IdNumber)
+            if (this.walletRegistrationModel.Customer.IdentityId == 1 || this.walletRegistrationModel.Customer.IdentityId == 2) {
+                description += ` ${this.common.maskString(3, 4, this.walletRegistrationModel.Customer.IdNumber, Constants.ASTERISK_SYMBOL)}`;
+            }
+            else {
+                description += ` ${this.walletRegistrationModel.Customer.IdNumber}`;
+            }
+
+        if (this.walletRegistrationModel.Wallet.WalletId) {
+            let walletId = this.walletRegistrationModel.Wallet.WalletId ? this.walletRegistrationModel.Wallet.WalletId.toString() : '';
+
+            description += ` ${this.common.maskString(6, 4, walletId, Constants.ASTERISK_SYMBOL)}`;
+        }
+
+        return description;
+    }
+
+    public redirectToManualTopup() {
+        if (this.topupRights) {
+            this.sharedService.navigationData['walletRegistrationModel'] = this.walletRegistrationModel;
+            this.router.navigate(['/manual-post-wallet', this.customerId]);
+        }
+        else {
+            this.alert.error(this.common.permissionMessage);
+        }
+    }
+
+    // Home Address as mailing
+    public onChangeAddressCheckbox() {
+        if (!this.homeAsMailingAddress) {
+            this.walletRegistrationModel.MailingAddress = new MailingAddressModel();
+        }
+
+        this.walletRegistrationModel.MailingAddress.MailAddress1 = this.walletRegistrationModel.Contact.HomeAddress1;
+        this.walletRegistrationModel.MailingAddress.MailAddress2 = this.walletRegistrationModel.Contact.HomeAddress2;
+        this.walletRegistrationModel.MailingAddress.CountryCode = this.walletRegistrationModel.Contact.CountryCode;
+        this.walletRegistrationModel.MailingAddress.CountryName = this.walletRegistrationModel.Contact.CountryName;
+
+        if (this.walletRegistrationModel.Contact.CountryCode == this.thaiCountryId) {
+            this.mailingStateListData = this.stateListData;
+            this.mailingDistrictListData = this.districtListData;
+            this.walletRegistrationModel.MailingAddress.StateId = this.walletRegistrationModel.Contact.StateId;
+            this.walletRegistrationModel.MailingAddress.DistrictId = this.walletRegistrationModel.Contact.DistrictId;
+        }
+        else {
+            this.walletRegistrationModel.MailingAddress.State = this.walletRegistrationModel.Contact.State;
+        }
+
+        this.walletRegistrationModel.MailingAddress.PostalCode = this.walletRegistrationModel.Contact.PostalCode;
+        this.walletRegistrationModel.MailingAddress.AddressDefine1 = this.walletRegistrationModel.Contact.AddressDefine1;
+        this.walletRegistrationModel.MailingAddress.AddressDefine2 = this.walletRegistrationModel.Contact.AddressDefine2;
+    }
+
+    // uploadFile: Get uploaded file.
+    public uploadFile(event: any) {
+        let thisComponent = this;
+        if (event.target.files && event.target.files[0]) {
+            let file = event.target.files[0];
+            let fileType = file.type.split('/')[1].toLowerCase();
+            if (this.attachFileType.indexOf(fileType) < 0) {
+                this.alert.error(Constants.CUST_REG_ATTACH_ERROR_MSG);
+                event.target.value = Constants.STRING_EMPTY;
+                return;
+            }
+            if (file.size > Constants.MAX_IMAGE_SIZE_1MB) {
+                this.alert.error(Constants.MAX_IMAGE_SIZE_ERROR_1MB);
+                event.target.value = Constants.STRING_EMPTY;
+                return;
+            }
+            let pattern: RegExp = /^[^\\\/\:\*\?\"\<\>\|]+$/;
+            if (!pattern.test(file.name)) {
+                this.alert.error(Constants.CUST_REG_ATTACH_PATTERN_MSG);
+                event.target.value = Constants.STRING_EMPTY;
+                return;
+            }
+            this.imageURL.fileName = file.name;
+            let reader = new FileReader();
+            var base64;
+
+            reader.onload = (e: any) => {
+                base64 = e.target.result;
+                if (event.target.id == "file1") {
+                    thisComponent.walletRegistrationModel.FileName1 = file.name;
+                    thisComponent.walletRegistrationModel.AttachFile1 = thisComponent.common.getImageString(base64);
+                    this.isFile1Deleted = false;
+                    this.isFileUpdated1 = true;
+                }
+                else if (event.target.id == "file2") {
+                    thisComponent.walletRegistrationModel.FileName2 = file.name;
+                    thisComponent.walletRegistrationModel.AttachFile2 = thisComponent.common.getImageString(base64);
+                    this.isFile2Deleted = false;
+                    this.isFileUpdated2 = true;
+
+                }
+            };
+            reader.readAsDataURL(event.target.files[0]);
+        }
+        event.currentTarget.value = Constants.STRING_EMPTY;
+    }
+
+    //method to delete file
+    public deleteFile(file: string) {
+        if (file == "file1") {
+            this.walletRegistrationModel.AttachFile1 = this.walletRegistrationModel.FileName1 = null;
+            this.isFile1Deleted = true;
+            if (this.actualObject.FileName1)
+                this.isFileUpdated1 = true;
+            else {
+                this.isFileUpdated1 = false;
+            }
+        }
+        else {
+            this.walletRegistrationModel.AttachFile2 = this.walletRegistrationModel.FileName2 = null;
+            this.isFile2Deleted = true;
+            if (this.actualObject.FileName2)
+                this.isFileUpdated2 = true;
+            else {
+                this.isFileUpdated2 = false;
+            }
+        }
+        this.deleteConfirmationModal.close();
+    }
+
+    // Download attached file
+    public downloadFile(fileId: any, isDownload: boolean) {
+        this.url = Constants.DOWNLOAD_FILE_API;
+        let requestJSON = {
+            customerId: this.customerId,
+            attachFileId: fileId,
+            companyUniqueId: this.walletRegistrationModel.Customer.CompanyUniqueId
+        };
+        this.sharedService.post(this.url, requestJSON).subscribe((data: any) => {
+            var response = data;
+            if (response.responseCode == Constants.SUCCESS_CODE) {
+                if (isDownload) {
+                    let data = `${Constants.PDF_JPEG_CONTENT_FORMAT}${response.AttachFile}`;
+                    this.common.saveAsFile(response.AttachFileName, data);
+                    // Insert download file audit log.
+                    this.insertAttachFileLog(true, fileId);
+                }
+                else {
+                    if (fileId == 1)
+                        this.walletRegistrationModel.AttachFile1 = response.AttachFile;
+                    else
+                        this.walletRegistrationModel.AttachFile2 = response.AttachFile;
+                }
+            }
+            else {
+                this.alert.error(response.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    public actionPermissionDenied() {
+        this.alert.error(this.common.permissionMessage);
+    }
+
+    openWalletPopup() {
+        this.showWalletModal = true;
+        this.isAddWalletSubmit = false;
+        this.addWalletAuditLogModel.FirstName = this.actualObject.Customer.FirstName;
+        this.addWalletAuditLogModel.LastName = this.actualObject.Customer.LastName;
+        this.addWalletAuditLogModel.IdNumber = this.actualObject.Customer.IdNumber;
+        this.addWalletModel.WalletTypeId = 1;
+        this.addWalletModel.WalletProfileId = null;
+        this.addWalletModal.CompanyUniqueId = this.actualObject.Customer.CompanyUniqueId;
+        this.getWalletProfileList(this.addWalletModal.CompanyUniqueId, true);
+        this.addWalletModal.open();
+    }
+
+    openCardPopup() {
+        this.showCardModel = true;
+        //Create model for add card audit log.
+        this.addCardAuditLogMoel = new AddCardAuditLogMoel();
+        this.addCardAuditLogMoel.FirstName = this.actualObject.Customer.FirstName;
+        this.addCardAuditLogMoel.LastName = this.actualObject.Customer.LastName;
+        this.addCardAuditLogMoel.IdNumber = this.actualObject.Customer.IdNumber;
+        // this.addCardModal.open();
+    }
+
+    refresh() {
+        this.getWalletDetails();
+    }
+
+    private getCountryName(countryCode: any) {
+        let countryName: string = Constants.STRING_EMPTY;
+        if (countryCode) {
+            let data = this.countryList.filter((element: any) => {
+                if (element.countryCode == countryCode)
+                    return element;
+            });
+
+            if (data && data.length > 0)
+                countryName = data[0].countryName;
+        }
+
+        return countryName;
+    }
+
+    private insertAttachFileLog(isDownloadFile?: boolean, fileId?: number) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.ATTACH_FILE_AUDIT_TYPE);
+        this.auditLogInsertModel.Description = `${this.getDescriptionFirstLine()}\n`;
+        this.auditLogInsertModel.CustomerUniqueId = this.customerId;
+        //Delete File Log
+        if ((this.walletRegistrationModel.AttachFile1 == null || this.walletRegistrationModel.AttachFile1 == Constants.STRING_EMPTY) && this.isFileUpdated1)
+            this.auditLogInsertModel.Description += `File1 : ${Constants.FILE_DELETED_LABEL}\n`
+        if ((this.walletRegistrationModel.AttachFile2 == null || this.walletRegistrationModel.AttachFile2 == Constants.STRING_EMPTY) && this.isFileUpdated2)
+            this.auditLogInsertModel.Description += `File2 : ${Constants.FILE_DELETED_LABEL}\n`
+
+        //Attach File Log
+        if (!this.isFile1Deleted)
+            if (this.walletRegistrationModel.AttachFile1 != this.actualObject.AttachFile1)
+                this.auditLogInsertModel.Description += `File1 : ${Constants.FILE_ATTACHED_LABEL}\n`
+
+        if (!this.isFile2Deleted)
+            if (this.walletRegistrationModel.AttachFile2 != this.actualObject.AttachFile2)
+                this.auditLogInsertModel.Description += `File2 : ${Constants.FILE_ATTACHED_LABEL}\n`
+
+        //Download File Log.
+        if (isDownloadFile)
+            this.auditLogInsertModel.Description += `\n ${(fileId == 1) ? 'File1' : 'File2'} : ${Constants.FILE_DOWNLOAD_LABEL}`;
+
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    private getWalletStatus(statusId: number) {
+        let walletStatus: string;
+        let walletData = this.walletStatusList.filter(x => x.walletStatusId == statusId);
+
+        if (walletData && walletData.length > 0) {
+            walletStatus = walletData[0].walletStatus;
+        }
+        return walletStatus;
+    }
+
+    private setAuditLogModel() {
+        this.actualObject.Wallet = Object.assign({}, this.walletRegistrationModel.Wallet);
+        this.actualObject.Contact = Object.assign({}, this.walletRegistrationModel.Contact);
+        this.actualObject.Customer = Object.assign({}, this.walletRegistrationModel.Customer);
+        this.actualObject.Card = Object.assign([], this.walletRegistrationModel.Card);
+        this.actualObject.MailingAddress = Object.assign({}, this.walletRegistrationModel.MailingAddress);
+        this.actualObject.CompanyAddress = Object.assign({}, this.walletRegistrationModel.CompanyAddress);
+        this.actualObject.FileName1 = this.walletRegistrationModel.FileName1;
+        this.actualObject.FileName2 = this.walletRegistrationModel.FileName2;
+    }
+
+    public validateIdNumber(event: any) {
+        let content: any = this.common.allowNumericOnly(event);
+        if (content) {
+            if (this.pageName == Constants.EDIT)
+                this.walletRegistrationModel.Customer.IdNumber += content;
+            else {
+                this.walletRegistrationModel.Customer.IdNumber = this.walletRegistrationModel.Customer.IdNumber ? this.walletRegistrationModel.Customer.IdNumber : Constants.STRING_EMPTY
+                this.walletRegistrationModel.Customer.IdNumber += `${this.walletRegistrationModel.Customer.IdNumber}${content}`;
+            }
+        }
+        return false;
+    }
+
+    public openConfirmationPopup(file: string) {
+        this.selectedFile = file;
+        this.deleteConfirmationModal.open()
+    }
+
+    // public navigateToCardList() {
+    //     if (this.customerId) {
+    //         this.router.navigate(['/customer-registration/all-card-list', this.customerId]);
+    //     }
+    // }
+
+    public navigateToProfileHistory() {
+        if (this.customerId) {
+            this.router.navigate(['/customer-profile-history', this.customerId]);
+        }
+    }
+
+    public navigateToWalletHistory() {
+        if (this.customerId) {
+            this.router.navigate(['/wallet-history', this.customerId]);
+        }
+    }
+
+    private getWalletProfileList(companyUniqueId: number, isAddWalletRequest: boolean) {
+
+        if (isAddWalletRequest && !this.addWalletRights) {
+            return;
+        }
+
+        let url = `${Constants.GET_MASTER_WALLET_PROFILE_LIST}?companyUniqueId=${companyUniqueId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.GET_MASTER_WALLET_PROFILE_LIST);
+        },
+            (error: any) => {
+                this.alert.error(error);
+            });
+    }
+
+    public redirectToWalletProfileSetting() {
+        if (this.walletRegistrationModel.Wallet.ProfileId > 0) {
+            this.router.navigate(['/company-setting/wallet-profile-setting-view', this.walletRegistrationModel.Wallet.ProfileId]);
+        }
+        else {
+            this.alert.error('No WalletProfile found.');
+        }
+    }
+
+    public getFullWalletId() {
+        if (!this.walletRegistrationModel.Wallet.WalletId) {
+            return;
+        }
+
+        if (this.fullPanRights) {
+            this.walletId = this.walletRegistrationModel.Wallet.WalletId.toString();
+        }
+        else {
+            this.alert.error(this.common.permissionMessage);
+        }
+    }
+
+    public getDistrictList(stateChanged?: boolean) {
+        if (stateChanged) {
+            this.walletRegistrationModel.Contact.DistrictId = null;
+        }
+
+        if (!this.walletRegistrationModel.Contact.StateId) {
+            this.districtListData = this.districtListData = null;
+            return;
+        }
+
+        let url = `${Constants.MASTER_DISTRICT_API}?stateId=${this.walletRegistrationModel.Contact.StateId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.districtList = response.districtList;
+                    break;
+                case Constants.DATA_NOT_FOUND:
+                    this.districtList = [];
+                    this.walletRegistrationModel.Contact.DistrictId = null;
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    this.districtList = [];
+                    this.walletRegistrationModel.Contact.DistrictId = null;
+                    break;
+            }
+            this.districtListData = this.districtList;
+        }, (error: any) => {
+            this.alert.error(error);
+            this.districtList = [];
+            this.walletRegistrationModel.Contact.DistrictId = null;
+            this.districtListData = this.districtList;
+        });
+    }
+
+    public getMailingStateList(countryChanged?: boolean) {
+        if (countryChanged) {
+            this.walletRegistrationModel.MailingAddress.StateId = null;
+            this.walletRegistrationModel.MailingAddress.DistrictId = null;
+        }
+
+        if (this.walletRegistrationModel.MailingAddress.CountryCode !== this.thaiCountryId) {
+            this.walletRegistrationModel.MailingAddress.StateId = null;
+            this.mailingStateListData = [];
+            return;
+        }
+
+        if (this.stateList.length > 0) {
+            this.mailingStateListData = this.stateList;
+            return;
+        }
+
+        let url = `${Constants.MASTER_STATE_API}?countryId=${this.walletRegistrationModel.MailingAddress.CountryCode}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.stateList = response.stateList;
+                    break;
+                case Constants.DATA_NOT_FOUND:
+                    this.stateList = [];
+                    this.walletRegistrationModel.MailingAddress.StateId = null;
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    this.stateList = [];
+                    this.walletRegistrationModel.MailingAddress.StateId = null;
+                    break;
+            }
+            this.mailingStateListData = this.stateList;
+
+        }, (error: any) => {
+            this.alert.error(error);
+            this.stateList = [];
+            this.walletRegistrationModel.MailingAddress.StateId = null;
+            this.mailingStateListData = this.stateList;
+        });
+    }
+
+    public getMailingDistrictList(stateChanged?: boolean) {
+        if (stateChanged) {
+            this.walletRegistrationModel.MailingAddress.DistrictId = null;
+        }
+
+        if (!this.walletRegistrationModel.MailingAddress.StateId) {
+            return;
+        }
+
+        if (this.walletRegistrationModel.MailingAddress.StateId === this.walletRegistrationModel.Contact.StateId
+            && this.districtList && this.districtList.length > 0) {
+            this.mailingDistrictListData = this.mailingDistrictList = this.districtList;
+            return;
+        }
+
+        let url = `${Constants.MASTER_DISTRICT_API}?stateId=${this.walletRegistrationModel.MailingAddress.StateId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.mailingDistrictList = response.districtList;
+                    break;
+                case Constants.DATA_NOT_FOUND:
+                    this.mailingDistrictList = [];
+                    this.walletRegistrationModel.MailingAddress.DistrictId = null;
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    this.mailingDistrictList = [];
+                    this.walletRegistrationModel.MailingAddress.DistrictId = null;
+                    break;
+            }
+            this.mailingDistrictListData = this.mailingDistrictList;
+
+        }, (error: any) => {
+            this.alert.error(error);
+            this.mailingDistrictList = [];
+            this.walletRegistrationModel.MailingAddress.DistrictId = null;
+            this.mailingDistrictListData = this.mailingDistrictList;
+        });
+    }
+
+    public getCompanyStateList(countryChanged?: boolean) {
+        if (countryChanged) {
+            this.walletRegistrationModel.CompanyAddress.StateId = null;
+            this.walletRegistrationModel.CompanyAddress.DistrictId = null;
+        }
+
+        if (this.walletRegistrationModel.CompanyAddress.CompanyCountryCode !== this.thaiCountryId) {
+            this.walletRegistrationModel.CompanyAddress.StateId = null;
+            this.companyStateListData = [];
+            return;
+        }
+
+        if (this.stateList.length > 0) {
+            this.companyStateListData = this.stateList;
+            return;
+        }
+
+        let url = `${Constants.MASTER_STATE_API}?countryId=${this.walletRegistrationModel.CompanyAddress.CompanyCountryCode}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.stateList = response.stateList;
+                    break;
+                case Constants.DATA_NOT_FOUND:
+                    this.stateList = [];
+                    this.walletRegistrationModel.CompanyAddress.StateId = null;
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    this.stateList = [];
+                    this.walletRegistrationModel.CompanyAddress.StateId = null;
+                    break;
+            }
+            this.companyStateListData = this.stateList;
+
+        }, (error: any) => {
+            this.alert.error(error);
+            this.stateList = [];
+            this.walletRegistrationModel.CompanyAddress.StateId = null;
+            this.companyStateListData = this.stateList;
+        });
+    }
+
+    public getCompanyDistrictList(stateChanged?: boolean) {
+        if (stateChanged) {
+            this.walletRegistrationModel.CompanyAddress.DistrictId = null;
+        }
+
+        if (!this.walletRegistrationModel.CompanyAddress.StateId) {
+            this.companyStateListData = this.companyDistrictList = this.companyDistrictListData = null;
+            return;
+        }
+
+        if (this.walletRegistrationModel.Contact.StateId > 0 &&
+            this.walletRegistrationModel.CompanyAddress.StateId == this.walletRegistrationModel.Contact.StateId &&
+            this.districtListData && this.districtListData.length > 0) {
+            this.companyDistrictListData = this.companyDistrictList = this.districtList;
+            return;
+        }
+
+        if (this.walletRegistrationModel.MailingAddress.StateId > 0 &&
+            this.walletRegistrationModel.CompanyAddress.StateId == this.walletRegistrationModel.MailingAddress.StateId &&
+            this.mailingDistrictList && this.mailingDistrictList.length > 0) {
+            this.companyDistrictListData = this.companyDistrictList = this.mailingDistrictList;
+            return;
+        }
+
+        let url = `${Constants.MASTER_DISTRICT_API}?stateId=${this.walletRegistrationModel.CompanyAddress.StateId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.companyDistrictList = response.districtList;
+                    break;
+                case Constants.DATA_NOT_FOUND:
+                    this.companyDistrictList = [];
+                    this.walletRegistrationModel.CompanyAddress.DistrictId = null;
+                    break;
+                default:
+                    this.alert.error(response.resDescriptionEN);
+                    this.companyDistrictList = [];
+                    this.walletRegistrationModel.CompanyAddress.DistrictId = null;
+                    break;
+            }
+            this.companyDistrictListData = this.companyDistrictList;
+
+        }, (error: any) => {
+            this.alert.error(error);
+            this.mailingDistrictList = [];
+            this.walletRegistrationModel.MailingAddress.DistrictId = null;
+            this.mailingDistrictListData = this.mailingDistrictList;
+        });
+    }
+
+    public updateCustomerIndividualData(customerId: number) {
+        this.updateDataConfirmationModal.close();
+    }
+
+    public CancelUserKycUpdate() {
+        this.updateDataConfirmationModal.close();
+
+        if (this.pageName !== Constants.NEW) {
+            this.sharedService.disableButton = false;
+            return;
+        }
+
+        this.updateStatuses(Constants.SET_STATUS_PENDING);
+        localStorage.setItem('editAbnormal', 'true');
+        this.onEditClick();
+    }
+
+    public GetCompanyDetails(companyUniqueId: number) {
+        let url = `${Constants.COMPANY_DEFAULT_ACTION_API}/${companyUniqueId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response: any = data ? data : null;
+            if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                this.companyModel = this.common.removePropertyFromJSON(response);
+                this.companyModel.externalProfileSetting = this.companyModel.externalProfileSetting ? this.companyModel.externalProfileSetting : false;
+
+                this.disableWalletProfile = this.pageName == Constants.EDIT && this.companyModel.externalProfileSetting;
+            }
+            else {
+                this.disableWalletProfile = false;
+            }
+        }, (error: any) => {
+            this.disableWalletProfile = false;
+        });
+    }
+
+    public walletProfileSearchFilter(value: any) {
+        this.walletProfileListData = this.walletProfileList.filter((wp: any) => wp.profileName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public countrySearchFilter(value: any) {
+        this.countryListData = this.countryList.filter((c: any) => c.countryName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public mailingCountrySearchFilter(value: any) {
+        this.mailingCountryListData = this.countryList.filter((c: any) => c.countryName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public walletStatusSearchFilter(value: any) {
+        this.walletStatusListData = this.walletStatusList.filter((ws: any) => ws.walletStatus.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public walletTypesSearchFilter(value: any) {
+        this.walletTypeListData = this.walletTypeList.filter((ws: any) => ws.walletStatus.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public addWalletTypeSearchFilter(value: any) {
+        this.addWalletTypeListData = this.walletTypeList.filter((wt: any) => wt.walletType.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public addWalletProfileSearchFilter(value: any) {
+        this.addWalletProfileListData = this.walletProfileList.filter((wp: any) => wp.profileName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public stateSearchFilter(value: any) {
+        this.stateListData = this.stateList.filter((st: any) => st.stateName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public mailingStateSearchFilter(value: any) {
+        this.mailingStateListData = this.stateList.filter((st: any) => st.stateName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public companyStateSearchFilter(value: any) {
+        this.companyStateListData = this.stateList.filter((st: any) => st.stateName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public districtSearchFilter(value: any) {
+        this.districtListData = this.districtList.filter((d: any) => d.districtName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public mailingDistrictSearchFilter(value: any) {
+        this.mailingDistrictListData = this.mailingDistrictList.filter((md: any) => md.districtName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    public companyDistrictSearchFilter(value: any) {
+        this.companyDistrictListData = this.companyDistrictList.filter((cd: any) => cd.districtName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+}