');\n })\n } else {\n search_elem.classList.add('no-display');\n }\n\n }\n\n static initializeDropdown(element, change_content = true) {\n const bDropdown = new bootstrap.Dropdown(element, {\n offset: [0, 10]\n })\n element.addEventListener('click', event => {\n bDropdown.show();\n })\n element.querySelectorAll('.dropdown-item').forEach(item => {\n item.addEventListener('click', event => {\n if (change_content) {\n element.querySelector('#dropdownMenuButton').textContent = item.textContent;\n }\n })\n })\n }\n\n static getUsername() {\n Utils.requestHandler(\"/scf/api/user/\" + localStorage.getItem('user_id'), Constants.REQUEST.get, {})\n .then(function (response) {\n let user_name = document.getElementById('username-dashboard');\n let user_type = document.getElementById('user-type-dashboard');\n let user_icon = document.getElementById('dropdownMenuButton');\n let user_name_full = \"\";\n\n if (response.data.user.first_name && response.data.user.first_name.trim() !== \"\") {\n user_name_full = response.data.user.first_name;\n }\n if (response.data.user.last_name && response.data.user.last_name.trim() !== \"\") {\n if (user_name_full !== \"\") {\n user_name_full += \" \";\n }\n user_name_full += response.data.user.last_name;\n }\n let user_permission = response.data.user_permission;\n if (Array.isArray(user_permission) && user_permission.length > 0) {\n let user_type_permission = user_permission[0].replace('scf_', '');\n user_type_permission = user_type_permission.charAt(0).toUpperCase() + user_type_permission.slice(1);\n user_type.innerHTML = ` ${user_type_permission}`;\n } else {\n console.error('user_permission is not a valid array:', user_permission);\n user_type.innerHTML = '';\n }\n user_name.innerHTML = user_name_full;\n user_icon.innerHTML = user_name_full.charAt(0);\n })\n .catch(function (error) {\n console.error('Error fetching user data:', error);\n });\n }\n\n static copyToClipboard() {\n const that = this;\n document.querySelectorAll('.copy').forEach(item => {\n if (!item.getAttribute('copy-event')) {\n item.addEventListener('click', event => {\n const txt = item.getAttribute('data-copy')\n navigator.clipboard.writeText(txt);\n that.showToast('Copied to clipboard', txt, Constants.TOAST.info);\n item.setAttribute('copy-event', 'true');\n })\n }\n })\n }\n\n static sidebarHandler(active_element) {\n let dp_user_settings = document.getElementById('dp-user-settings');\n if (dp_user_settings) {\n this.initializeDropdown(document.getElementById('dp-user-settings'), false);\n this.getUsername();\n }\n ScfSignIn.logoutHandler();\n if (ScfPermission.isScfBorrower() || ScfPermission.isScfCounterparty()) {\n document.getElementById('sidebar-transactions').classList.add('d-none');\n // document.getElementById('sidebar-settings').classList.add('no-display');\n }\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfCounterparty() || ScfPermission.isScfCredit() || ScfPermission.isScfSuperAdmin() || ScfPermission.isScfLender()) {\n document.getElementById('sidebar-support').classList.add('no-display');\n document.getElementById('sidebar-contact').classList.add('no-display');\n document.getElementById('sidebar-create-application').classList.add('no-display');\n document.getElementById('onboarding-hide').classList.add('no-display');\n }\n // Show analytic dashboard for both Admin and Credit permissions\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfCredit()) {\n document.getElementById('analytic-dashboard').classList.remove('no-display');\n document.getElementById('sidebar-due-invoice').classList.remove('no-display');\n\n } else {\n document.getElementById('analytic-dashboard').classList.add('no-display');\n document.getElementById('sidebar-due-invoice').classList.add('no-display');\n }\n if (ScfPermission.isScfAdmin()) {\n document.getElementById('sidebar-settings').classList.remove('no-display');\n }\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfCredit()) {\n document.getElementById('sidebar-anchor-section').classList.remove('no-display');\n }\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfSuperAdmin() || ScfPermission.isScfBorrower()) {\n document.getElementById('sidebar-transactions').classList.remove('no-display');\n }\n if (ScfPermission.isScfCounterparty() || ScfPermission.isScfCredit() || ScfPermission.isScfLender() || ScfPermission.isScfSuperAdmin() || ScfPermission.isScfAdmin() || ScfPermission.isScfBorrower()) {\n document.getElementById('sidebar-collections').classList.add('no-display');\n }\n if (ScfPermission.isScfSales()) {\n document.getElementById(\"sidebar-sales\").classList.remove(\"no-display\");\n document.getElementById(\"sidebar-applicant-new-application\").classList.add(\"no-display\");\n document.getElementById(\"sidebar-transactions\").classList.add(\"no-display\");\n document.getElementById(\"sidebar-collections\").classList.add(\"no-display\");\n }\n\n document.getElementById('user_settings').addEventListener('click', function () {\n window.location = '/scf/user/settings'\n })\n\n }\n\n static pageSanityHandler() {\n this.sidebarHandler();\n this.hideDropdowns();\n }\n\n static hideDropdowns() {\n document.addEventListener('click', event => {\n document.querySelectorAll('.dropdown').forEach((element) => {\n if (!element.contains(event.target)) {\n element.querySelector('#dropdown-menu').classList.remove('show');\n }\n })\n })\n }\n\n static validatorText(text) {\n return String(text)\n .match(\n /^[A-Za-z\\s]*$/\n );\n }\n\n static validatorNumber(text) {\n return String(text)\n .match(\n /^[1-9]\\d*$/\n );\n }\n\n static validatorZipcode(zipcode) {\n return String(zipcode)\n .match(\n /^[1-9][0-9]{5}$/\n );\n }\n\n static validatorAadhaar(aadhar) {\n return String(aadhar)\n .match(\n /^([0-9]{4}[0-9]{4}[0-9]{4}$)|([0-9]{4}\\s[0-9]{4}\\s[0-9]{4}$)|([0-9]{4}-[0-9]{4}-[0-9]{4}$)/\n );\n }\n\n static validatorMobile(mobile) {\n return String(mobile)\n .match(\n /^[6-9]\\d{9}$/gi\n );\n }\n\n static validatorPan(pan) {\n return String(pan)\n .match(\n /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/\n );\n }\n\n static setter(elem, value) {\n switch (elem.tagName.toLowerCase()) {\n case 'input':\n elem.value = value\n break;\n case 'select':\n elem.value = value\n elem.dispatchEvent(new Event('change'));\n break;\n default:\n elem.setAttribute('data-value', value)\n elem.innerHTML = value;\n break;\n }\n }\n\n static getter(elem) {\n let result = null;\n switch (elem.tagName.toLowerCase()) {\n case 'input':\n result = elem.value\n break;\n case 'select':\n result = elem.value\n break;\n default:\n break;\n }\n if (result && result.length > 0) {\n return result.trim();\n }\n }\n\n static getZipcodeDetails(zipcode) {\n if (String(zipcode).length === 6) {\n return Utils.requestHandler('/core/api/utility/zipcode-details/' + zipcode, Constants.REQUEST.get);\n } else {\n Utils.showToast('Error', 'Invalid Zipcode', Constants.TOAST.fail);\n return Promise.resolve();\n }\n }\n\n static groupBy(data, param) {\n let result = {}\n data.forEach(function (row) {\n if (result[row[param]]) {\n result[row[param]].push(row)\n } else {\n result[row[param]] = [row]\n }\n })\n return result;\n }\n\n static toggleInput(elem, enable = true) {\n elem.disabled = !enable;\n }\n\n static clean(element) {\n var ch_event = new Event('change');\n element.querySelectorAll('input').forEach(function (elem) {\n elem.removeAttribute('disabled')\n elem.value = null;\n elem.dispatchEvent(ch_event);\n })\n element.querySelectorAll('select').forEach(function (elem) {\n elem.value = null;\n elem.dispatchEvent(ch_event);\n })\n element.querySelectorAll('button').forEach(function (elem) {\n elem.removeAttribute('disabled');\n })\n }\n\n}\n\nexport class DocumentUtils {\n\n static bindInputElement(action_element) {\n action_element.addEventListener('click', function () {\n let inp_elem = action_element.parentElement.querySelector('.file-input');\n // Check if the file input is empty before dispatching the click event\n if (!inp_elem.files || inp_elem.files.length === 0) {\n inp_elem.dispatchEvent(new MouseEvent('click'));\n }\n })\n }\n\n static getFileData(inp_elem, more_params = null) {\n let file_data = [];\n Array.from(inp_elem.files).forEach(function (fls) {\n let body = new FormData();\n body.set('file_data', fls)\n body.set('file_name', fls.name);\n if (more_params) {\n for (const m in more_params) {\n body.set(m, more_params[m]);\n }\n }\n file_data.push(body);\n })\n return file_data;\n }\n\n static uploadFiles(action_element, url, more_params = null) {\n let that = this;\n let inp_elem = action_element.parentElement.querySelector('.file-input');\n const event = new Event(\"ev_document_uploaded\");\n inp_elem.addEventListener('change', function () {\n let file_data = that.getFileData(inp_elem, more_params);\n inp_elem.value = '';\n file_data.forEach(function (body) {\n Utils.buttonWithLoader(action_element, Constants.ELEMENT_STATE.show);\n Utils.requestHandler(url, Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message === 'OK') {\n action_element.setAttribute('data-upload-response', JSON.stringify(response.data));\n action_element.dispatchEvent(event);\n Utils.showToast(response.message, 'Document uploaded', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }).then(function () {\n Utils.buttonWithLoader(action_element, Constants.ELEMENT_STATE.hide);\n })\n })\n })\n }\n\n static uploadOnElementTrigger(action_element, inp_element, url, more_params = null) {\n let that = this;\n const event = new Event(\"ev_document_uploaded\");\n let file_data = that.getFileData(inp_element, more_params);\n file_data.forEach(function (body) {\n // Utils.buttonWithLoader(action_element, Constants.ELEMENT_STATE.show);\n Utils.requestHandler(url, Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message === 'OK') {\n action_element.setAttribute('data-upload-response', JSON.stringify(response.data));\n action_element.dispatchEvent(event);\n Utils.showToast(response.message, 'Document uploaded', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }).then(function () {\n // Utils.buttonWithLoader(action_element, Constants.ELEMENT_STATE.hide);\n })\n })\n }\n\n static showOfflinePreview(action_element, preview_element) {\n let inp_elem = action_element.parentElement.querySelector('.file-input');\n inp_elem.addEventListener('change', function () {\n if (inp_elem.files.length > 0) {\n preview_element.innerHTML = null;\n }\n Array.from(inp_elem.files).forEach(function (fls) {\n if (fls) {\n let ah = document.createElement('a');\n ah.innerHTML = fls.name;\n ah.setAttribute('src', URL.createObjectURL(fls));\n preview_element.append(ah);\n }\n })\n })\n }\n}","let node_env = process.env.NODE_ENV\r\nlet ENV = process.env.NODE_ENV || 'development';\r\nlet SERVICE_BASE_URL;\r\nlet SERVICE_BASE_URL_BACKOFFICE;\r\nlet PROFILE_REDIRECT_URL;\r\n\r\nswitch (ENV) {\r\n case 'staging':\r\n SERVICE_BASE_URL = 'https://staging-api.flexipayment.in';\r\n SERVICE_BASE_URL_BACKOFFICE = 'https://staging-api.flexipayment.in/backoffice';\r\n break;\r\n case 'production':\r\n SERVICE_BASE_URL = 'https://api.flexipayment.in';\r\n SERVICE_BASE_URL_BACKOFFICE = 'https://api.flexipayment.in/backoffice';\r\n break;\r\n case 'development':\r\n SERVICE_BASE_URL = 'http://localhost:8888';\r\n SERVICE_BASE_URL_BACKOFFICE = 'http://localhost:5000/backoffice'\r\n PROFILE_REDIRECT_URL = \"http://localhost:3000/R/application/detail\";\r\n}\r\nexport const ENVIRONMENT = ENV;\r\nexport const SERVICE_BASE = SERVICE_BASE_URL;\r\nexport const SERVICE_BASE_BACKOFFICE = SERVICE_BASE_URL_BACKOFFICE;\r\nexport const PROFILE_REDIRECT = PROFILE_REDIRECT_URL;\r\nexport const ORG_ID = \"d95c2b06-c14d-4b2f-a0dd-ca9d2bc30d75\";\r\n// constants.js\r\n\r\n\r\n\r\nexport const REQUEST = {\r\n get: 1,\r\n post: 2\r\n};\r\nexport const API_LIMIT = {\r\n limit: 20,\r\n skip: 0\r\n};\r\nexport const TOAST = {\r\n success: 1,\r\n fail: 2,\r\n info: 3\r\n};\r\nexport const ELEMENT_STATE = {\r\n show: 1,\r\n hide: 0\r\n};\r\nexport const UAT = false;","var map = {\n\t\"./af\": 8,\n\t\"./af.js\": 8,\n\t\"./ar\": 9,\n\t\"./ar-dz\": 10,\n\t\"./ar-dz.js\": 10,\n\t\"./ar-kw\": 11,\n\t\"./ar-kw.js\": 11,\n\t\"./ar-ly\": 12,\n\t\"./ar-ly.js\": 12,\n\t\"./ar-ma\": 13,\n\t\"./ar-ma.js\": 13,\n\t\"./ar-sa\": 14,\n\t\"./ar-sa.js\": 14,\n\t\"./ar-tn\": 15,\n\t\"./ar-tn.js\": 15,\n\t\"./ar.js\": 9,\n\t\"./az\": 16,\n\t\"./az.js\": 16,\n\t\"./be\": 17,\n\t\"./be.js\": 17,\n\t\"./bg\": 18,\n\t\"./bg.js\": 18,\n\t\"./bm\": 19,\n\t\"./bm.js\": 19,\n\t\"./bn\": 20,\n\t\"./bn-bd\": 21,\n\t\"./bn-bd.js\": 21,\n\t\"./bn.js\": 20,\n\t\"./bo\": 22,\n\t\"./bo.js\": 22,\n\t\"./br\": 23,\n\t\"./br.js\": 23,\n\t\"./bs\": 24,\n\t\"./bs.js\": 24,\n\t\"./ca\": 25,\n\t\"./ca.js\": 25,\n\t\"./cs\": 26,\n\t\"./cs.js\": 26,\n\t\"./cv\": 27,\n\t\"./cv.js\": 27,\n\t\"./cy\": 28,\n\t\"./cy.js\": 28,\n\t\"./da\": 29,\n\t\"./da.js\": 29,\n\t\"./de\": 30,\n\t\"./de-at\": 31,\n\t\"./de-at.js\": 31,\n\t\"./de-ch\": 32,\n\t\"./de-ch.js\": 32,\n\t\"./de.js\": 30,\n\t\"./dv\": 33,\n\t\"./dv.js\": 33,\n\t\"./el\": 34,\n\t\"./el.js\": 34,\n\t\"./en-au\": 35,\n\t\"./en-au.js\": 35,\n\t\"./en-ca\": 36,\n\t\"./en-ca.js\": 36,\n\t\"./en-gb\": 37,\n\t\"./en-gb.js\": 37,\n\t\"./en-ie\": 38,\n\t\"./en-ie.js\": 38,\n\t\"./en-il\": 39,\n\t\"./en-il.js\": 39,\n\t\"./en-in\": 40,\n\t\"./en-in.js\": 40,\n\t\"./en-nz\": 41,\n\t\"./en-nz.js\": 41,\n\t\"./en-sg\": 42,\n\t\"./en-sg.js\": 42,\n\t\"./eo\": 43,\n\t\"./eo.js\": 43,\n\t\"./es\": 44,\n\t\"./es-do\": 45,\n\t\"./es-do.js\": 45,\n\t\"./es-mx\": 46,\n\t\"./es-mx.js\": 46,\n\t\"./es-us\": 47,\n\t\"./es-us.js\": 47,\n\t\"./es.js\": 44,\n\t\"./et\": 48,\n\t\"./et.js\": 48,\n\t\"./eu\": 49,\n\t\"./eu.js\": 49,\n\t\"./fa\": 50,\n\t\"./fa.js\": 50,\n\t\"./fi\": 51,\n\t\"./fi.js\": 51,\n\t\"./fil\": 52,\n\t\"./fil.js\": 52,\n\t\"./fo\": 53,\n\t\"./fo.js\": 53,\n\t\"./fr\": 54,\n\t\"./fr-ca\": 55,\n\t\"./fr-ca.js\": 55,\n\t\"./fr-ch\": 56,\n\t\"./fr-ch.js\": 56,\n\t\"./fr.js\": 54,\n\t\"./fy\": 57,\n\t\"./fy.js\": 57,\n\t\"./ga\": 58,\n\t\"./ga.js\": 58,\n\t\"./gd\": 59,\n\t\"./gd.js\": 59,\n\t\"./gl\": 60,\n\t\"./gl.js\": 60,\n\t\"./gom-deva\": 61,\n\t\"./gom-deva.js\": 61,\n\t\"./gom-latn\": 62,\n\t\"./gom-latn.js\": 62,\n\t\"./gu\": 63,\n\t\"./gu.js\": 63,\n\t\"./he\": 64,\n\t\"./he.js\": 64,\n\t\"./hi\": 65,\n\t\"./hi.js\": 65,\n\t\"./hr\": 66,\n\t\"./hr.js\": 66,\n\t\"./hu\": 67,\n\t\"./hu.js\": 67,\n\t\"./hy-am\": 68,\n\t\"./hy-am.js\": 68,\n\t\"./id\": 69,\n\t\"./id.js\": 69,\n\t\"./is\": 70,\n\t\"./is.js\": 70,\n\t\"./it\": 71,\n\t\"./it-ch\": 72,\n\t\"./it-ch.js\": 72,\n\t\"./it.js\": 71,\n\t\"./ja\": 73,\n\t\"./ja.js\": 73,\n\t\"./jv\": 74,\n\t\"./jv.js\": 74,\n\t\"./ka\": 75,\n\t\"./ka.js\": 75,\n\t\"./kk\": 76,\n\t\"./kk.js\": 76,\n\t\"./km\": 77,\n\t\"./km.js\": 77,\n\t\"./kn\": 78,\n\t\"./kn.js\": 78,\n\t\"./ko\": 79,\n\t\"./ko.js\": 79,\n\t\"./ku\": 80,\n\t\"./ku.js\": 80,\n\t\"./ky\": 81,\n\t\"./ky.js\": 81,\n\t\"./lb\": 82,\n\t\"./lb.js\": 82,\n\t\"./lo\": 83,\n\t\"./lo.js\": 83,\n\t\"./lt\": 84,\n\t\"./lt.js\": 84,\n\t\"./lv\": 85,\n\t\"./lv.js\": 85,\n\t\"./me\": 86,\n\t\"./me.js\": 86,\n\t\"./mi\": 87,\n\t\"./mi.js\": 87,\n\t\"./mk\": 88,\n\t\"./mk.js\": 88,\n\t\"./ml\": 89,\n\t\"./ml.js\": 89,\n\t\"./mn\": 90,\n\t\"./mn.js\": 90,\n\t\"./mr\": 91,\n\t\"./mr.js\": 91,\n\t\"./ms\": 92,\n\t\"./ms-my\": 93,\n\t\"./ms-my.js\": 93,\n\t\"./ms.js\": 92,\n\t\"./mt\": 94,\n\t\"./mt.js\": 94,\n\t\"./my\": 95,\n\t\"./my.js\": 95,\n\t\"./nb\": 96,\n\t\"./nb.js\": 96,\n\t\"./ne\": 97,\n\t\"./ne.js\": 97,\n\t\"./nl\": 98,\n\t\"./nl-be\": 99,\n\t\"./nl-be.js\": 99,\n\t\"./nl.js\": 98,\n\t\"./nn\": 100,\n\t\"./nn.js\": 100,\n\t\"./oc-lnc\": 101,\n\t\"./oc-lnc.js\": 101,\n\t\"./pa-in\": 102,\n\t\"./pa-in.js\": 102,\n\t\"./pl\": 103,\n\t\"./pl.js\": 103,\n\t\"./pt\": 104,\n\t\"./pt-br\": 105,\n\t\"./pt-br.js\": 105,\n\t\"./pt.js\": 104,\n\t\"./ro\": 106,\n\t\"./ro.js\": 106,\n\t\"./ru\": 107,\n\t\"./ru.js\": 107,\n\t\"./sd\": 108,\n\t\"./sd.js\": 108,\n\t\"./se\": 109,\n\t\"./se.js\": 109,\n\t\"./si\": 110,\n\t\"./si.js\": 110,\n\t\"./sk\": 111,\n\t\"./sk.js\": 111,\n\t\"./sl\": 112,\n\t\"./sl.js\": 112,\n\t\"./sq\": 113,\n\t\"./sq.js\": 113,\n\t\"./sr\": 114,\n\t\"./sr-cyrl\": 115,\n\t\"./sr-cyrl.js\": 115,\n\t\"./sr.js\": 114,\n\t\"./ss\": 116,\n\t\"./ss.js\": 116,\n\t\"./sv\": 117,\n\t\"./sv.js\": 117,\n\t\"./sw\": 118,\n\t\"./sw.js\": 118,\n\t\"./ta\": 119,\n\t\"./ta.js\": 119,\n\t\"./te\": 120,\n\t\"./te.js\": 120,\n\t\"./tet\": 121,\n\t\"./tet.js\": 121,\n\t\"./tg\": 122,\n\t\"./tg.js\": 122,\n\t\"./th\": 123,\n\t\"./th.js\": 123,\n\t\"./tk\": 124,\n\t\"./tk.js\": 124,\n\t\"./tl-ph\": 125,\n\t\"./tl-ph.js\": 125,\n\t\"./tlh\": 126,\n\t\"./tlh.js\": 126,\n\t\"./tr\": 127,\n\t\"./tr.js\": 127,\n\t\"./tzl\": 128,\n\t\"./tzl.js\": 128,\n\t\"./tzm\": 129,\n\t\"./tzm-latn\": 130,\n\t\"./tzm-latn.js\": 130,\n\t\"./tzm.js\": 129,\n\t\"./ug-cn\": 131,\n\t\"./ug-cn.js\": 131,\n\t\"./uk\": 132,\n\t\"./uk.js\": 132,\n\t\"./ur\": 133,\n\t\"./ur.js\": 133,\n\t\"./uz\": 134,\n\t\"./uz-latn\": 135,\n\t\"./uz-latn.js\": 135,\n\t\"./uz.js\": 134,\n\t\"./vi\": 136,\n\t\"./vi.js\": 136,\n\t\"./x-pseudo\": 137,\n\t\"./x-pseudo.js\": 137,\n\t\"./yo\": 138,\n\t\"./yo.js\": 138,\n\t\"./zh-cn\": 139,\n\t\"./zh-cn.js\": 139,\n\t\"./zh-hk\": 140,\n\t\"./zh-hk.js\": 140,\n\t\"./zh-mo\": 141,\n\t\"./zh-mo.js\": 141,\n\t\"./zh-tw\": 142,\n\t\"./zh-tw.js\": 142\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 145;","import {DocumentUtils, Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport {TOAST} from \"../../core/constants\";\nimport {SERVICE_BASE_BACKOFFICE} from \"../../core/constants\";\nimport {ScfPermission} from \"../scf_auth_handler\";\nexport default class ScfAppPanelInvoice {\n \n constructor() {\n let that = this;\n let fetched = false;\n this.application_id = document.getElementById('scf_application_id').value;\n this.transcationinput = document.getElementById('transcationinputvalue').value;\n this.elem_btn_invoice_modal = document.getElementById('btn_upload_invoice');\n this.elem_invoice_modal = new bootstrap.Modal(document.getElementById('invoice_modal'), {});\n this.elem_invoice_modal_header = document.getElementById('inv_modal_header');\n this.elem_btn_submit_invoice = document.getElementById('btn-submit-invoice');\n this.elem_div_inv_upload = document.getElementById('div_inv_upload');\n this.elem_select_buyer = document.getElementById('inv_buyer_options');\n this.elem_inv_preview = document.getElementById('inv_preview');\n this.elem_inv_purpose = document.getElementById('inv_purpose');\n this.elem_due_date = document.getElementById('inv_due_date');\n this.elem_tbody = document.getElementById('tb-invoices-tbody');\n this.elem_invoice_no = document.getElementById('inv_number');\n document.getElementById('nav-invoice').addEventListener('click', function (){\n if (fetched){\n return;\n }\n that.uploadInvoice();\n that.fetchCounterParties();\n that.submitInvoice();\n that.fetchInvoices();\n that.requestForFinance();\n that.sendToLenderForFinance();\n that.handler();\n fetched = true;\n })\n this.submitDrawDownRequest();\n document.getElementById('btn-invoice-modal-close').addEventListener('click', function(){\n that.resetForm();\n })\n }\n handler(){\n //hiding request for finance button from lender\n let that=this;\n that.userWisePermissoin() \n }\n \n submitDrawDownRequest(){\n let that = this;\n document.getElementById('btn-drawdown-submit').addEventListener('click', function(){\n let body = {\n invoice_ids: document.getElementById('transcationinputvalue').value, \n url: SERVICE_BASE_BACKOFFICE + '/v2/draw-down-request',\n scf_application_id: that.application_id\n }\n Utils.requestHandler('/scf/api/invoice/draw-down-request', Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n Utils.showToast('DDR', 'DDR sent duccesfully', Constants.TOAST.success);\n document.getElementById('btn-invoice-submit').disabled=true;\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n \n userWisePermissoin() {\n if (ScfPermission.isScfLender()){\n document.getElementById(\"btn_request_financing\").classList.add(\"no-display\");\n document.getElementById(\"btn_upload_invoice\").classList.add(\"no-display\");\n }\n if(ScfPermission.isScfAdmin() || ScfPermission.isScfSuperAdmin()){\n document.getElementById(\"invoice-consent-upload\").classList.remove(\"no-display\");\n }\n }\n \n \n validateValues(){\n let that = this;\n that.pass=true;\n document.querySelectorAll('.invoice-question').forEach(function (elem){\n let label=elem.getAttribute('data-label');\n Utils.reInput(elem);\n function toggleMessage(){\n let value=elem.value;\n if(!value){\n Utils.showInputError(elem, label + ' is mandatory');\n that.pass=false;\n }else{\n Utils.hideInputError(elem); \n }\n }\n toggleMessage();\n elem.addEventListener('input', toggleMessage);\n \n })\n return that.pass;\n }\n \n uploadInvoice(){\n let that = this;\n DocumentUtils.bindInputElement(that.elem_div_inv_upload, null);\n DocumentUtils.bindInputElement(document.getElementById('invoice-consent-upload'), null)\n DocumentUtils.showOfflinePreview(that.elem_div_inv_upload, that.elem_inv_preview);\n DocumentUtils.showOfflinePreview(document.getElementById('invoice-consent-upload'), document.getElementById('inv_consent_preview'));\n document.getElementById('btn_upload_invoice').addEventListener('click', function (){\n document.querySelectorAll('.invoice-stage').forEach(function (elem){\n elem.classList.add('no-display')\n })\n document.getElementById('inv_stage_upload').classList.remove('no-display');\n that.elem_invoice_modal_header.innerHTML = 'Upload Invoice';\n that.elem_invoice_modal.show();\n })\n }\n\n static bindInputElement(action_element){\n action_element.addEventListener('click', function(){\n let inp_elem = action_element.parentElement.querySelector('.file-input');\n if (!inp_elem.files || inp_elem.files.length === 0) {\n inp_elem.dispatchEvent(new MouseEvent('click'));\n }\n })\n }\n \n static getFileData(inp_elem, more_params = null){\n let file_data = [];\n Array.from(inp_elem.files).forEach(function (fls){\n let body = new FormData();\n body.set('file_data', fls)\n body.set('file_name', fls.name);\n if(more_params){\n for (const m in more_params) {\n body.set(m, more_params[m]);\n }\n }\n file_data.push(body);\n })\n return file_data;\n }\n \n submitInvoice(){\n let that = this;\n let invoiceInput = document.getElementById('pdf-upload');\n let consentInput = document.getElementById('image-upload');\n this.elem_btn_submit_invoice.addEventListener('click', function () {\n if (that.validateValues()) {\n that.elem_btn_submit_invoice.disabled = true;\n let formData = new FormData();\n formData.append('scf_application_id', that.application_id);\n formData.append('buyer_id', that.elem_select_buyer.value);\n formData.append('invoice_date', that.elem_due_date.value);\n formData.append('purpose', that.elem_inv_purpose.value);\n formData.append('invoice_no', that.elem_invoice_no.value);\n if (invoiceInput.files.length > 0) {\n formData.append('invoice', invoiceInput.files[0]);\n formData.append('invoice_file_name', invoiceInput.files[0].name);\n } else {\n Utils.showToast('Error', 'Invoice file is missing', Constants.TOAST.fail);\n that.elem_btn_submit_invoice.disabled = false;\n return;\n }\n if(ScfPermission.isScfAdmin() || ScfPermission.isScfSuperAdmin()){\n if (consentInput.files.length > 0) {\n formData.append('invoice_consent', consentInput.files[0]);\n formData.append('invoice_consent_file_name', consentInput.files[0].name);\n } else {\n Utils.showToast('Error', 'Invoice consent file is missing', Constants.TOAST.fail);\n that.elem_btn_submit_invoice.disabled = false;\n return;\n }\n }\n Utils.requestHandler('/scf/api/invoice/invoice-discounting/', Constants.REQUEST.post, formData, {\n headers: {\n 'Content-Type': 'multipart/form-data'\n }\n })\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Uploaded', 'Document uploaded', Constants.TOAST.success);\n that.resetForm();\n that.elem_invoice_modal.hide();\n that.elem_btn_submit_invoice.style.display = 'none';\n setTimeout(function () {\n that.fetchInvoices();\n }, 5000);\n } else {\n Utils.showToast('Error', response.errors.invoice_date, Constants.TOAST.fail);\n }\n })\n .catch(function (error) {\n Utils.showToast('Error', 'An error occurred during upload', Constants.TOAST.fail);\n that.elem_btn_submit_invoice.disabled = false;\n });\n }\n });\n }\n \n resetForm() {\n document.getElementById('pdf-upload').value = ''; \n document.getElementById('image-upload').value = '';\n this.elem_select_buyer.value = '';\n this.elem_due_date.value = '';\n this.elem_inv_purpose.value = '';\n document.getElementById('inv_preview').innerHTML = '';\n document.getElementById('inv_consent_preview').innerHTML = '';\n }\n \n closeModalForRequestForFinance(){\n document.getElementById('btn-lender-modal-close').addEventListener('click', function(){\n document.getElementById('inv_stage_req_fin_4').classList.add('no-display');\n })\n }\n \n fetchCounterParties(){\n let that = this;\n Utils.requestHandler('/scf/api/application/'+that.application_id+'/lender-approved-cps', Constants.REQUEST.get)\n .then(function (response){\n if(response.message === 'OK'){\n that.elem_select_buyer.textContent = \"\";\n let option = document.createElement('option');\n option.value = \"\";\n option.text = \"Select buyer\";\n that.elem_select_buyer.add(option);\n response.data.approved_counter_parties.forEach(function (dd){\n let option = document.createElement( 'option' );\n option.value = dd.cp_id;\n option.text = dd.name;\n that.elem_select_buyer.add(option);\n })\n }\n })\n .then(function (){\n \n })\n }\n \n transformInvoiceData(data){\n if(data.invoice_no === null){\n data.invoice_no = data.id;\n }\n if(data.total_invoice_value === null){\n data.formatted_invoice_amount = ' -'\n }else{\n data.formatted_invoice_amount = data.total_invoice_value.toLocaleString('en-IN');\n }\n data.formatted_created_at = Utils.formatTime(data.created_at);\n data.formatted_updated_at = Utils.formatTimeRelative(data.updated_at);\n data.formatted_due_date = Utils.formatDate(data.due_date);\n data.formatted_due_date_rel = Utils.formatTimeRelative(data.due_date);\n data.status_human = Utils.capitalizeFirstLetter(data.status.split('_').join(' '));\n return data;\n }\n \n fetchInvoices(){\n let that = this;\n Utils.requestHandler('/scf/api/application/'+that.application_id+'/invoices', Constants.REQUEST.get)\n .then(function (response){\n if(response.message === 'OK'){\n that.renderInvoice(response.data.invoices);\n }\n })\n .then(function (){\n \n })\n }\n renderInvoice(data){\n let that = this;\n let p_tmpl = document.getElementById('invoice-row-tmpl');\n that.elem_tbody.innerHTML = null;\n data.forEach(function (inv){\n let d1 = that.transformInvoiceData(inv)\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n let renderedRow = $.parseHTML(rend)[1]; \n let invoiceLinks = renderedRow.querySelectorAll('a#invoice-id');\n if(ScfPermission.isScfBorrower()){\n invoiceLinks.forEach(function(element){\n let href = element.getAttribute('href');\n if (href.includes('/scf/invoice/')) {\n element.removeAttribute('href');\n element.classList.add('disabled');\n element.setAttribute('tabindex', '-1');\n }\n });\n } \n that.elem_tbody.append(renderedRow);\n });\n }\n \n \n requestForFinance(){\n let that = this;\n document.getElementById('btn_request_financing').addEventListener('click', function (){\n let re_inv = document.querySelectorAll('.inv-req-fin:checked');\n if(re_inv.length > 0){\n document.getElementById('inv_selected').value = re_inv[0].value;\n document.querySelectorAll('.invoice-stage').forEach(function (elem){\n elem.classList.add('no-display')\n })\n document.getElementById('inv_stage_req_fin_4').classList.remove('no-display');\n that.elem_invoice_modal_header.innerHTML = 'Request for Finance';\n that.elem_invoice_modal.show();\n }else{\n Utils.showToast('Error', 'Select an invoice first', Constants.TOAST.fail);\n }\n })\n }\n \n sendToLenderForFinance(){\n let that = this;\n document.getElementById('btn-conf-req-finance-modal').addEventListener('click', function (){\n let finding_amount = document.getElementById('inv_funding_amount').value;\n let inv_id = document.getElementById('inv_selected').value;\n if(finding_amount<=0){\n Utils.showToast('Error',\"Invalid Funding Amount\", Constants.TOAST.fail);\n return;\n }\n Utils.requestHandler(\"/scf/api/invoice/\" + inv_id + '/invoice_discounting/request-finance', Constants.REQUEST.post, {scf_funding_amount: finding_amount, scf_application_id: that.application_id})\n .then(function (response){\n if(response.message === 'OK'){\n Utils.showToast('Success', 'Invoice requested for finance', Constants.TOAST.success);\n document.querySelectorAll('.invoice-stage').forEach(function (elem){\n elem.classList.add('no-display')\n })\n that.elem_invoice_modal.hide();\n }else{\n Utils.showToast('Error', response.errors.funding_amount || response.errors.invoice.invoice_date);\n }\n })\n })\n }\n \n}","import { Utils } from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\n\nclass AbstractPromoter {\n\n constructor(id) {\n this.id = id;\n this.title = null;\n this.pan = null;\n this.din = null;\n this.is_co_applicant = null;\n this.full_name = null;\n this.first_name = null;\n this.last_name = null;\n this.din_full_name = null;\n this.dob = null;\n this.gender = null;\n this.email = null;\n this.mobile = null;\n this.address = null;\n this.pincode = null;\n this.city = null;\n this.state = null;\n this.years_at_current_address = null;\n this.elem_title = document.getElementById('titleOfBorrower');\n this.elem_pan = document.getElementById('promoterPan');\n this.elem_din = document.getElementById('promoterDin');\n this.elem_is_co_applicant = document.getElementById('isCoapplicant');\n this.elem_din_full_name = document.getElementById('promoterDinName');\n this.elem_full_name = document.getElementById('promoterName');\n this.elem_first_name = document.getElementById('promoterFirstName');\n this.elem_last_name = document.getElementById('promoterLastName');\n this.elem_dob = document.getElementById('promoterBirthDate');\n this.elem_gender = document.getElementById('promoterGender');\n this.elem_email = document.getElementById('promoterEmail');\n this.elem_mobile = document.getElementById('promoterMobile');\n this.elem_address = document.getElementById('promoterAddress');\n this.elem_pincode = document.getElementById('promoterPincode');\n this.elem_city = document.getElementById('promoterCity');\n this.elem_state = document.getElementById('promoterState');\n this.elem_years_at_current_address = document.getElementById('promoterYearsAtCurrentAddress');\n this.elem_share_holding = document.getElementById('promotershareholding');\n this.elem_relationship = document.getElementById('titleRelationShipwith');\n this.isProperietor = \"false\";\n }\n\n getValues() {\n this.title = Utils.getter(this.elem_title);\n this.pan = Utils.getter(this.elem_pan);\n this.din = Utils.getter(this.elem_din);\n this.is_co_applicant = Utils.getter(this.elem_is_co_applicant);\n this.din_full_name = Utils.getter(this.elem_din_full_name);\n this.full_name = Utils.getter(this.elem_full_name);\n this.first_name = Utils.getter(this.elem_first_name);\n this.last_name = Utils.getter(this.elem_last_name);\n this.dob = Utils.getter(this.elem_dob);\n this.gender = Utils.getter(this.elem_gender);\n this.email = Utils.getter(this.elem_email);\n this.mobile = Utils.getter(this.elem_mobile);\n this.address = Utils.getter(this.elem_address);\n this.pincode = Utils.getter(this.elem_pincode);\n this.city = Utils.getter(this.elem_city);\n this.state = Utils.getter(this.elem_state);\n this.years_at_current_address = Utils.getter(this.elem_years_at_current_address);\n this.promoter_shareholding = Utils.getter(this.elem_share_holding)\n this.relationship = Utils.getter(this.elem_relationship);\n }\n\n setValues() {\n let dropdown = document.getElementById(\"titleOfBorrower\");\n if (dropdown) {\n let options = dropdown.options;\n let isPresent = Array.from(options).some(option => option.value === \"PROPRIETOR\");\n if (this.title === \"PROPRIETOR\") {\n if (!isPresent) {\n let option = document.createElement('option');\n option.value = \"PROPRIETOR\";\n option.text = \"PROPRIETOR\";\n dropdown.add(option);\n }\n }\n }\n Utils.setter(this.elem_title, this.title);\n Utils.setter(this.elem_pan, this.pan);\n Utils.setter(this.elem_din, this.din);\n Utils.setter(this.elem_is_co_applicant, this.is_co_applicant);\n Utils.setter(this.elem_din_full_name, this.din_full_name);\n Utils.setter(this.elem_full_name, this.full_name);\n Utils.setter(this.elem_first_name, this.first_name);\n Utils.setter(this.elem_last_name, this.last_name);\n Utils.setter(this.elem_dob, this.dob);\n Utils.setter(this.elem_gender, this.gender);\n Utils.setter(this.elem_email, this.email);\n Utils.setter(this.elem_mobile, this.mobile);\n Utils.setter(this.elem_address, this.address);\n Utils.setter(this.elem_pincode, this.pincode);\n Utils.setter(this.elem_city, this.city);\n Utils.setter(this.elem_state, this.state);\n Utils.setter(this.elem_years_at_current_address, this.years_at_current_address);\n Utils.setter(this.elem_share_holding, this.promoter_shareholding)\n Utils.setter(this.elem_relationship, this.relationship);\n }\n\n validateValues() {\n return true;\n }\n}\n\n\nexport default class ScfPromoterModule {\n\n constructor() {\n this.obj_promoter = [];\n let that = this;\n this.scf_application_id = document.getElementById('scf_application_id').value;\n this.business_applicant_id = localStorage.getItem('business_applicant_id');\n that.pomoterPanelHandler();\n }\n\n pomoterPanelHandler() {\n let that = this;\n that.getAllPromoters();\n that.showNewPromoterModal();\n }\n\n showNewPromoterModal() {\n let that = this;\n let pan = localStorage.getItem('pan');\n if (pan[3] == 'C') {\n // document.getElementById('btn_show_add_new_promoter').classList.add('no-display');\n document.getElementById('promoterDinSection').classList.remove('no-display');\n document.getElementById('promoterDinNameSection').classList.remove('no-display');\n }\n document.getElementById('btn_show_add_new_promoter').addEventListener('click', function () {\n document.getElementById('promoter_details_modal_edit_status').value = 'false'\n document.getElementById('promoterID').value = '';\n document.getElementById(\"promoterPan\").removeAttribute(\"disabled\");\n let abs_promoter = new AbstractPromoter(Math.random().toString(36));\n abs_promoter.setValues();\n });\n document.getElementById('btn-promoter-modal-close').addEventListener('click', function () {\n that.getAllPromoters();\n })\n }\n\n getAllPromoters() {\n let that = this;\n that.obj_promoter = [];\n Utils.requestHandler(\"/scf/api/onboarding/company/directors_by_application/\" + that.scf_application_id, Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n response.data.forEach(promoter => {\n let abs_promoter = new AbstractPromoter(promoter.id);\n abs_promoter.title = promoter.ownership_type;\n abs_promoter.pan = promoter.pan_number;\n abs_promoter.din = promoter.din_number;\n abs_promoter.is_co_applicant = promoter.is_coapplicant;\n abs_promoter.din_full_name = promoter.din_full_name;\n abs_promoter.full_name = promoter.full_name;\n\n\n abs_promoter.pan_first_name = promoter.pan_first_name;\n abs_promoter.pan_last_name = promoter.pan_last_name;\n\n abs_promoter.first_name = promoter.first_name;\n abs_promoter.last_name = promoter.last_name;\n\n\n abs_promoter.dob = promoter.date_of_birth;\n abs_promoter.gender = promoter.gender;\n abs_promoter.email = promoter.email;\n abs_promoter.mobile = promoter.mobile;\n abs_promoter.address = promoter.address;\n abs_promoter.pincode = promoter.zipcode;\n abs_promoter.city = promoter.city;\n abs_promoter.state = promoter.state;\n abs_promoter.years_at_current_address = promoter.years_at_current_address;\n abs_promoter.relationship = promoter.relationship;\n abs_promoter.promoter_shareholding = promoter.share_holding;\n that.obj_promoter.push(abs_promoter);\n })\n that.rederVerifiedPromoters();\n // Utils.showToast('Fetched', 'Promoters', Constants.TOAST.success);\n } else {\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n\n rederVerifiedPromoters() {\n let that = this;\n let isProperietor = \"false\";\n let temp = document.getElementById('promoters-tr-tmpl-business-details');\n let ac_table = document.getElementById('verified_promoters_details');\n ac_table.innerHTML = null;\n this.obj_promoter.forEach(function (obj_promoter_ind) {\n // Check if both first and last names are null and set to a single hyphen if so\n if ((obj_promoter_ind.pan_first_name === null && obj_promoter_ind.pan_last_name === null) ||\n (!obj_promoter_ind.pan_first_name && !obj_promoter_ind.pan_last_name)) {\n obj_promoter_ind.full_name = '-';\n } else {\n // Combine pan_first_name and pan_last_name, ensuring no double hyphen\n obj_promoter_ind.full_name = obj_promoter_ind.full_name ||\n obj_promoter_ind.din_full_name ||\n ((obj_promoter_ind.pan_first_name || '') + ' ' + (obj_promoter_ind.pan_last_name || '')).trim();\n\n // If the full_name ends up being an empty string, replace it with a single hyphen\n if (!obj_promoter_ind.full_name.trim()) {\n obj_promoter_ind.full_name = '-';\n }\n }\n // Set other fields to a single hyphen if they are null\n obj_promoter_ind.din_first_name = obj_promoter_ind.din_first_name || '-';\n obj_promoter_ind.din_last_name = obj_promoter_ind.din_last_name || '-';\n obj_promoter_ind.din_full_name = obj_promoter_ind.din_full_name || '-';\n obj_promoter_ind.pan_first_name = obj_promoter_ind.pan_first_name || '-';\n obj_promoter_ind.pan_last_name = obj_promoter_ind.pan_last_name || '-';\n\n // Proceed if there's valid data to display\n if (obj_promoter_ind.full_name !== \"-\" || obj_promoter_ind.pan !== null || obj_promoter_ind.din !== null) {\n // Check if the title is \"PROPRIETOR\"\n if (obj_promoter_ind.title === \"PROPRIETOR\") {\n let dropdown = document.getElementById(\"titleOfBorrower\");\n let options = dropdown.options;\n for (let i = 0; i < options.length; i++) {\n if (options[i].value === \"PROPRIETOR\") {\n isProperietor = \"true\";\n dropdown.remove(i);\n break;\n }\n }\n }\n let rend_row = Mustache.render(temp.innerHTML, obj_promoter_ind);\n ac_table.append($.parseHTML(rend_row)[1]);\n that.promoterEditButton(obj_promoter_ind.id);\n }\n })\n if (isProperietor === \"false\") {\n let dropdown = document.getElementById(\"titleOfBorrower\");\n if (dropdown) {\n let options = dropdown.options;\n let isPresent = Array.from(options).some(option => option.value === \"PROPRIETOR\");\n if (this.title === \"PROPRIETOR\") {\n if (!isPresent) {\n let option = document.createElement('option');\n option.value = \"PROPRIETOR\";\n option.text = \"PROPRIETOR\";\n dropdown.add(option);\n }\n }\n }\n }\n }\n\n promoterEditButton(active_id) {\n let that = this;\n document.getElementById('btn-edit-promoter-' + active_id).addEventListener('click', function () {\n document.getElementById('promoter_details_modal_edit_status').value = 'true';\n document.getElementById('promoterID').value = active_id;\n var modal = new bootstrap.Modal(document.getElementById('promoterList'), {});\n modal.show();\n let abs_promoter = null;\n if (!active_id) {\n Utils.showToast(\"Search\", \"Error finding Promoter\", Constants.TOAST.fail);\n }\n that.obj_promoter.forEach(function (promoter) {\n if (promoter.id === active_id) {\n abs_promoter = promoter;\n return false;\n }\n })\n abs_promoter.setValues();\n if (abs_promoter.pan != null) {\n document.getElementById(\"promoterPan\").disabled = true;\n } else {\n document.getElementById(\"promoterPan\").disabled = false;\n }\n })\n }\n\n} \n","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\n\nexport default class ScfUdyamPanel{\n\n constructor(scf_application_id, inputValue = null, business_applicant_id = null, udyam_reg_no = null) {\n this.scf_application_id = scf_application_id;\n this.inputValue = inputValue;\n this.business_applicant_id = business_applicant_id;\n this.udyam_reg_no = udyam_reg_no;\n if(udyam_reg_no){\n // this.fetchUdyamDetailsFromRegNo(udyam_reg_no);\n }\n }\n\n fetchUdyamDetails(){\n\n Utils.loaderToast(Constants.ELEMENT_STATE.show)\n return Utils.requestHandler('/scf/api/application/'+ this.scf_application_id + '/udyam', Constants.REQUEST.post, {udhyam_aadhaar: this.inputValue})\n .then(function (response){\n if(response.message === 'OK'){\n // Show Success Toast \n Utils.loaderToast(Constants.ELEMENT_STATE.hide)\n return response.data;\n }else{\n Utils.loaderToast(Constants.ELEMENT_STATE.hide)\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n \n })\n\n }\n\n // fetchUdyamDetailsFromRegNo(udyam_reg_no){\n // this.elem_inp_udyam.value = udyam_reg_no;\n // Utils.toggleInput(this.elem_inp_udyam, false)\n // this.btn_srch_udyam.click();\n // }\n\n}","import { Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport { ScfPermission } from \"../scf_auth_handler\";\nexport default class ScfAppAnalysisBanking {\n\n constructor() {\n this.application_id = document.getElementById('scf_application_id').value;\n this.getBankingDetails();\n }\n\n userWisePermission() {\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty() || ScfPermission.isScfBorrower()){\n document.querySelectorAll('.btn-banking-analysis-trigger-upload').forEach(element => {\n element.classList.add('no-display');\n });\n }\n }\n\n getBankingDetails(){\n let that = this;\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/bank-accounts', Constants.REQUEST.get).then(function (response) {\n if (response.message === 'OK') {\n let tmpl = document.getElementById('banking-tmpl');\n let dx = document.getElementById('banking-tbody');\n dx.innerHTML = null;\n response.data.bank_accounts.forEach(obj => {\n let rendered = Mustache.render(tmpl.innerHTML, obj);\n dx.append($.parseHTML(rendered)[1]);\n })\n }\n that.userWisePermission();\n that.uploadBankStatement();\n that.downloadBankStatement();\n that.getReports();\n })\n }\n\n getAnalysisUrl(){\n let that = this;\n let all_quest = document.getElementsByClassName('btn-banking-analysis-trigger');\n [...all_quest].forEach(element => {\n element.addEventListener('click', function(){\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/finbox-analyzer', Constants.REQUEST.post, {bank_account_id: element.getAttribute('data-id')}).then(function (response) {\n if (response.message === 'OK') {\n window.open(response.data.url.redirect_url);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }) \n })\n });\n }\n\n disableEnableButtons(){\n let elements = document.querySelectorAll('.btn-banking-analysis-trigger-upload')\n elements.forEach(function(element) {\n let id = element.getAttribute(\"data-id\");\n var currentTime = new Date();\n var updatedAt = new Date(element.getAttribute(\"updated-at\"));\n var timeDifferenceInMinutes = Math.abs(currentTime - updatedAt)/60000;\n if(timeDifferenceInMinutes < 3 && id!==null){\n document.querySelectorAll(\"[data-id='\" + id + \"']\").forEach(function(button) {\n button.disabled = true;\n document.getElementById('file-upload-message').textContent = \"Your File is currently in processing\";\n });\n setTimeout(() => {\n document.querySelectorAll(\"[data-id='\" + id + \"']\").forEach(function(button) {\n button.disabled = false;\n document.getElementById('file-upload-message').textContent = \"\";\n });\n }, timeDifferenceInMinutes*60000);\n }\n })\n }\n\n uploadBankStatement(){\n let that = this;\n let elements = document.querySelectorAll('.btn-banking-analysis-trigger-upload')\n \n elements.forEach(function(element) {\n element.addEventListener('click', function (event){\n let id = event.target.getAttribute(\"data-id\");\n let entity_id = event.target.getAttribute(\"entity-id\");\n let bank_account_number = event.target.getAttribute(\"bank-account-number\");\n if (entity_id) {\n const userConfirmed = window.confirm(\"Report is already available for download for this bank – would you still want to initiate a fresh report?\");\n if (!userConfirmed) {\n return;\n }\n }\n let params = \"\";\n if(entity_id!=undefined || entity_id!=''){\n params = {\n \"entity_id\": event.target.getAttribute(\"entity-id\"),\n \"account_id\": id\n }\n }\n else{\n params = {\n \"account_id\": id,\n }\n }\n let body = {\n \"params\": params,\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/bank/statement-upload?identity=true\",\n \"req_type\": \"post\",\n \"bank_account_number\": bank_account_number\n }\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/finbox/upload', Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n document.querySelectorAll(\"[data-id='\" + id + \"']\").forEach(function(button) {\n button.disabled = true;\n });\n // setTimeout(() => {\n // document.querySelectorAll(\"[data-id='\" + id + \"']\").forEach(function(button) {\n // button.disabled = false;\n // document.getElementById('file-upload-message').textContent = \"\";\n // });\n // }, 180000);\n Utils.showToast(response.message, response.data, Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, response.errors.error, Constants.TOAST.fail);\n }\n })\n })\n })\n \n \n }\n\n downloadBankStatement(){\n let that = this;\n let elements = document.querySelectorAll('.btn-banking-analysis-trigger-download');\n elements.forEach(function(element) {\n element.addEventListener('click', function (event){\n let id = event.target.getAttribute(\"entity-id\");\n let body = {\n \"params\": {\n \"entity_id\":event.target.getAttribute(\"entity-id\")\n },\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/bank/generate-detailed-report\",\n \"req_type\": \"get\"\n }\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/finbox/download', Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n document.querySelectorAll(\".btn-banking-analysis-trigger-download[entity-id='\" + id + \"']\").forEach(function(button) {\n button.disabled = true;\n });\n if(response.data[\"reports\"].length > 0) {\n for (let i = 0; i < response.data[\"reports\"].length; i++) {\n let pdfUrl = response.data[\"reports\"][i].link;\n window.open(pdfUrl, '_blank');\n }\n }\n else{\n Utils.showToast('Error','Your file is currently in processing', Constants.TOAST.fail);\n }\n }else{\n Utils.showToast(response.message, \"Bank Statments not uploaded\", Constants.TOAST.fail);\n }\n })\n })\n })\n }\n\n getReports(){\n let that = this;\n let all_quest = document.getElementsByClassName('btn-banking-analysis-download');\n [...all_quest].forEach(element => {\n element.addEventListener('click', function(){\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/finbox-analyzer', Constants.REQUEST.get, {bank_account_id: element.getAttribute('data-id')}).then(function (response) {\n if (response.message === 'OK') {\n window.open(response.data.url);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }) \n })\n });\n }\n\n}\n","import { Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport { ScfPermission } from \"../scf_auth_handler\";\n\nexport default class ScfAppAnalysisCrimeCheck {\n\n constructor() {\n this.application_id = document.getElementById('scf_application_id').value;\n // this.getCrimeCheckCases();\n // this.requestCrimeCheck();\n this.userWisePermissoin();\n }\n userWisePermissoin() {\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty() || ScfPermission.isScfBorrower()){\n document.getElementById(\"nav-crime-check\").classList.add(\"no-display\");\n }\n }\n\n getCrimeCheckCases() {\n let that = this;\n document.getElementById('nav-crime-check').addEventListener('click', function () {\n Utils.requestHandler('/scf/api/application/analysis/' + that.application_id + '/crime-cases', Constants.REQUEST.get).then(function (response) {\n if (response.message === 'OK') {\n let tmpl = document.getElementById('cases-table-tmpl');\n let dx = document.getElementById('all_cases');\n let aml_tmpl = document.getElementById('aml-table-tmpl');\n let aml_dx = document.getElementById('aml_cases');\n aml_dx.innerHTML = null;\n dx.innerHTML = null;\n response.data.crime_check.forEach(obj => {\n let rendered = Mustache.render(tmpl.innerHTML, obj);\n dx.append($.parseHTML(rendered)[1]);\n rendered = Mustache.render(aml_tmpl.innerHTML, obj.aml);\n aml_dx.append($.parseHTML(rendered)[1]);\n })\n Utils.showToast('Fetched', 'Cases fetched', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n requestCrimeCheck() {\n let that = this;\n document.getElementById('req-crime-check').addEventListener('click', function () {\n Utils.requestHandler('/scf/api/application/analysis/' + that.application_id + '/crime-cases', Constants.REQUEST.post).then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Requested', 'Crime Check data request initiated', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n}","import { Utils } from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\nimport { ScfPermission } from \"../scf_auth_handler\";\n\nexport default class ScfAppApplicationPanel {\n\n constructor() {\n this.scf_application_id = document.getElementById('scf_application_id');\n this.business_applicant_id = document.getElementById('business_applicant_id');\n this.business_applicant_name = document.getElementById('business_applicant_name');\n this.elem_application_details = document.getElementById('div_application_details');\n this.elem_applicant_details = document.getElementById('div_applicant_details');\n this.business_application_pan = document.getElementById('business_applicant_pan');\n this.applicationDetailsHandler();\n this.fcWidgetMethod();\n }\n\n programList(selected) {\n let that = this;\n Utils.requestHandler('/scf/api/program/all-programs', Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n that.addProgram(response.data, selected);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n addProgram(data, selected) {\n let that = this;\n let select_program = document.getElementById('program_program_rules');\n select_program.innerHTML = \"\";\n let defaultOpt = document.createElement('option');\n defaultOpt.value = '';\n defaultOpt.innerHTML = 'Select a Program';\n select_program.append(defaultOpt);\n data.program.forEach(program => {\n let opt = document.createElement('option');\n opt.value = program.id;\n opt.innerHTML = program.name;\n if (opt.value == selected) {\n opt.selected = true;\n select_program.disabled = true;\n }\n select_program.append(opt);\n });\n document.getElementById('btn-save-program').addEventListener('click', function () {\n let programId = document.getElementById('program_program_rules').value;\n let scfApplicationId = that.scf_application_id.value;\n\n if (!programId || !scfApplicationId) {\n Utils.showToast('Validation Error', 'Please select a program and an application.', Constants.TOAST.fail);\n return;\n }\n\n let payload = {\n program_id: programId,\n scf_application_id: scfApplicationId\n };\n\n Utils.requestHandler('/scf/api/program/tag-program', Constants.REQUEST.post, payload)\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.data.program, 'Program tagged', Constants.TOAST.success);\n document.getElementById('btn-save-program').classList.add('d-none');\n document.getElementById('program_program_rules').disabled = true\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n });\n }\n\n fetchTagProgram(programId) {\n let that = this\n let payload = {\n program_id: programId,\n scf_application_id: that.scf_application_id.value\n };\n\n Utils.requestHandler('/scf/api/program/tag-program', Constants.REQUEST.post, payload)\n .then(function (response) {\n if (response.message === 'OK') {\n that.addProgram(response.data);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n fcWidgetMethod() {\n let that = this;\n let id = \"\";\n let email = \"\";\n let firstname = \"\";\n let lastname = \"\";\n let mobile_no = \"\";\n let usertype = \"Borrower\";\n if (ScfPermission.isScfLender()) {\n usertype = \"Lender\";\n }\n Utils.requestHandler(\"/scf/api/user/\" + localStorage.getItem('user_id'), Constants.REQUEST.get, {})\n .then(function (response) {\n id = response.data.user.id;\n email = response.data.user.email;\n firstname = response.data.user.first_name;\n lastname = response.data.user.last_name;\n mobile_no = response.data.user.mobile;\n }).then(function () {\n window.fcWidget.user.clear();\n window.fcWidget.setExternalId(firstname + \".\" + lastname);\n // window.fcWidget.user.setRestoreId(id); \n window.fcWidget.user.setFirstName(firstname);\n window.fcWidget.user.setLastName(lastname);\n window.fcWidget.user.setEmail(email);\n window.fcWidget.user.setPhone(mobile_no);\n window.fcWidget.user.setProperties({\n first_medium: that.scf_application_id.value,\n country: usertype\n });\n });\n }\n\n applicationDetailsHandler() {\n let that = this;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value, Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n that.business_applicant_id.value = response.data.scf_business_applicant.id;\n that.business_applicant_name.value = response.data.scf_business_applicant.pan_name;\n that.business_application_pan.value = response.data.scf_business_applicant.pan;\n const { scf_application, application_lender_approved } = response.data;\n const navPanelLenders = document.getElementById(\"nav-panel-lenders\");\n const navInvoice = document.getElementById(\"nav-invoice\");\n\n if (scf_application.status === \"approved\") {\n if (!(ScfPermission.isScfSales() || ScfPermission.isScfLender() || ScfPermission.isScfBorrower())) {\n navPanelLenders.classList.remove('no-display');\n }\n if (ScfPermission.isInvoiceUploader()) {\n navInvoice.classList.remove('no-display');\n }\n }\n\n if (application_lender_approved && !ScfPermission.isScfSales()) {\n navInvoice.classList.remove('no-display');\n }\n\n that.renderApplicationDetails(response.data);\n that.programList(response.data.scf_application.scf_program_id);\n that.copyApplication();\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n\n transformApplicationData(data) {\n let that = this;\n\n if (data.sales_agent_name === null || data.sales_agent_name === undefined) {\n data.sales_agent_name = 'Not Available';\n }\n\n // Transform scf_business_applicant\n if (data.scf_business_applicant) {\n let idx = 1;\n for (let key in data.scf_business_applicant) {\n if (data.scf_business_applicant[key] === null || data.scf_business_applicant[key] === undefined) {\n data.scf_business_applicant[key] = 'Not Available';\n }\n }\n data.scf_business_applicant.constitution = Utils.snakeToTitleCase(data.scf_business_applicant.constitution);\n data.scf_business_applicant.idx = function () {\n return idx++;\n };\n }\n\n // Transform scf_application\n if (data.scf_application) {\n let idx = 1;\n for (let key in data.scf_application) {\n if (data.scf_application[key] === null || data.scf_application[key] === undefined) {\n data.scf_application[key] = 'Not Available';\n }\n }\n data.scf_application.product = Utils.snakeToTitleCase(data.scf_application.product);\n data.scf_application.created_at = Utils.formatTime(data.scf_application.created_at);\n data.scf_application.relative_created_at = Utils.formatTimeRelative(data.scf_application.created_at);\n data.scf_application.required_amount_formatted = Utils.indianRepresentation(data.scf_application.required_amount);\n data.scf_application.idx = function () {\n return idx++;\n };\n }\n\n // Transform consents\n if (data.consents) {\n let idx = 1;\n data.consents.forEach(function (row) {\n row.ctype = that.consentToTitleCase(row.ctype);\n row.updated_at = Utils.formatTime(row.updated_at);\n row.relative_updated_at = Utils.formatTimeRelative(row.updated_at);\n row.idx = function () {\n return idx++;\n };\n });\n }\n\n // Transform business_directors\n if (data.business_directors) {\n let idx = 1;\n data.business_directors.forEach(function (row) {\n for (let key in row) {\n if (row[key] === null || row[key] === undefined) {\n row[key] = 'Not Available';\n }\n }\n row.date_of_birth = Utils.formatDate(row.date_of_birth);\n if (row.date_of_birth && row.date_of_birth !== 'Not Available') {\n row.age = Utils.formatTimeRelative(row.date_of_birth);\n }\n row.idx = function () {\n return idx++;\n };\n });\n }\n\n // Transform gstins\n if (data.gstins) {\n let idx = 1;\n data.gstins.forEach(function (row) {\n row.registration_date = Utils.formatDate(row.registration_date);\n row.formatted_registration_date = Utils.formatTimeRelative(row.registration_date);\n row.last_updated = Utils.formatDate(row.last_updated);\n if (row.last_updated) {\n row.formatted_last_updated = Utils.formatTimeRelative(row.last_updated);\n }\n row.idx = function () {\n return idx++;\n };\n });\n }\n\n return data;\n }\n\n\n consentToTitleCase(str) {\n return str\n .toLowerCase()\n .split('_')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n }\n\n copyApplication(data, selected) {\n let that = this;\n let payload = { scf_application_id: that.scf_application_id.value }\n document.getElementById('btn-duplicate-application').addEventListener('click', function () {\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value + '/duplicate', Constants.REQUEST.post, payload)\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, response.data.scf_applicantion, Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n\n }\n\n renderApplicationDetails(data) {\n if (data['scf_application']['product'] === \"short_term_loan\") {\n document.getElementById('nav-counterparty').classList.add(\"no-display\");\n document.getElementById('nav-invoice').classList.add(\"no-display\");\n document.getElementById(\"nav-application\").click();\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfSuperAdmin()) {\n document.getElementById(\"nav-analysis-tab\").click();\n }\n }\n if (data.bank_accounts) {\n let idx = 1;\n data.bank_accounts.forEach(function (row) {\n for (let key in row) {\n if (row[key] === null || row[key] === undefined) {\n row[key] = 'Not Available';\n }\n }\n row.created_at = Utils.formatTime(row.created_at);\n row.idx = function () {\n return idx++;\n };\n });\n }\n\n data.business_directors.forEach(function (director) {\n director.state = director.state || \"NA\";\n director.pan_number = director.pan_number || \"NA\";\n director.date_of_birth = (director.date_of_birth === \"Invalid date\") ? \"NA\" : director.date_of_birth;\n director.gender = director.gender || \"NA\";\n\n });\n if (data.scf_business_applicant.constitution === \"partnership\") {\n data.scf_business_applicant.corporate_id = \"NA\";\n data.scf_business_applicant.din = \"\";\n data.scf_business_applicant.llp_name = \"\";\n }\n else {\n data.scf_business_applicant.llp_name = data.scf_business_applicant.name;\n }\n const that = this;\n let tmpl = document.getElementById('application-details-tmpl');\n data.bank_accounts.forEach(function (row) {\n row.created_at = Utils.formatTime(row.created_at);\n });\n let d = this.transformApplicationData(data);\n document.getElementById('scf_application_trade_name').value = data.scf_application.trade_name;\n let rendered = Mustache.render(tmpl.innerHTML, d);\n this.elem_application_details.append($.parseHTML(rendered)[1]);\n tmpl = document.getElementById('applicant-details-tmpl');\n rendered = Mustache.render(tmpl.innerHTML, d);\n this.elem_applicant_details.append($.parseHTML(rendered)[1]);\n if ((ScfPermission.isScfAdmin() || ScfPermission.isScfCredit() || (ScfPermission.isScfSales() && data.scf_application.status == 'application_drafted')) && data.scf_application.status != \"rejected\" && data.lender_decision_submitted != true) {\n document.getElementById('application_edit_section').classList.remove('d-none');\n }\n if (data.scf_application.anchor_leads_lot_id != 'Not Available') {\n document.getElementById('btn_cp_add_modal').classList.add('no-display');\n }\n if (data.scf_application.status == \"rejected\") {\n document.getElementById('btn-duplicate-application').classList.add('d-none');\n document.getElementById('btn-save-program').classList.add('d-none');\n document.getElementById('syncButton').classList.add('d-none');\n document.getElementById('btn_cp_add_modal').classList.add('d-none');\n document.getElementById('btn_refresh_email_domain').classList.add('d-none');\n document.getElementById('upload_balance_sheet').classList.add('d-none');\n document.getElementById('btn-quest-submit').classList.add('d-none');\n document.getElementById('btn_show_add_new_app_deviation').classList.add('d-none');\n document.getElementById('btn_generate_gst_report_v2').classList.add('d-none');\n document.getElementById('btn-submit-app-decision').classList.add('d-none');\n const bankingButtons = document.querySelectorAll('.btn-banking-analysis-trigger');\n const gstButtons = document.querySelectorAll('.generate_gst_report_link');\n bankingButtons.forEach(button => {\n button.classList.add('d-none')\n });\n gstButtons.forEach(button => {\n button.classList.add('d-none')\n });\n\n }\n if (data.scf_application.branch_id != null && data.scf_application.branch_id != \"Not Available\") {\n document.getElementById('branchButton').classList.add('no-display');\n }\n if (ScfPermission.isScfAdmin() || ScfPermission.isScfCredit()) {\n document.getElementById('btn-duplicate-application').classList.remove('d-none');\n document.getElementById('tag_program_to_application_list').classList.remove('d-none');\n document.getElementById('btn-copy-application').classList.remove('d-none');\n document.getElementById('btn-save-program').classList.remove('d-none');\n document.getElementById('program_id').classList.remove('d-none');\n document.getElementById('application_copy_section').classList.remove('d-none');\n if (data.scf_application.parent_id != null && data.scf_application.parent_id != \"Not Available\") {\n document.getElementById('btn-duplicate-application').classList.add('d-none');\n }\n if (data.scf_application.scf_program_id != null && data.scf_application.scf_program_id != 'Not Available') {\n document.getElementById('btn-save-program').classList.add('d-none');\n }\n }\n\n if (ScfPermission.isScfLender()) {\n document.getElementById('tag_program_to_application_list').parentNode.classList.add('d-none');\n document.getElementById('program_id').classList.add('d-none');\n document.getElementById('application_copy_section').classList.add('d-none');\n }\n }\n\n}\n","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\nimport {ScfPermission} from \"../scf_auth_handler\";\n\nexport default class ScfAppPanelLenderDecision{\n\n constructor() {\n this.scf_application_id = document.getElementById('scf_application_id').value\n this.business_applicant_id = document.getElementById('business_applicant_id');\n this.business_applicant_name = document.getElementById('business_applicant_name');\n this.lender_application_id = document.getElementById('lender_application_id').value;\n\n this.lender_decision_amount = null;\n this.lender_decision_roi = null;\n this.lender_decision_processing_fee = null;\n this.lender_decision_facility_validity = null;\n this.lender_decision_app_decision = null;\n this.lender_decision_app_remarks = null;\n\n this.elem_lender_decision_amount = document.getElementById('lender_decision_amount');\n this.elem_lender_decision_roi= document.getElementById('lender_decision_roi');\n this.elem_lender_decision_processing_fee = document.getElementById('lender_decision_processing_fee');\n this.elem_lender_decision_facility_validity = document.getElementById('lender_decision_facility_validity');\n this.elem_lender_decision_app_decision = document.getElementById('lender_decision_app_decision');\n this.elem_lender_decision_app_remarks = document.getElementById('lender_decision_app_remarks');\n\n this.handler();\n\n this.elem_lender_decision_amount.addEventListener('input', function (){\n Utils.reInput(this);\n })\n this.elem_lender_decision_roi.addEventListener('input', function (){\n Utils.reInput(this);\n })\n this.elem_lender_decision_processing_fee.addEventListener('input', function (){\n Utils.reInput(this);\n })\n this.elem_lender_decision_facility_validity.addEventListener('input', function (){\n Utils.reInput(this);\n })\n this.elem_lender_decision_app_decision.addEventListener('input', function (){\n Utils.reInput(this);\n })\n this.elem_lender_decision_app_remarks.addEventListener('input', function (){\n Utils.reInput(this);\n })\n }\n handler(){\n this.fetchLenderApplication();\n this.submitLenderDecision();\n // 1) Set Current Lender and appliaction\n // 2) Get Lender Application Data and Populate the Input fields\n // 3) On submit Update the lender Application\n\n }\n\n setValues(){\n Utils.setter(this.elem_lender_decision_amount, this.lender_decision_amount);\n Utils.setter(this.elem_lender_decision_roi, this.lender_decision_roi);\n Utils.setter(this.elem_lender_decision_processing_fee, this.ender_decision_processing_fee);\n Utils.setter(this.elem_lender_decision_facility_validity, this.lender_decision_facility_validity);\n Utils.setter(this.elem_lender_decision_app_decision, this.lender_decision_app_decision);\n Utils.setter(this.elem_lender_decision_app_remarks, this.lender_decision_app_remarks);\n }\n\n getValues(){\n let that = this;\n this.lender_decision_amount = Utils.getter(this.elem_lender_decision_amount);\n this.lender_decision_roi = Utils.getter(this.elem_lender_decision_roi);\n this.lender_decision_processing_fee = Utils.getter(this.elem_lender_decision_processing_fee);\n this.lender_decision_facility_validity = Utils.getter(this.elem_lender_decision_facility_validity);\n this.lender_decision_app_decision = Utils.getter(this.elem_lender_decision_app_decision);\n this.lender_decision_app_remarks = Utils.getter(this.elem_lender_decision_app_remarks);\n }\n\n validateValues(){\n let pass = true;\n if(!this.lender_decision_amount){\n Utils.showInputError(this.elem_lender_decision_amount, 'Amount is Mandatory');\n pass = false;\n }\n\n if(!this.lender_decision_roi){\n Utils.showInputError(this.elem_lender_decision_roi, 'ROI is Mandatory');\n pass = false;\n }\n\n if(!this.lender_decision_processing_fee){\n Utils.showInputError(this.elem_lender_decision_processing_fee, 'Processing fee is Mandatory');\n pass = false;\n }\n if(!this.lender_decision_facility_validity){\n Utils.showInputError(this.elem_lender_decision_facility_validity, 'Facility Validity is Mandatory');\n pass = false;\n }\n if(!this.lender_decision_app_decision){\n Utils.showInputError(this.elem_lender_decision_app_decision, 'Decision is Mandatory');\n pass = false;\n }\n if(!this.lender_decision_app_remarks){\n Utils.showInputError(this.elem_lender_decision_app_remarks, 'Remarks is Mandatory');\n pass = false;\n }\n return pass;\n }\n\n formatSnakeString(input) {\n const words = input.split('_');\n const formattedString = words.map(word => \n word.charAt(0).toUpperCase() + word.slice(1)\n ).join(' ');\n return formattedString;\n}\n\n fetchLenderApplication(){\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/lender-applications\",\n Constants.REQUEST.get\n ).then(function (response) {\n if (response.message === \"OK\") {\n document.getElementById('nav-panel-decision').classList.remove('no-display')\n if (response.data.lender_applications[0].status == 'lender_approved'){\n document.getElementById('lender_decision_submit').classList.add('no-display')\n document.getElementById('lender_decision_app_decision').value = 'approve'\n }\n if(response.data.tagged_program.product === \"short_term_loan\"){\n document.getElementById('tb-lender-decision').classList.add(\"no-display\");\n }\n document.getElementById('lender_decision_app_remarks').value = response.data.lender_applications[0].remarks\n document.getElementById('lender_decision_amount').value = response.data.lender_applications[0].approved_limit\n document.getElementById('lender_decision_roi').value = response.data.lender_applications[0].roi\n document.getElementById('lender_decision_processing_fee').value = response.data.lender_applications[0].processing_fee\n document.getElementById('lender_decision_facility_validity').value = response.data.lender_applications[0].facility_validity\n document.getElementById('lender_application_id').value = response.data.lender_applications[0].id\n document.getElementById('lender_decision_program').value = response.data.tagged_program.program_name\n document.getElementById('app_product').value = Utils.snakeToTitleCase(response.data.tagged_program.product)\n document.getElementById('lender_decision_product').value = Utils.snakeToTitleCase(response.data.tagged_program.product)\n that.fetchCounterParties(response);\n } else {\n\n }\n })\n .then(function () {});\n \n }\n\n fetchCounterParties(response){\n let that = this;\n if(response.message === 'OK'){\n let tmpl = document.getElementById('lender-decision-cp-row-tmpl');\n let dx = document.getElementById('tb-lender-decision-cp-tbody');\n dx.innerHTML = null;\n response.data.lender_applications[0].proposed_cps.forEach(function (dd){\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n })\n that.populateSelectedCpIds();\n response.data.lender_applications[0].lender_app_cps.forEach(function(item, index) {\n let selectBox = document.querySelector(`[data-id='${item}']`);\n selectBox.checked = true; \n });\n const idContainer = document.getElementById('lender_app_decision_cp_ids');\n idContainer.setAttribute('data-cp-ids', response.data.lender_applications[0].lender_app_cps);\n \n Utils.showToast('Fetched', 'Counterparties fetched', Constants.TOAST.success);\n }else{\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n \n }\n\n populateSelectedCpIds() {\n const checkboxes = document.querySelectorAll('.lender_app_decision_cp_checkbox');\n const idContainer = document.getElementById('lender_app_decision_cp_ids');\n\n const updateIds = () => {\n const selectedIds = Array.from(checkboxes) \n .filter(checkbox => checkbox.checked)\n .map(checkbox => checkbox.dataset.id);\n\n idContainer.setAttribute('data-cp-ids', selectedIds.join(','));\n };\n\n checkboxes.forEach(checkbox => {\n checkbox.addEventListener('change', updateIds);\n });\n\n updateIds();\n }\n\n submitLenderDecision(){\n let that = this;\n document.getElementById('lender_decision_submit').addEventListener('click', function(){\n let idContainer = document.getElementById('lender_app_decision_cp_ids');\n let dataCpIds = idContainer.getAttribute('data-cp-ids');\n that.getValues();\n if(that.validateValues()){\n let body = {\n approved_limit: that.lender_decision_amount,\n roi: that.lender_decision_roi,\n processing_fee: that.lender_decision_processing_fee,\n counter_parties: dataCpIds,\n facility_validity: that.lender_decision_facility_validity,\n decision: that.lender_decision_app_decision,\n remarks: that.lender_decision_app_remarks\n }\n\n Utils.requestHandler(\n \"/scf/api/lender_application/\" + document.getElementById('lender_application_id').value + \"/edit-application\",\n Constants.REQUEST.post, body\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast('Success', 'Decision Submitted', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n } \n });\n }\n\n}","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\n\nexport default class ScfAppPanelDedupe{\n\n constructor() {\n let that = this;\n this.scf_application_id = document.getElementById('scf_application_id');\n this.business_applicant_id = document.getElementById('business_applicant_id');\n document.getElementById('nav-dedupe').addEventListener('click', function (){\n that.fetchApplications();\n })\n }\n\n fetchApplications(){\n let that = this;\n Utils.requestHandler('/scf/api/applicant/'+ that.business_applicant_id.value + '/applications', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderApplications(response.data);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n renderApplications(data){\n let that = this;\n let tmpl = document.getElementById('de-application-details-tmpl');\n let dx = document.getElementById('tb-de-app-tbody');\n if(data.applications.length > 1){\n dx.innerHTML = null;\n }\n data.applications.forEach(function (dd){\n if(dd.id !== that.scf_application_id.value){\n dd.application_details_link = \"/scf/application/details/\" + dd.id;\n if(dd.trade_name != null){\n dd.business_applicant_name = dd.trade_name;\n } else {\n dd.business_applicant_name = data.business_applicant_name;\n }\n dd.formatted_created_at = Utils.formatTime(dd.created_at);\n dd.product = Utils.capitalizeFirstLetter(dd.product.split('_').join(' '));\n dd.status_human = Utils.capitalizeFirstLetter(dd.status.split('_').join(' '));\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n }\n })\n }\n\n}","import {DocumentUtils, Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport { ScfPermission } from \"../scf_auth_handler\";\n\nexport default class ScfAppPanelDocument{\n\n constructor() {\n this.scf_application_id = document.getElementById('scf_application_id');\n this.business_applicant_id = document.getElementById('business_applicant_id');\n this.elem_document_details = document.getElementById('div_document_details');\n this.elem_password_modal = new bootstrap.Modal(document.getElementById('modal_doc_password'), {});\n this.elem_password = document.getElementById('doc_password');\n this.elem_btn_password = document.getElementById('btn-update-password');\n this.renderUploadedDocuments();\n document.getElementById(\"nav-counterparty\").click();\n }\n\n reRenderuploadedDocuments(){\n let that =this;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value + '/documents', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderDocument(response.data);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n renderUploadedDocuments(){\n let that = this;\n document.getElementById('nav-documents').addEventListener('click', function(){\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value + '/documents', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderDocument(response.data);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n });\n }\n\n transformDocumentData(ref, last_doc){\n let drop_ship = {}\n drop_ship.doc_title = ref.set_value.title;\n drop_ship.doc_subtitle = \"Last updated \" + Utils.formatTimeRelative(last_doc.updated_at);\n drop_ship.dtype = ref.set_key;\n drop_ship.ext = \"\";\n if(ref.set_value.ext){\n drop_ship.ext = ref.set_value.ext.map(function(x) {return x.toUpperCase()});\n }\n let ext = ref.set_value.ext[0];\n if(ext && ['jpeg', 'jpg', 'png'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-image\";\n }else if(ext && ['xls', 'xlsx'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-filetype-xls\";\n }else if(ext && ['pdf'].includes(ext.toLowerCase())){\n drop_ship.logo = \"bi-file-earmark-pdf\";\n }else{\n drop_ship.logo = \"bi-file-earmark-text\";\n }\n return drop_ship;\n }\n\n transformPreviewData(preview_data){\n preview_data.formatted_ts = Utils.formatTime(preview_data.created_at);\n preview_data.formatted_ts_ago = Utils.formatTimeRelative(preview_data.created_at);\n preview_data.name = preview_data.id;\n return preview_data;\n }\n\n renderDocument(data){\n if(data.documents.length < 1){\n return;\n }\n let that = this;\n let tmpl = document.getElementById('doc-tmpl');\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n this.elem_document_details.innerHTML = '';\n data.documents = data.documents.sort(function (row){\n return row.dtype;\n })\n let grped_data = Utils.groupBy(data.documents, 'file_code');\n for(let dtype in grped_data){\n let d = that.transformDocumentData(data.ref[dtype], grped_data[dtype][0]);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n that.elem_document_details.append($.parseHTML(rendered)[1]);\n let prev = document.getElementById('prev-'+dtype);\n let url = '/scf/api/application/' + that.scf_application_id.value + '/document/upload/' + dtype;\n let action_element = document.getElementById('btn_upload_'+dtype);\n DocumentUtils.bindInputElement(action_element);\n DocumentUtils.uploadFiles(action_element, url);\n that.showUploadPreview(action_element);\n grped_data[dtype].forEach(function (doc_data){\n let d1 = that.transformPreviewData(doc_data);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.append($.parseHTML(rend)[1]);\n })\n }\n document.querySelectorAll('.btn-doc-password').forEach(function (elem){\n elem.addEventListener('click', function (){\n that.passwordHandler(elem);\n })\n })\n that.updatePasswordHandler();\n that.deleteDocument(data);\n }\n\n passwordHandler(elem){\n this.elem_password.value = elem.getAttribute('data-password');\n this.elem_btn_password.setAttribute('data-id', elem.getAttribute('data-id'));\n this.elem_password_modal.show();\n }\n\n deleteDocument(data) {\n let that = this;\n let elements = document.querySelectorAll('#delete-button-document');\n elements.forEach(function(element) {\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty() || data.status == 'rejected') {\n element.classList.add(\"no-display\");\n }\n element.addEventListener('click', function (event) {\n let id = event.target.getAttribute(\"data-id\");\n let confirmed=window.confirm(\"Are you sure you want to delete this document?\")\n if(confirmed){\n Utils.requestHandler('/scf/api/application/'+that.scf_application_id.value+'/document/destroy/'+id,\n Constants.REQUEST.get)\n .then(function(response){\n if(response.message==='OK'){\n element.disabled = true;\n Utils.showToast(response.message, 'Deleted', Constants.TOAST.success);\n that.reRenderuploadedDocuments();\n }\n else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n });\n });\n }\n\n updatePasswordHandler(){\n let that = this;\n this.elem_btn_password.addEventListener('click', function (){\n Utils.requestHandler('/core/api/document/'+ that.elem_btn_password.getAttribute('data-id'), Constants.REQUEST.post, {document_id: that.elem_btn_password.getAttribute('data-id'), file_password: that.elem_password.value})\n .then(function (response){\n if(response.message === 'OK'){\n document.getElementById('btn_password_'+response.data.id).setAttribute('data-password', response.data.decrypted_digest);\n that.elem_password_modal.hide();\n Utils.showToast(response.message, 'Password updated', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n showUploadPreview(action_element){\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n action_element.addEventListener('ev_document_uploaded', function (){\n let response = JSON.parse(action_element.getAttribute('data-upload-response'));\n let prev = document.getElementById('prev-'+response.file_code);\n let d1 = that.transformPreviewData(response);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.prepend($.parseHTML(rend)[1]);\n let pass_elem = document.getElementById('btn_password_'+response.id);\n pass_elem.addEventListener('click', function (){\n that.passwordHandler(pass_elem);\n })\n })\n }\n\n\n}\n\n\n\n","import { DocumentUtils, Utils } from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport { end } from \"@popperjs/core\";\n\nclass Limit {\n\n constructor(scf_application_id) {\n let that = this;\n this.scf_application_id = scf_application_id;\n this.limit_type = null;\n this.limit_expiry = null;\n this.limit_amount = null;\n this.limit_cp = null;\n this.scf_lender_application_id = null;\n\n this.elem_limit_type = document.getElementById('limit_type');\n this.elem_limit_expiry = document.getElementById('limit_expiry');\n this.elem_limit_amount = document.getElementById('limit_amount');\n this.elem_limit_cp = document.getElementById('limit_cp');\n this.elem_scf_lender_app_id = document.getElementById('scf_lender_application_id');\n document.getElementById('nav-panel-lender-limits').addEventListener('click', function () {\n that.createLimit();\n that.getAllLimits();\n that.fetchCounterParties();\n that.toggleLimitData();\n })\n }\n\n getValues() {\n this.limit_type = Utils.getter(this.elem_limit_type);\n this.limit_expiry = Utils.getter(this.elem_limit_expiry);\n this.limit_amount = Utils.getter(this.elem_limit_amount);\n this.limit_cp = Utils.getter(this.elem_limit_cp);\n this.scf_lender_application_id = Utils.getter(this.elem_scf_lender_app_id);\n }\n\n setValues() {\n Utils.setter(this.elem_limit_type, this.limit_type);\n Utils.setter(this.elem_limit_expiry, this.limit_expiry);\n Utils.setter(this.elem_limit_amount, this.limit_amount);\n Utils.setter(this.elem_limit_cp, this.limit_cp);\n Utils.setter(this.elem_scf_lender_app_id, this.scf_lender_application_id);\n }\n\n validateValues() {\n let pass = true;\n if (!this.limit_type) {\n Utils.showInputError(this.elem_limit_type, 'Type is mandatory');\n pass = false;\n }\n if (!this.limit_expiry) {\n Utils.showInputError(this.elem_limit_expiry, 'Expiry is mandatory');\n pass = false;\n }\n if (!this.limit_amount) {\n Utils.showInputError(this.elem_limit_amount, 'Amount is mandatory');\n pass = false;\n }\n if (this.limit_type && this.limit_type === 'lender_counter_party_limit' && !this.limit_cp) {\n Utils.showInputError(this.elem_limit_cp, 'Counterparty is mandatory');\n pass = false;\n }\n return pass;\n }\n\n createLimit() {\n let that = this;\n document.getElementById('btn-submit-limit').addEventListener('click', function () {\n that.getValues();\n if (that.validateValues()) {\n let body = {\n // id: that.limit_id,\n counter_party_id: that.limit_cp,\n limit_type: that.limit_type,\n amount: that.limit_amount,\n expiry: that.limit_expiry\n }\n Utils.requestHandler('/scf/api/limit/' + that.scf_lender_application_id + '/create', Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Created', 'Limit created', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n })\n }\n\n getAllLimits() {\n let that = this;\n document.getElementById('nav-panel-lender-limits').addEventListener('click', function () {\n that.getValues();\n Utils.requestHandler('/scf/api/limit/' + that.scf_lender_application_id + '/all', Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n document.getElementById('tbody-lender-limits').innerHTML = null;\n that.renderLimits(response.data.limits);\n that.editLimits();\n Utils.showToast('Fetched', 'Lender Limits', Constants.TOAST.success);\n } else {\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n transformLimitData(data) {\n data.limit_type = data.limit_type.split(\"_\").join(\" \");\n return data;\n }\n\n renderLimits(data) {\n let that = this;\n let tmpl = document.getElementById('lender-limit-row-tmpl');\n let dx = document.getElementById('tbody-lender-limits')\n data.forEach(limit => {\n let d = that.transformLimitData(limit);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n dx.append($.parseHTML(rendered)[1]);\n })\n }\n\n fetchCounterParties() {\n let that = this;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id + '/approved-counter-parties', Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n let cp_dropdown = document.getElementById('limit_cp');\n cp_dropdown.innerHTML = '';\n response.data.counter_parties.forEach(cp => {\n let option = document.createElement(\"option\");\n option.setAttribute('value', cp.business_applicant.id);\n let optionText = document.createTextNode(cp.business_applicant.name);\n option.appendChild(optionText);\n cp_dropdown.appendChild(option);\n })\n // Utils.showToast('Fetched', 'Counterparties fetched', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n .then(function () {\n\n })\n }\n\n editLimits() {\n let that = this;\n document.querySelectorAll('.edit-limit').forEach(pelem => {\n pelem.addEventListener('click', function () {\n that.limit_id = pelem.getAttribute('data-limit-id');\n let limit_type = pelem.getAttribute('data-limit-type');\n document.getElementById('limit_type').value = limit_type.split(\" \").join(\"_\");\n document.getElementById('limit_expiry').value = pelem.getAttribute('data-limit-expiry');\n document.getElementById('limit_amount').value = pelem.getAttribute('data-limit-amount');\n document.getElementById('limit_cp').value = pelem.getAttribute('data-df-id');\n })\n })\n }\n\n toggleLimitData() {\n let that = this;\n this.elem_limit_type.addEventListener('change', function () {\n if (that.elem_limit_type.value === 'lender_counterparty_limit') {\n that.elem_limit_cp.classList.remove('no-display');\n } else {\n that.elem_limit_cp.classList.add('no-display');\n }\n })\n }\n\n}\n\nclass Decision {\n\n constructor(scf_application_id) {\n this.scf_application_id = scf_application_id;\n this.scf_lender_application_id = null;\n this.lapplicant_id = null;\n this.lapplication_id = null;\n this.decision = null;\n this.remarks = null;\n\n this.elem_decision = document.getElementById('app_lender_desc');\n this.elem_lapplicant_id = document.getElementById('lapplicant_id');\n this.elem_lapplication_id = document.getElementById('lapplication_id');\n this.elem_remarks = document.getElementById('app_lender_desc_remarks');\n this.elem_scf_lender_app_id = document.getElementById('scf_lender_application_id');\n\n this.submitDecision();\n }\n\n\n setValues() {\n Utils.setter(this.elem_decision, this.decision);\n Utils.setter(this.elem_lapplicant_id, this.lapplicant_id);\n Utils.setter(this.elem_lapplication_id, this.lapplication_id);\n Utils.setter(this.elem_remarks, this.remarks);\n Utils.setter(this.elem_scf_lender_app_id, this.scf_lender_application_id);\n }\n\n getValues() {\n this.decision = Utils.getter(this.elem_decision);\n this.lapplicant_id = Utils.getter(this.elem_lapplicant_id);\n this.lapplication_id = Utils.getter(this.elem_lapplication_id);\n this.remarks = Utils.getter(this.elem_remarks);\n this.scf_lender_application_id = Utils.getter(this.elem_scf_lender_app_id);\n }\n\n validateValues() {\n let pass = true;\n if (!this.decision) {\n Utils.showInputError(this.elem_decision, 'Decision is mandatory');\n pass = false;\n }\n\n if (!this.lapplicant_id) {\n Utils.showInputError(this.elem_lapplicant_id, 'Lender applicant ID is mandatory');\n pass = false;\n }\n\n if (!this.lapplication_id) {\n Utils.showInputError(this.elem_lapplication_id, 'Lender application ID is mandatory');\n pass = false;\n }\n if (!this.remarks) {\n Utils.showInputError(this.elem_remarks, 'Remarks is mandatory');\n pass = false;\n }\n return pass;\n }\n\n submitDecision() {\n let that = this;\n document.getElementById('btn-desc-submit').addEventListener('click', function () {\n that.getValues();\n if (that.validateValues()) {\n let body = {\n lender_applicant_id: that.lapplicant_id,\n lender_application_id: that.lapplication_id,\n remarks: that.remarks\n }\n Utils.requestHandler('/scf/api/lender_application/' + that.scf_lender_application_id + '/decision/' + that.decision, Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Submitted', 'Decision', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n })\n }\n\n // toggleLenderApplicationColumn(){\n // let that = this;\n // let app_col = document.getElementById('app-' + that.scf_lender_application_id);\n // app_col.innerHTML = that.lapplication_id + ' ' +\n // '' +\n // that.lapplicant_id +\n // '';\n //\n // let decision_col = document.getElementById('decision-' + that.scf_lender_application_id);\n // decision_col.innerHTML = '' + that.decision + '';\n // }\n}\n\nclass Documents {\n\n constructor() {\n this.scf_application_id = '80a07aec-13db-4661-a60b-789b69a2675d'\n this.elem_document_details = document.getElementById('app_lender_docs')\n this.renderDocuments();\n }\n\n renderDocuments() {\n let that = this;\n Utils.requestHandler(\"/scf/api/onboarding/application/\" + that.scf_application_id + '/documents', Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n that.renderAllDocuments(response.data);\n Utils.showToast(response.message, 'Document list fetched', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n transformDocumentData(ref, last_doc = null) {\n let drop_ship = {}\n drop_ship.doc_title = ref.set_value.title;\n if (last_doc != null) {\n drop_ship.doc_subtitle = \"Last updated \" + Utils.formatTimeRelative(last_doc.updated_at);\n } else {\n drop_ship.doc_subtitle = ref.set_value.title;\n }\n drop_ship.dtype = ref.set_key;\n let ext = ref.set_value.ext[0];\n if (ext && ['jpeg', 'jpg', 'png'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-image\";\n } else if (ext && ['xls', 'xlsx'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-filetype-xls\";\n } else if (ext && ['pdf'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-pdf\";\n } else {\n drop_ship.logo = \"bi-file-earmark-text\";\n }\n return drop_ship;\n }\n\n transformPreviewData(preview_data) {\n preview_data.formatted_ts = Utils.formatTime(preview_data.created_at);\n preview_data.formatted_ts_ago = Utils.formatTimeRelative(preview_data.created_at);\n preview_data.name = preview_data.id;\n return preview_data;\n }\n\n renderAllDocuments(data) {\n let that = this;\n let tmpl = document.getElementById('doc-tmpl');\n this.elem_document_details.innerHTML = '';\n for (let dtype in data.ref) {\n if (['loan_agreement', 'loan_sanction_letter', 'loan_p_nach'].includes(dtype)) {\n let d = that.transformDocumentData(data.ref[dtype]);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n that.elem_document_details.append($.parseHTML(rendered)[1]);\n let url = '/scf/api/application/' + that.scf_application_id + '/document/upload/' + dtype;\n let action_element = document.getElementById('btn_upload_' + dtype);\n DocumentUtils.bindInputElement(action_element);\n DocumentUtils.uploadFiles(action_element, url);\n that.showUploadPreview(action_element);\n }\n }\n this.renderUploadedDocuments(data);\n }\n\n renderUploadedDocuments(data) {\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n data.documents.forEach(function (doc) {\n let dtype = doc.file_code;\n if (['loan_agreement', 'loan_sanction_letter', 'loan_p_nach'].includes(dtype)) {\n let prev = document.getElementById('prev-' + dtype);\n let d1 = that.transformPreviewData(doc);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.append($.parseHTML(rend)[1]);\n }\n })\n }\n\n showUploadPreview(action_element) {\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n action_element.addEventListener('ev_document_uploaded', function () {\n let response = JSON.parse(action_element.getAttribute('data-upload-response'));\n let prev = document.getElementById('prev-' + response.file_code);\n let d1 = that.transformPreviewData(response);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.prepend($.parseHTML(rend)[1]);\n })\n }\n\n}\n\n// class EditLenderApplication {\n\n// constructor(scf_application_id){\n// new Decision(scf_application_id);\n// new Limit(scf_application_id);\n// // new Documents();\n// }\n// }\n\n\n\n\nclass CreateLenderApplication {\n\n constructor(scf_application_id) {\n this.lender = null;\n this.amount = null;\n this.product = null;\n this.program = null;\n this.facility_validity = null;\n this.roi = null;\n this.processing_fee = null;\n this.cp_limits = [];\n this.interest_mode = null;\n this.purpose_of_loan = null;\n this.repayment_mode = null;\n\n this.elem_lender = document.getElementById('app_lender');\n this.elem_amount = document.getElementById('app_amount');\n this.elem_product = document.getElementById('app_product');\n this.elem_program = document.getElementById('app_program');\n this.elem_roi = document.getElementById('app_roi');\n this.elem_processing_fee = document.getElementById('app_processing_fee');\n this.elem_interest_mode = document.getElementById('interest_mode');\n this.elem_purpose_of_loan = document.getElementById('app_purpose_of_loan');\n this.elem_repayment_mode = document.getElementById('app_repayment_mode');\n this.elem_facility_validity = document.getElementById('app_facility_validity');\n this.elem_fldg_percentage = document.getElementById('fldg_anchor_fee');\n this.elem_loan_account_number = document.getElementById('loan_account_number');\n\n this.elem_lender.addEventListener('input', function () {\n Utils.reInput(this);\n })\n\n this.elem_roi.addEventListener('input', function () {\n Utils.reInput(this);\n })\n\n this.elem_amount.addEventListener('input', function () {\n Utils.reInput(this);\n })\n\n this.elem_processing_fee.addEventListener('input', function () {\n Utils.reInput(this);\n })\n\n this.elem_facility_validity.addEventListener('input', function () {\n Utils.reInput(this);\n })\n\n this.scf_application_id = scf_application_id;\n this.fetchCounterParties();\n this.fetchLenders();\n this.createApplication();\n this.fetchSelectedLender();\n }\n\n setValues() {\n Utils.setter(this.elem_lender, this.lender);\n Utils.setter(this.elem_amount, this.amount);\n Utils.setter(this.elem_roi, this.roi);\n Utils.setter(this.elem_processing_fee, this.processing_fee);\n Utils.setter(this.fldg_percentage, this.fldg_percentage);\n Utils.setter(this.elem_interest_mode, this.interest_mode);\n Utils.setter(this.elem_purpose_of_loan, this.purpose_of_loan);\n Utils.setter(this.elem_repayment_mode, this.repayment_mode);\n Utils.setter(this.elem_facility_validity, this.facility_validity);\n Utils.setter(this.elem_fldg_percentage, this.fldg_percentage);\n Utils.setter(this.elem_loan_account_number, this.loan_account_number);\n }\n\n getValues() {\n let that = this;\n this.lender = Utils.getter(this.elem_lender);\n this.amount = Utils.getter(this.elem_amount);\n this.roi = Utils.getter(this.elem_roi);\n this.processing_fee = Utils.getter(this.elem_processing_fee);\n this.facility_validity = Utils.getter(this.elem_facility_validity);\n that.cp_limits = [];\n this.fldg_percentage = Utils.getter(this.elem_fldg_percentage);\n this.interest_mode = Utils.getter(this.elem_interest_mode);\n this.repayment_mode = Utils.getter(this.elem_repayment_mode);\n this.purpose_of_loan = Utils.getter(this.elem_purpose_of_loan);\n this.loan_account_number = Utils.getter(this.elem_loan_account_number);\n }\n\n validateValues() {\n let pass = true;\n if (!this.lender) {\n Utils.showInputError(this.elem_lender, 'Lender is mandatory');\n pass = false;\n }\n\n if (!this.amount) {\n Utils.showInputError(this.elem_amount, 'Amount is mandatory');\n pass = false;\n }\n\n if (!this.roi) {\n Utils.showInputError(this.elem_roi, 'ROI is mandatory');\n pass = false;\n }\n else {\n if (this.roi <= 0) {\n Utils.showInputError(this.elem_roi, 'Roi value should be greater than 0');\n pass = false;\n }\n }\n if (!this.processing_fee) {\n Utils.showInputError(this.elem_processing_fee, 'Processing value fee is mandatory');\n pass = false;\n } else {\n if (this.processing_fee <= 0) {\n Utils.showInputError(this.elem_processing_fee, 'Processing value should be greater than 0');\n pass = false;\n }\n }\n if (!this.facility_validity) {\n Utils.showInputError(this.elem_facility_validity, 'Facility Validity is mandatory');\n pass = false;\n } else {\n if (!Number.isInteger(parseFloat(this.facility_validity))) {\n Utils.showInputError(this.elem_facility_validity, 'Facility Validity must be a whole number');\n pass = false;\n }\n }\n\n if (!document.getElementById('fldg_anchor_fee').classList.contains('no-display') && !this.fldg_percentage) {\n Utils.showInputError(this.elem_fldg_percentage, 'FLDG From Anchor is mandatory');\n pass = false;\n } else {\n if (!document.getElementById('fldg_anchor_fee').classList.contains('no-display') && !Number.isInteger(parseFloat(this.fldg_percentage))) {\n Utils.showInputError(this.elem_fldg_percentage, 'FLDG From Anchor must be a whole number');\n pass = false;\n }\n }\n\n if (document.getElementById('app_product').value === \"Short Term Loan\") {\n if (!this.repayment_mode) {\n Utils.showInputError(this.elem_repayment_mode, 'Repayment Mode is mandatory');\n pass = false;\n }\n this.elem_repayment_mode.addEventListener('input', function () {\n Utils.reInput(this);\n })\n }\n return pass;\n }\n\n\n fetchCounterParties() {\n let that = this;\n Utils.requestHandler('/scf/api/application/' + this.scf_application_id + '/approved-counter-parties', Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n let tmpl = document.getElementById('lapp-cp-row-tmpl');\n let dx = document.getElementById('tb-lapp-cp-tbody');\n dx.innerHTML = null;\n document.getElementById('app_product').value = Utils.snakeToTitleCase(response.data.counter_parties[0].product);\n response.data.counter_parties.forEach(function (dd) {\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n that.populateSelectedCpIds();\n })\n // Utils.showToast('Fetched', 'Counterparties fetched', Constants.TOAST.success);\n } else {\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n .then(function () {\n if (document.getElementById('app_product').value === \"Short Term Loan\") {\n document.getElementById('div_interest_mode').classList.add(\"no-display\");\n document.getElementById('select-counter-parties').classList.add(\"no-display\");\n document.getElementById('tb-stale-period').classList.add(\"no-display\");\n document.getElementById('label_app_facility_validity').innerHTML = \"Facility Validity (in Months)*\";\n document.getElementById('app_facility_validity').placeholder = \"Enter Months\";\n document.getElementById('repayment_mode_lender').classList.remove(\"no-display\");\n document.getElementById('purpose_of_loan_lender').classList.remove(\"no-display\");\n }\n })\n }\n\n fetchSelectedLender() {\n let that = this;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id + '/program-lender', Constants.REQUEST.get)\n .then(function (response) {\n document.getElementById('app_lender').value = response.data.tagged_lender.name;\n document.getElementById('lender_id').value = response.data.tagged_lender.id;\n });\n }\n\n fetchLenders() {\n let that = this;\n Utils.requestHandler('/scf/api/lender_application/lenders/all', Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n let lender_dropdown = document.getElementById('app_lender');\n lender_dropdown.innerHTML = '';\n response.data.lenders.forEach(lender => {\n let option = document.createElement(\"option\");\n option.setAttribute('value', lender.id);\n let optionText = document.createTextNode(lender.name);\n option.appendChild(optionText);\n\n lender_dropdown.appendChild(option);\n })\n // Utils.showToast('Fetched', 'Lenders', Constants.TOAST.success); \n } else {\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n .then(function () {\n\n })\n }\n\n createApplication() {\n let that = this;\n document.getElementById('btn-app-submit').addEventListener('click', function () {\n const idContainer = document.getElementById('lender_app_cp_ids');\n let dataCpIds = null;\n const isEdit = document.getElementById('is_edit_lender_application').value;\n const lender_application_id = document.getElementById('lender_application_id').value;\n let facility_validity_data = document.getElementById('app_facility_validity').value;\n const stalePeriods = [];\n that.getValues();\n let validationcheck = that.validateValues();\n if (document.getElementById('app_product').value != \"Short Term Loan\") {\n dataCpIds = idContainer.getAttribute('data-cp-ids');\n const requiredFields = document.querySelectorAll('#from1, #to1, #stale1');\n let allFilled = true;\n\n requiredFields.forEach(function (field) {\n if (!field.value) {\n allFilled = false;\n field.classList.add('is-invalid');\n } else {\n field.classList.remove('is-invalid');\n }\n });\n\n if (!allFilled) {\n Utils.showToast('Validation Error', 'Please fill all mandatory fields.', Constants.TOAST.fail);\n return;\n }\n\n function getFieldValues(i) {\n const from = document.getElementById(`from${i}`).value;\n const to = document.getElementById(`to${i}`).value;\n const stale = document.getElementById(`stale${i}`).value;\n return { from, to, stale };\n }\n\n for (let i = 1; i <= 3; i++) {\n const values = getFieldValues(i);\n if (values.from || values.to || values.stale) {\n stalePeriods.push(values);\n }\n }\n\n function validateStalePeriods(periods) {\n for (let i = 0; i < periods.length; i++) {\n if (new Date(periods[i].from) > new Date(periods[i].to)) {\n return false;\n }\n if (i > 0 && (new Date(periods[i].from) <= new Date(periods[i - 1].to))) {\n return false;\n }\n if (i > 0 && (Number(periods[i].stale) < Number(periods[i - 1].stale))) {\n return false;\n }\n }\n return true;\n }\n\n function validateCustomConditions() {\n const fields = ['from', 'to'];\n const values = fields.reduce((acc, field) => {\n for (let i = 1; i <= 3; i++) {\n acc[`${field}${i}`] = Number(document.getElementById(`${field}${i}`).value);\n }\n return acc;\n }, {});\n\n return (values.to1 > values.from1) &&\n (values.from2 ? values.to2 > values.to1 && values.from2 > values.to1 : true) &&\n (values.from2 ? values.to2 > values.from2 : true) &&\n (values.from3 ? values.to3 > values.to2 && values.from3 > values.to2 : true) &&\n (values.from3 ? values.to3 > values.from3 : true);\n }\n\n if (!validateStalePeriods(stalePeriods)) {\n Utils.showToast('Validation Error', 'Please ensure the stale periods are valid.', Constants.TOAST.fail);\n return;\n }\n\n if (!validateCustomConditions()) {\n Utils.showToast('Validation Error', 'Please ensure the stale period conditions are valid.', Constants.TOAST.fail);\n return;\n }\n }\n if (document.getElementById('app_product').value === \"Short Term Loan\") {\n var currentDate = new Date();\n var nextMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);\n var nextValidMonth = new Date(currentDate.getFullYear(), parseInt(currentDate.getMonth()) + 1 + parseInt(that.facility_validity), 1);\n var timeDifference = nextValidMonth - nextMonth;\n var daysDifference = timeDifference / (1000 * 3600 * 24);\n facility_validity_data = daysDifference;\n }\n\n const body = {\n approved_limit: that.amount,\n roi: that.roi,\n processing_fee: that.processing_fee,\n counter_parties: dataCpIds,\n facility_validity: String(facility_validity_data),\n fldg_percentage: that.fldg_percentage,\n interest_mode_data: that.interest_mode,\n stale_periods: stalePeriods,\n repayment_mode: that.repayment_mode,\n loan_account_number: that.loan_account_number\n };\n if (validationcheck) {\n const url = isEdit === \"true\"\n ? `/scf/api/lender_application/${lender_application_id}/edit-application/`\n : `/scf/api/lender_application/${that.scf_application_id}/${document.getElementById('lender_id').value}`;\n\n Utils.requestHandler(url, Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message === 'OK') {\n var modalElement = document.getElementById('modal_lender_app');\n var modalInstance = bootstrap.Modal.getInstance(modalElement);\n modalInstance.hide();\n var button = document.getElementById('nav-panel-lenders');\n if (button) {\n button.click();\n } else {\n console.error(\"Button not found!\");\n }\n Utils.showToast(isEdit === \"true\" ? 'Lender Application Updated' : 'Lender application created', 'Success', Constants.TOAST.success);\n document.getElementById('btn-lender-modal-close').click();\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n });\n }\n\n populateSelectedCpIds() {\n const checkboxes = document.querySelectorAll('.lender_app_cp_checkbox');\n const idContainer = document.getElementById('lender_app_cp_ids');\n\n // Function to update the data-cp-ids attribute\n const updateIds = () => {\n const selectedIds = Array.from(checkboxes) // Convert NodeList to Array\n .filter(checkbox => checkbox.checked) // Filter out unchecked checkboxes\n .map(checkbox => checkbox.dataset.id); // Map to data-id values\n\n idContainer.setAttribute('data-cp-ids', selectedIds.join(',')); // Join IDs with comma and update attribute\n };\n\n // Attach event listeners to checkboxes\n checkboxes.forEach(checkbox => {\n checkbox.addEventListener('change', updateIds);\n });\n\n // Initial update in case some checkboxes are pre-checked (optional)\n updateIds();\n }\n}\n\nexport default class ScfPanelLenderApplication {\n\n constructor() {\n let that = this;\n let clicked = false;\n let sanctionButtonId = null;\n document.querySelectorAll('[id^=\"sanction-letter-upload\"]').forEach(button => {\n button.addEventListener('click', function () {\n sanctionButtonId = this.id;\n let modal = new bootstrap.Modal(document.getElementById('sanction_letter_modal'));\n modal.show();\n });\n });\n\n this.elem_sanction_modal_header = document.getElementById('sanction_modal_header');\n this.elem_sanction_letter_modal = new bootstrap.Modal(document.getElementById('sanction_letter_modal'), {});\n this.elem_lender_modal = new bootstrap.Modal(document.getElementById('modal_lender_app'), {});\n this.elem_div_sanction_upload = document.getElementById('div_sanction_upload');\n this.elem_sanction_preview = document.getElementById('sanction_preview');\n this.elem_btn_submit_invoice = document.getElementById('btn-sanction-letter');\n that.submitSanctionLetter();\n Utils.initializePagers('lender-app-pager');\n document.getElementById('nav-panel-lenders').addEventListener('click', function () {\n\n that.scf_application_id = document.getElementById('scf_application_id').value;\n // new EditLenderApplication(that.scf_application_id);\n that.fetchLenderApplications();\n if (!clicked) {\n clicked = true;\n new CreateLenderApplication(that.scf_application_id);\n that.initializeAddLenderApplication();\n }\n })\n document.getElementById('nav-limits').addEventListener('click', function () {\n that.scf_application_id = document.getElementById('scf_application_id').value;\n that.getApplicationLimit();\n })\n }\n\n submitSanctionLetter() {\n let that = this;\n let fileInput = document.getElementById('sanction-pdf-upload');\n let submitButton = document.getElementById('btn-sanction-letter');\n submitButton.addEventListener('click', function () {\n if (!fileInput.files.length) {\n Utils.showToast('Error', 'Please upload a sanction letter before submitting.', Constants.TOAST.fail);\n console.log('Error: No file selected.');\n return;\n }\n let formData = new FormData();\n formData.append('sanction_letter', fileInput.files[0]);\n submitButton.disabled = true;\n const button = document.getElementById('sanction-letter-upload');\n const scf_lender_application_id = button.getAttribute('data-id');\n Utils.requestHandler('/scf/api/lender_application/' + scf_lender_application_id + '/sanction-letter/upload', Constants.REQUEST.post, formData, {\n headers: {\n 'Content-Type': 'multipart/form-data'\n }\n })\n .then(function (response) {\n console.log('API Response:', response);\n if (response.message === 'OK') {\n Utils.showToast('Success', 'Sanction Letter uploaded successfully.', Constants.TOAST.success);\n if (that.elem_sanction_letter_modal && typeof that.elem_sanction_letter_modal.hide === 'function') {\n that.elem_sanction_letter_modal.hide();\n } else {\n console.log('Error: Modal hide method not found.');\n }\n } else {\n Utils.showToast('Error', Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n console.log('Error response from API:', response.errors);\n }\n })\n .catch(function (error) {\n console.log('API Error:', error);\n Utils.showToast('Error', 'An unexpected error occurred.', Constants.TOAST.fail);\n })\n .finally(function () {\n submitButton.disabled = false;\n });\n });\n }\n\n transformApplicationLimit(data) {\n data.limit_type_formatted = Utils.capitalizeFirstLetter(data.limit_type.split(\"_\").join(\" \"))\n data.updated_at_fromatted = Utils.formatTime(data.updated_at);\n data.relative_expiry = Utils.formatTimeRelative(data.expiry);\n data.formatted_expiry = Utils.formatTime(data.expiry);\n data.f_amount = data.amount.toLocaleString('en-IN');\n data.f_utilized_amount = data.utilized_amount ? data.utilized_amount.toLocaleString('en-IN') : 0;\n return data;\n }\n\n getApplicationLimit() {\n let that = this;\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + '/app-limits', Constants.REQUEST.get, {})\n .then(function (response) {\n if (response.message === 'OK') {\n if (response.data.limits.length > 0) {\n let tmpl = document.getElementById('app-limits-tmpl-row');\n let dx = document.getElementById('app-limits-tbody');\n dx.innerHTML = null;\n response.data.limits.forEach(function (dd) {\n that.transformApplicationLimit(dd);\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n })\n }\n }\n })\n }\n\n initializeAddLenderApplication() {\n let that = this;\n document.getElementById('btn-lender-modal').addEventListener('click', function () {\n that.clearAddLenderApplicationModal();\n document.getElementById('nav-panel-lender-application').click();\n that.elem_lender_modal.show();\n document.querySelectorAll('.m1').forEach(function (elem) {\n elem.classList.remove('no-display');\n })\n document.querySelectorAll('.m2').forEach(function (elem) {\n elem.classList.add('no-display');\n })\n })\n }\n\n editLenderApplication() {\n let that = this;\n const buttons = document.querySelectorAll('.edit-lender-application-btn');\n\n // Loop through each button and add an event listener\n buttons.forEach(button => {\n button.addEventListener('click', function (event) {\n event.preventDefault(); // Prevent the default action\n\n document.getElementById('lender_application_id').value = button.getAttribute('data-id-lender');\n document.getElementById('is_edit_lender_application').value = \"true\";\n document.getElementById('app_lender').classList.add('no-display');\n document.getElementById('app_amount').value = button.getAttribute('data-approved-limit');\n document.getElementById('app_roi').value = button.getAttribute('data-roi');\n document.getElementById('app_processing_fee').value = button.getAttribute('data-processing-fee');\n document.getElementById('loan_account_number').value = button.getAttribute('data-loan-account-number');\n if (document.getElementById('app_product').value === \"Short Term Loan\") {\n var currentDate = new Date();\n var nextMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);\n var facility_validity_data = button.getAttribute('data-facility-validity');\n var daysToMilliseconds = facility_validity_data * (1000 * 3600 * 24);\n var nextValidMonth = new Date(nextMonth.getTime() + daysToMilliseconds);\n var monthsDifference = (nextValidMonth.getFullYear() - currentDate.getFullYear()) * 12 + (nextValidMonth.getMonth() - currentDate.getMonth()) - 1;\n document.getElementById('app_facility_validity').value = monthsDifference;\n }\n else {\n document.getElementById('app_facility_validity').value = button.getAttribute('data-facility-validity');\n }\n document.getElementById('fldg_anchor_fee').value = button.getAttribute('data-fldg-percentage');\n document.getElementById('app_repayment_mode').value = button.getAttribute('data-repayment-mode');\n document.getElementById('lender_application_id').value = button.getAttribute('data-id');\n var ids = button.getAttribute('data-lender-app-cp-ids').split(',');\n ids.forEach(function (item, index) {\n let selectBox = document.querySelector(`[data-id='${item.trim()}']`);\n if (selectBox && selectBox.type === 'checkbox') {\n selectBox.checked = true;\n }\n });\n const idContainer = document.getElementById('lender_app_cp_ids');\n idContainer.setAttribute('data-cp-ids', button.getAttribute('data-lender-app-cp-ids'));\n that.elem_lender_modal.show();\n });\n });\n }\n\n cancelButtonLenderApplication() {\n const anchors = document.querySelectorAll('a[id^=\"cancel_lender_application_\"]');\n\n function handleClick(event) {\n event.preventDefault();\n if (confirm('Are you sure you want to cancel?')) {\n const fullId = event.target.id;\n const lenderApplicationId = fullId.substring('cancel_lender_application_'.length);\n Utils.requestHandler('/scf/api/lender_application/' + lenderApplicationId + '/cancel-lender-application/', Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Success', 'Lender Application Cacelled', Constants.TOAST.success);\n document.getElementById('nav-panel-lenders').click();\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n }\n\n anchors.forEach(function (anchor) {\n anchor.addEventListener('click', handleClick);\n });\n }\n\n uploadSanctionLetter(){\n let that = this;\n console.log(that);\n DocumentUtils.bindInputElement(that.elem_div_sanction_upload, null);\n DocumentUtils.showOfflinePreview(that.elem_div_sanction_upload, that.elem_sanction_preview);\n document.getElementById('sanction-letter-upload').addEventListener('click', function (){\n document.querySelectorAll('.sanction-stage').forEach(function (elem){\n elem.classList.add('no-display')\n })\n document.getElementById('sanction_letter_stage').classList.remove('no-display');\n that.elem_sanction_modal_header.innerHTML = 'Upload Sanction Letter';\n that.elem_sanction_letter_modal.show();\n })\n }\n\n programValidator(data) {\n document.getElementById('app_program').value = data['tagged_program'].program_name;\n document.getElementById('app_purpose_of_loan').value = Utils.snakeToTitleCase(data['tagged_program'].type_of_business);\n document.getElementById('app_product').value = Utils.snakeToTitleCase(data['tagged_program'].product);\n if (data['tagged_program'].program_rules === 'fixed') {\n document.getElementById('processing_fee_lebel_id').innerHTML = \"Processing Fee In Fixed *\";\n document.getElementById('app_processing_fee').placeholder = \"In fixed\";\n }\n if (data['tagged_program'].fldg_applied != 'Yes') {\n document.getElementById('anchor_fldg_lebel_id').classList.add('no-display');\n document.getElementById('fldg_anchor_fee').classList.add('no-display');\n }\n if (data['tagged_program'].interest_mode != 'all') {\n document.getElementById('interest_mode_label_id').classList.add('no-display');\n document.getElementById('interest_mode').classList.add('no-display');\n }\n if (document.getElementById('app_product').value === \"Short Term Loan\") {\n document.getElementById('div_interest_mode').classList.add(\"no-display\");\n document.getElementById('select-counter-parties').classList.add(\"no-display\");\n document.getElementById('tb-stale-period').classList.add(\"no-display\");\n document.getElementById('label_app_facility_validity').textContent = \"Facility Validity (in Months)\";\n document.getElementById('app_facility_validity').placeholder = \"Enter Months\";\n document.getElementById('repayment_mode_lender').classList.remove(\"no-display\");\n document.getElementById('purpose_of_loan_lender').classList.remove(\"no-display\");\n }\n }\n\n SendApplicationToLender() {\n // Select all anchor tags with ids starting with 'submit_to_lender_application_'\n const anchors = document.querySelectorAll('a[id^=\"submit_to_lender_application_\"]');\n\n function handleClick(event) {\n event.preventDefault(); // Prevent the default link behavior\n if (confirm('Are you sure you want to submit this application to the lender?')) {\n const fullId = event.target.id;\n const lenderApplicationId = fullId.substring('submit_to_lender_application_'.length);\n\n Utils.requestHandler('/scf/api/lender_application/' + lenderApplicationId + '/submit-to-lender/', Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Success', 'Lender Application Submitted', Constants.TOAST.success);\n // Assuming you might want to redirect or perform some UI update\n document.getElementById('nav-panel-lenders').click();\n } else {\n Utils.showToast('Error', Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n }\n\n anchors.forEach(function (anchor) {\n anchor.addEventListener('click', handleClick);\n });\n }\n\n\n\n clearAddLenderApplicationModal() {\n document.getElementById('app_amount').value = '';\n document.getElementById('app_roi').value = '';\n document.getElementById('app_processing_fee').value = '';\n document.getElementById('interest_mode').value = \"\";\n document.getElementById('app_facility_validity').value = '';\n document.getElementById('app_lender').classList.remove('no-display');\n document.getElementById('is_edit_lender_application').value = \"false\";\n document.getElementById('lender_application_id').value = \"\";\n document.getElementById('fldg_anchor_fee').value = '';\n document.getElementById('from1').value = '';\n document.getElementById('from2').value = '';\n document.getElementById('from3').value = '';\n document.getElementById('to1').value = '';\n document.getElementById('to2').value = '';\n document.getElementById('to3').value = '';\n document.getElementById('stale1').value = '';\n document.getElementById('stale2').value = '';\n document.getElementById('stale3').value = '';\n document.getElementById('loan_account_number_id').value = '';\n const checkboxes = document.querySelectorAll('.lender_app_cp_checkbox');\n\n checkboxes.forEach(function (checkbox) {\n checkbox.checked = false;\n });\n }\n\n transformLenderApplicationData(data) {\n let lender_badge_state = { \"proposal_drafted\": \"bg-primary\", \"awaiting_lender_decision\": \"bg-warning\", \"lender_approved\": \"bg-success\", \"lender_rejected\": \"bg-danger\", \"cancelled\": \"bg-danger\", \"freeze\": \"bg-danger\" };\n data.lender_badge_status = lender_badge_state[data.status];\n data.status = Utils.snakeToTitleCase(data.status)\n data.counter_parties = data.counter_party_names\n data.lender_application_id = data.lender_application_id ? data.lender_application_id : '-';\n data.approved_limit = data.approved_limit\n data.formatted_approved_limit = Utils.indianRepresentation(data.approved_limit);\n data.cp_count = data.cp_count\n data.lender_name = data.lender\n data.processing_fee = data.processing_fee\n data.roi = data.roi\n if (data.lender_app_cps != null) {\n data.lender_app_cps = data.lender_app_cps;\n }\n else {\n data.lender_app_cps = \"\";\n }\n data.facility_validity = data.facility_validity\n data.product = data.product\n data.interest_mode = data.interest_mode\n return data;\n }\n\n fetchLenderApplications() {\n let that = this;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id + '/lender-applications', Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n let tmpl = document.getElementById('lender-app-tmpl');\n let tbody = document.getElementById('tbody-lender-app')\n tbody.innerHTML = null;\n if (response.data.lender_applications) {\n response.data.lender_applications.forEach(function (app) {\n that.transformLenderApplicationData(app);\n let rend = Mustache.render(tmpl.innerHTML, app);\n tbody.append($.parseHTML(rend)[1]);\n if (app.status == 'Lender Approved') {\n document.getElementById(\"submit_to_lender_application_\" + app.id).classList.add('no-display')\n // document.getElementById(\"lender_application_action_\" + app.id).classList.add('no-display')\n } else if (app.status == 'Lender Rejected') {\n document.getElementById(\"submit_to_lender_application_\" + app.id).classList.add('no-display')\n // document.getElementById(\"lender_application_action_\" + app.id).classList.add('no-display')\n } else if (app.status == 'Cancelled') {\n document.getElementById(\"submit_to_lender_application_\" + app.id).classList.add('no-display')\n // document.getElementById(\"lender_application_action_\" + app.id).classList.add('no-display')\n } else if (app.status == 'Awaiting Lender Decision') {\n document.getElementById(\"submit_to_lender_application_\" + app.id).classList.add('no-display')\n document.getElementById(\"edit_lender_application_\" + app.id).classList.add('no-display')\n }\n that.detailsButtonLenderApplicantion();\n })\n }\n that.editLenderApplication();\n that.cancelButtonLenderApplication();\n that.SendApplicationToLender();\n that.programValidator(response.data);\n that.uploadSanctionLetter();\n // Utils.showToast('Fetched', 'Lender Applications', Constants.TOAST.success);\n } else {\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n detailsButtonLenderApplicantion() {\n let that = this;\n document.querySelectorAll('.lender-applicantion-details-button').forEach(function (button) {\n button.addEventListener('click', function (event) {\n const lenderName = this.getAttribute('data-lender-name');\n const approvedLimit = this.getAttribute('data-approved-limit');\n const roi = this.getAttribute('data-roi');\n const processingFee = this.getAttribute('data-processing-fee');\n const status = this.getAttribute('data-status');\n const counterParties = this.getAttribute('data-counter-parties');\n const counterPartyTradeNames = this.getAttribute('data-counter-parties-trade-names');\n const remarks = this.getAttribute('data-remarks');\n const loan_account_number = this.getAttribute('data-loan-account-number');\n\n document.getElementById('modal-details-lender-name').textContent = lenderName;\n document.getElementById('modal-details-approved-limit').textContent = approvedLimit;\n document.getElementById('modal-details-roi').textContent = roi;\n document.getElementById('modal-details-processing-fee').textContent = processingFee;\n document.getElementById('modal-details-status').textContent = status;\n document.getElementById('modal-details-counter-parties').textContent = counterParties;\n document.getElementById('modal-details-counter-party-trade-name').textContent = counterPartyTradeNames;\n document.getElementById('modal-details-lender-remarks').textContent = remarks;\n document.getElementById('modal-details-lender-lan').textContent = loan_account_number;\n\n var modal = new bootstrap.Modal(document.getElementById('detailsModal'), {});\n modal.show();\n });\n });\n }\n\n initializeLenderEditModal() {\n let that = this;\n document.querySelectorAll('.btn-edit-lender-modal').forEach(function (pelem) {\n pelem.addEventListener('click', function () {\n document.getElementById('nav-panel-lender-decision').click();\n that.setUpLenderEditModalData(pelem);\n that.elem_lender_modal.show();\n document.querySelectorAll('.m1').forEach(function (elem) {\n elem.classList.add('no-display');\n })\n document.querySelectorAll('.m2').forEach(function (elem) {\n elem.classList.remove('no-display');\n })\n })\n })\n }\n\n setUpLenderEditModalData(pelem) {\n document.getElementById('lapplicant_id').value = null;\n document.getElementById('lapplication_id').value = null;\n document.getElementById('app_lender_desc_remarks').value = null;\n\n document.getElementById('scf_lender_application_id').value = pelem.getAttribute('data-scf-lapp-id');\n document.getElementById('lapplicant_id').value = pelem.getAttribute('data-lappn-id');\n document.getElementById('lapplication_id').value = pelem.getAttribute('data-lapp-id');\n\n let decision = pelem.getAttribute('data-desc');\n if (decision === \"lender approved\") {\n decision = \"approved\";\n } else {\n decision = \"rejected\";\n }\n\n document.getElementById('app_lender_desc').value = decision;\n document.getElementById('tbody-lender-limits').innerHTML = null;\n }\n\n}\n\n\n","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\n\nexport default class ScfBankingModule{\n\n constructor(){\n this.obj_banking = [];\n let that = this;\n this.scf_application_id = document.getElementById('scf_application_id').value;\n this.business_applicant_id = localStorage.getItem('business_applicant_id');\n this.van_account_number = document.getElementById('van_account_number_onb');\n this.van_bank_name = document.getElementById('onb_van_bank_name');\n this.van_ifsc = document.getElementById('van_ifsc_onb');\n this.van_holder_name = document.getElementById('van_holder_name_onb');\n this.van_branch = document.getElementById('van_branch_onb');\n this.van_micr = document.getElementById('van_micr_onb');\n this.van_checkbox = document.getElementById('is_van_checkbox_onb');\n this.van_fields = document.getElementById('van_input_fields_onb');\n this.addInputEventListeners();\n that.BankingPanelHandler();\n }\n\n addInputEventListeners() {\n const elements = [\n this.van_account_number,\n this.van_bank_name,\n this.van_ifsc,\n this.van_holder_name,\n this.van_branch,\n this.van_micr\n ];\n\n elements.forEach((element) => {\n element.addEventListener('input', () => {\n const value = element.value.trim();\n if (value) {\n Utils.hideInputError(element);\n }\n });\n });\n }\n\n BankingPanelHandler(){\n let that = this;\n that.editBankAccountsPanel();\n that.showBankingModal();\n that.bankingAddBankAccount();\n that.bankingValidateBankAccount();\n that.bankGetIfscDetails();\n that.setupVanCheckboxOnb();\n that.bankAddBankAccount();\n that.VanbankOnb();\n }\n\n editBankAccountsPanel(){\n let that = this;\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + '/bank-accounts', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.obj_banking = [];\n response.data.bank_accounts.forEach(bank_account => {\n let abs_banking = new AbstractBanking(bank_account.id);\n abs_banking.account_number = bank_account.account_number;\n abs_banking.account_type = bank_account.account_type;\n abs_banking.account_holder = bank_account.primary_account_holder_name;\n abs_banking.verified_account_holder = bank_account.primary_account_holder_name;\n abs_banking.ifsc_code = bank_account.ifsc_code;\n abs_banking.bank_branch = bank_account.branch;\n abs_banking.bank_name = bank_account.bank_name;\n abs_banking.bank_micr = bank_account.micr_code;\n that.bankingSetupButtonIds(abs_banking.id);\n that.obj_banking.push(abs_banking);\n })\n \n that.bankRenderVerifiedAccounts();\n }else{\n }\n })\n }\n\n showBankingModal(){\n let that = this;\n document.getElementById('btn_show_add_new_bank_account').addEventListener('click', function () {\n var modal = new bootstrap.Modal(document.getElementById('bankingList'), {});\n modal.show();\n that.clearVanForm();\n that.van_account_number.disabled = false; \n document.getElementById('add_bank_ac').classList.remove('no-display');\n document.getElementById('isvan_onb').classList.remove('no-display');\n document.getElementById('btn-submit-isvan-onb').classList.remove('no-display');\n document.getElementById('add_bank_ac_pane').classList.add('no-display');\n document.getElementById('van_input_fields_onb').classList.add('no-display');\n document.getElementById('van_account_number_onb').classList.remove('no-display');\n });\n }\n\n bankingAddBankAccount() {\n let that = this;\n document.getElementById('add_bank_ac').addEventListener('click', function () {\n let abs_banking = null;\n if (that.van_checkbox.checked) {\n abs_banking = new AbstractBanking(Math.random().toString(36), true);\n } else {\n abs_banking = new AbstractBanking(Math.random().toString(36), false);\n } \n abs_banking.setValues();\n that.bankingSetupButtonIds(abs_banking.id);\n document.querySelectorAll('.btn-banking').forEach(element => {\n element.classList.add('no-display');\n });\n document.getElementById('btn-validate-ifsc').classList.remove('no-display');\n document.getElementById('add_bank_ac_pane').classList.remove('no-display');\n document.getElementById('isvan_onb').classList.add('no-display');\n\n that.obj_banking.push(abs_banking);\n this.classList.add('no-display');\n })\n}\n\n setupVanCheckboxOnb() {\n const addBankAccountButton = document.getElementById('add_bank_ac');\n document.getElementById('add_bank_ac').classList.add('no-display');\n const existingFormElements = [\n document.getElementById('account_number'),\n document.getElementById('ifsc_code'),\n document.getElementById('btn-validate-ifsc')\n ];\n\n this.van_checkbox.addEventListener('change', () => {\n if (this.van_checkbox.checked) {\n this.van_fields.classList.remove('no-display');\n addBankAccountButton.classList.add('no-display');\n document.getElementById('add_bank_ac_pane').classList.add('no-display');\n } else {\n this.van_fields.classList.add('no-display');\n addBankAccountButton.classList.remove('no-display');\n document.getElementById('add_bank_ac_pane').classList.add('no-display');\n }\n });\n}\n\nVanbankOnb() {\n let that = this;\n document.getElementById('btn-submit-isvan-onb').addEventListener('click', () => {\n let abs_banking = new AbstractBanking(Math.random().toString(36), true);\n abs_banking.getValues();\n if (that.validateValuesVanOnb()) {\n let body = {\n \"bank_ifsc\": abs_banking.ifsc_code,\n \"bank_name\": abs_banking.bank_name,\n \"holder_name\": abs_banking.account_holder,\n \"bank_branch\": abs_banking.bank_branch,\n \"bank_ac_type\": \"van\",\n \"bank_ac_no\": abs_banking.account_number,\n \"bank_micr_code\": abs_banking.bank_micr\n };\n Utils.requestHandler(\"/scf/api/onboarding/company/bank-account/\" + that.business_applicant_id, Constants.REQUEST.post, body)\n .then((response) => {\n if (response.message === 'OK') {\n Utils.showToast(response.message, 'Van Bank Details added', Constants.TOAST.success);\n that.clearVanForm();\n let closeModalButton = document.getElementById(\"btn-banking-modal-close\");\n closeModalButton.click();\n setTimeout(() => {\n document.getElementById('verified_accounts_business_details').innerText = \"\";\n that.editBankAccountsPanel();\n }, 2000);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n });\n}\n\n\nclearVanForm() {\n this.van_account_number.value = '';\n this.van_bank_name.value = '';\n this.van_ifsc.value = '';\n this.van_holder_name.value = '';\n this.van_branch.value = '';\n this.van_micr.value = '';\n this.van_checkbox.checked = false;\n \n}\n\nvalidateValuesVanOnb() {\n let pass = true;\n const elements = [\n { element: this.van_account_number, label: \"Bank Account Number\" },\n { element: this.van_bank_name, label: \"Bank Name\" },\n { element: this.van_ifsc, label: \"IFSC Code\" },\n { element: this.van_holder_name, label: \"Holder Name\" },\n { element: this.van_branch, label: \"Branch\" },\n { element: this.van_micr, label: \"MICR Code\" }\n ];\n\n elements.forEach(({ element, label }) => {\n const value = element.value.trim();\n if (!value) {\n Utils.showInputError(element, `${label} is mandatory`);\n pass = false;\n } else {\n Utils.hideInputError(element);\n }\n });\n\n return pass;\n}\n\n bankingSetupButtonIds(btn_id){\n let bt1 = document.getElementById('btn-validate-account');\n bt1.setAttribute('data-id', btn_id);\n bt1.classList.add('no-display');\n let bt2 = document.getElementById('btn-submit-account');\n bt2.setAttribute('data-id', btn_id);\n bt1.classList.add('no-display');\n let bt3 = document.getElementById('btn-validate-ifsc')\n bt3.setAttribute('data-id', btn_id);\n bt3.classList.remove('no-display');\n }\n\n bankingValidateBankAccount(){\n let that = this;\n document.getElementById('btn-validate-account').addEventListener('click', function(){\n let abs_banking = null;\n let elm_btn = this;\n let active_id = this.getAttribute('data-id');\n if(!active_id){\n Utils.showToast(\"Search\", \"Error finding bank account\", Constants.TOAST.fail);\n }\n that.obj_banking.forEach(function (abs_bank){\n if(abs_bank.id === active_id){\n abs_banking = abs_bank;\n return false;\n }\n })\n abs_banking.getValues();\n if(abs_banking.validateValues()){\n let body = {\n bank_ac_no: abs_banking.account_number,\n bank_ifsc: abs_banking.ifsc_code\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n Utils.requestHandler(\"/scf/api/onboarding/company/\" + that.business_applicant_id + \"/validate/bank-account\", Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n if(response.data.status === 'active'){\n abs_banking.verified_account_holder = response.data.bank_ac_holder_name;\n abs_banking.setValues();\n document.querySelectorAll('.btn-banking').forEach(element => {\n element.classList.add('no-display');\n });\n document.getElementById('btn-submit-account').classList.remove('no-display');\n Utils.showToast(response.message, 'Bank account validated', Constants.TOAST.success);\n }else{\n abs_banking.verified_account_holder = abs_banking.account_holder;\n abs_banking.setValues();\n // elm_btn.classList.add('no-display');\n // document.getElementById('btn-submit-account').classList.remove('no-display');\n Utils.showToast(\"Inactive\", \"Bank account is inactive\", Constants.TOAST.fail);\n }\n } else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }).then(function (){\n Utils.loaderToast(elm_btn, Constants.ELEMENT_STATE.hide);\n })\n } \n })\n }\n\n bankGetIfscDetails(){\n let that = this;\n document.getElementById('btn-validate-ifsc').addEventListener('click', function (){\n let abs_banking = null;\n let btn_elem = this;\n let active_id = this.getAttribute('data-id');\n if(!active_id){\n Utils.showToast(\"Search\", \"Error finding bank account\", Constants.TOAST.fail);\n }\n that.obj_banking.forEach(function (abs_bank){\n if(abs_bank.id === active_id){\n abs_banking = abs_bank;\n return false;\n }\n })\n abs_banking.getValues();\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n Utils.requestHandler(\"/scf/api/onboarding/company/validate/bank-ifsc\", Constants.REQUEST.get, {bank_ifsc: abs_banking.ifsc_code})\n .then(function (response){\n if(response.message === 'OK'){\n abs_banking.ifsc_code = response.data.ifsc_data.ifsc;\n abs_banking.bank_micr = response.data.ifsc_data.micr;\n abs_banking.bank_name = response.data.ifsc_data.bank_name;\n abs_banking.bank_branch = response.data.ifsc_data.branch + \", \" + response.data.ifsc_data.city + \", \" + response.data.ifsc_data.state;\n Utils.setter(abs_banking.elem_ifsc_code, abs_banking.ifsc_code);\n Utils.setter(abs_banking.elem_bank_micr, abs_banking.bank_micr);\n Utils.setter(abs_banking.elem_bank_name, abs_banking.bank_name);\n Utils.setter(abs_banking.elem_bank_branch, abs_banking.bank_branch);\n Utils.setter(abs_banking.elem_bank_branch_full, abs_banking.bank_branch);\n document.querySelectorAll('.btn-banking').forEach(element => {\n element.classList.add('no-display');\n });\n document.getElementById('btn-validate-account').classList.remove('no-display'); \n Utils.showToast(response.message, 'IFSC Details fetched', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n }).then(function (){\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n })\n })\n }\n\n bankAddBankAccount(){\n let that = this;\n document.getElementById('btn-submit-account').addEventListener('click', function (){\n let abs_banking = null;\n let active_id = this.getAttribute('data-id');\n if(!active_id){\n Utils.showToast(\"Search\", \"Error finding bank account\", Constants.TOAST.fail);\n }\n that.obj_banking.forEach(function (abs_bank){\n if(abs_bank.id === active_id){\n abs_banking = abs_bank;\n return false;\n }\n })\n let body = {\n \"bank_ifsc\": abs_banking.ifsc_code,\n \"bank_name\": abs_banking.bank_name,\n \"holder_name\": abs_banking.verified_account_holder,\n \"bank_branch\": abs_banking.bank_branch,\n \"bank_ac_type\": abs_banking.account_type,\n \"bank_ac_no\": abs_banking.account_number\n }\n\n Utils.requestHandler(\"/scf/api/onboarding/company/bank-account/\" + that.business_applicant_id, Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n new ScfBankingModule();\n document.getElementById('add_bank_ac_pane').classList.add('no-display');\n document.getElementById('add_bank_ac').classList.remove('no-display');\n let closeModalButton = document.getElementById(\"btn-banking-modal-close\"); \n closeModalButton.click();\n Utils.showToast(response.message, 'Bank Details added', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n bankRenderVerifiedAccounts(){\n let that = this;\n let temp = document.getElementById('banking-tr-tmpl-business-details');\n let ac_table = document.getElementById('verified_accounts_business_details');\n ac_table.innerHTML = null;\n this.obj_banking.forEach(function (abs_banking){\n if(abs_banking.account_holder != null && abs_banking.account_number != null){\n let rend_row = Mustache.render(temp.innerHTML, abs_banking);\n ac_table.append($.parseHTML(rend_row)[1]);\n that.bankEditButton(abs_banking.id); \n }\n })\n \n }\n\n bankEditButton(active_id) {\n let that = this;\n document.getElementById('btn-edit-account-' + active_id).addEventListener('click', function () {\n var modal = new bootstrap.Modal(document.getElementById('bankingList'), {});\n modal.show();\n\n let abs_banking = null;\n if (!active_id) {\n Utils.showToast(\"Search\", \"Error finding bank account\", Constants.TOAST.fail);\n }\n that.obj_banking.forEach(function (abs_bank) {\n if (abs_bank.id === active_id) {\n abs_banking = abs_bank;\n return false;\n }\n });\n if (abs_banking.account_type === 'van') {\n that.showVanFields();\n that.setVanValues(abs_banking);\n document.getElementById('add_bank_ac').classList.add('no-display');\n\n } else {\n that.showRegularFields();\n document.getElementById('isvan_onb').classList.add('no-display');\n }\n abs_banking.setValues();\n document.querySelectorAll('.btn-banking').forEach(element => {\n element.classList.add('no-display');\n });\n document.getElementById('btn-validate-ifsc').classList.remove('no-display');\n \n });\n}\nshowVanFields() {\n document.getElementById('van_input_fields_onb').classList.remove('no-display');\n document.getElementById('add_bank_ac_pane').classList.add('no-display');\n document.getElementById('add_bank_ac').classList.add('no-display');\n document.getElementById('isvan_onb').classList.add('no-display');\n}\nshowRegularFields() {\n document.getElementById('van_input_fields_onb').classList.add('no-display');\n document.getElementById('add_bank_ac_pane').classList.remove('no-display');\n document.getElementById('add_bank_ac').classList.add('no-display');\n document.getElementById('isvan_onb').classList.add('no-display');\n}\nsetVanValues(abs_banking) {\n this.van_account_number.value = abs_banking.account_number || \"\";\n this.van_bank_name.value = abs_banking.bank_name || \"\";\n this.van_ifsc.value = abs_banking.ifsc_code || \"\";\n this.van_holder_name.value = abs_banking.account_holder || \"\";\n this.van_branch.value = abs_banking.bank_branch || \"\";\n this.van_micr.value = abs_banking.bank_micr || \"\";\n this.van_account_number.disabled = true; \n }\n\n\n}\n\nclass AbstractBanking {\n\n constructor(id,isVan = false){\n this.id = id;\n this.isVan = isVan;\n this.account_number = null;\n this.account_type = null;\n this.account_holder = null;\n this.ifsc_code = null;\n this.bank_branch = null;\n this.bank_name = null;\n this.bank_micr = null;\n this.verified_account_holder = null;\n this.elem_account_number = document.getElementById('account_number');\n this.elem_account_holder = document.getElementById('account_holder');\n this.elem_account_type = document.getElementById('account_type');\n this.elem_ifsc_code = document.getElementById('ifsc_code');\n this.elem_bank_branch = document.getElementById('bank_branch');\n this.elem_bank_name = document.getElementById('bank_name');\n this.elem_bank_micr = document.getElementById('bank_micr');\n this.elem_verified_account_holder = document.getElementById('verified_account_holder');\n this.elem_verified_account_holder_name = document.getElementById('account_holder');\n this.elem_bank_branch_full = document.getElementById('bank_branch_full');\n if(this.isVan){\n this.elem_van_account_number=document.getElementById('van_account_number_onb');\n this.elem_van_bank_name=document.getElementById('onb_van_bank_name');\n this.elem_van_ifsc_code=document.getElementById('van_ifsc_onb');\n this.elem_van_holder_name=document.getElementById('van_holder_name_onb');\n this.elem_van_bank_branch=document.getElementById('van_branch_onb');\n this.elem_van_bank_micr=document.getElementById('van_micr_onb');\n } \n }\n\n getValues() {\n if (this.isVan) {\n this.account_number = this.elem_van_account_number.value.trim();\n this.bank_name = this.elem_van_bank_name.value.trim();\n this.ifsc_code = this.elem_van_ifsc_code.value.trim();\n this.account_holder = this.elem_van_holder_name.value.trim();\n this.bank_branch = this.elem_van_bank_branch.value.trim();\n this.bank_micr = this.elem_van_bank_micr.value.trim();\n } else {\n this.account_number = Utils.getter(this.elem_account_number);\n this.account_type = Utils.getter(this.elem_account_type);\n this.account_holder = Utils.getter(this.elem_account_holder);\n this.ifsc_code = Utils.getter(this.elem_ifsc_code);\n this.bank_branch = Utils.getter(this.elem_bank_branch);\n this.bank_name = Utils.getter(this.elem_bank_name);\n this.bank_micr = Utils.getter(this.elem_bank_micr);\n this.account_type = Utils.getter(this.elem_account_type);\n this.verified_account_holder = Utils.getter(this.elem_verified_account_holder);\n }\n }\n \n setValues() {\n if (this.isVan) {\n Utils.setter(this.elem_van_account_number, this.account_number);\n Utils.setter(this.elem_van_bank_name, this.bank_name);\n Utils.setter(this.elem_van_ifsc_code, this.ifsc_code);\n Utils.setter(this.elem_van_holder_name, this.account_holder);\n Utils.setter(this.elem_van_bank_branch, this.bank_branch);\n Utils.setter(this.elem_van_bank_micr, this.bank_micr);\n }else{\n Utils.setter(this.elem_account_number, this.account_number);\n Utils.setter(this.elem_account_type, \"current\");\n Utils.setter(this.elem_account_holder, this.account_holder);\n Utils.setter(this.elem_ifsc_code, this.ifsc_code);\n Utils.setter(this.elem_bank_branch, this.bank_branch);\n Utils.setter(this.elem_bank_name, this.bank_name);\n Utils.setter(this.elem_bank_micr, this.bank_micr);\n Utils.setter(this.elem_account_type, \"current\");\n Utils.setter(this.elem_verified_account_holder, this.verified_account_holder);\n Utils.setter(this.elem_verified_account_holder_name, this.verified_account_holder);\n Utils.setter(this.elem_bank_branch_full, this.bank_branch);\n }\n }\n\n validateValues(){\n return true;\n}\n\n}","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\n\nexport default class ScfOnbPanelCounterParty{\n\n constructor() {\n let that = this;\n this.application_id = document.getElementById('scf_application_id').value;\n that.fetchCounterParties();\n that.submitCounterParties();\n }\n\n fetchCounterParties(){\n let that = this;\n Utils.requestHandler('/scf/api/application/'+that.application_id+'/counter-parties', Constants.REQUEST.get)\n .then(function (response){\n if(response.message === 'OK'){\n let tmpl = document.getElementById('cp-row-tmpl');\n let dx = document.getElementById('tb-cp-tbody');\n dx.innerHTML = null;\n response.data.counter_parties.forEach(function (dd){\n dd.status = Utils.snakeToTitleCase(dd.status);\n dd.vintage = Utils.formatTimeRelative(dd.vintage);\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n })\n Utils.showToast('Fetched', 'Counterparties fetched', Constants.TOAST.success);\n }\n })\n .then(function (){\n\n })\n }\n\n submitCounterParties(){\n document.getElementById('btn-submit-cps').addEventListener('click', function (){\n let s_cps = [];\n let pass = true;\n document.querySelectorAll('.approve-cp:checked').forEach(function (elem){\n let id = elem.value;\n let mob = document.getElementById('cp-mobile-'+id);\n let email = document.getElementById('cp-email-'+id);\n if(!Utils.validatorMobile(mob.value)){\n pass = false;\n }\n if(!Utils.validatorEmail(email.value)){\n pass = false;\n }\n s_cps.push({\n id: id,\n mobile: mob.value,\n email: email.value,\n status: 'active'\n })\n })\n if(pass){\n Utils.requestHandler('/scf/api/counter_party/update-multiple', Constants.REQUEST.post, {counter_parties: s_cps})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast('Updated', 'Counterparties updated', Constants.TOAST.success);\n }\n })\n .then(function () {\n\n })\n }else{\n Utils.showToast('Input error', 'Incorrect/Empty Email or Mobile', Constants.TOAST.fail);\n }\n })\n }\n\n}","import {DocumentUtils, Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\nimport { data } from \"jquery\";\n\nclass AbstractBanking {\n\n constructor(id){\n this.id = id;\n this.account_number = null;\n this.account_type = null;\n this.account_holder = null;\n this.ifsc_code = null;\n this.bank_branch = null;\n this.bank_name = null;\n this.bank_micr = null;\n this.verified_account_holder = null;\n this.elem_account_number = document.getElementById('account_number');\n this.elem_account_holder = document.getElementById('account_holder');\n this.elem_account_type = document.getElementById('account_type');\n this.elem_ifsc_code = document.getElementById('ifsc_code');\n this.elem_bank_branch = document.getElementById('bank_branch');\n this.elem_bank_name = document.getElementById('bank_name');\n this.elem_bank_micr = document.getElementById('bank_micr');\n this.elem_verified_account_holder = document.getElementById('verified_account_holder');\n this.elem_bank_branch_full = document.getElementById('bank_branch_full');\n }\n\n getValues(){\n this.account_number = Utils.getter(this.elem_account_number);\n this.account_type = Utils.getter(this.elem_account_type);\n this.account_holder = Utils.getter(this.elem_account_holder);\n this.ifsc_code = Utils.getter(this.elem_ifsc_code);\n this.bank_branch = Utils.getter(this.elem_bank_branch);\n this.bank_name = Utils.getter(this.elem_bank_name);\n this.bank_micr = Utils.getter(this.elem_bank_micr);\n this.account_type = Utils.getter(this.elem_account_type);\n this.verified_account_holder = Utils.getter(this.elem_verified_account_holder);\n }\n\n setValues() {\n Utils.setter(this.elem_account_number, this.account_number);\n Utils.setter(this.elem_account_type, this.account_type);\n Utils.setter(this.elem_account_holder, this.account_holder);\n Utils.setter(this.elem_ifsc_code, this.ifsc_code);\n Utils.setter(this.elem_bank_branch, this.bank_branch);\n Utils.setter(this.elem_bank_name, this.bank_name);\n Utils.setter(this.elem_bank_micr, this.bank_micr);\n Utils.setter(this.elem_account_type, this.account_type);\n Utils.setter(this.elem_verified_account_holder, this.verified_account_holder);\n Utils.setter(this.elem_bank_branch_full, this.bank_branch);\n }\n\n validateValues(){\n return true;\n }\n}\n\n\nexport default class ScfOnbPanelDocument{\n\n constructor() {\n this.obj_banking = [];\n let that = this;\n this.scf_application_id = document.getElementById('scf_application_id').value;\n this.business_applicant_id = localStorage.getItem('business_applicant_id');\n this.elem_document_details = document.getElementById('div_document_details');\n this.elem_password_modal = new bootstrap.Modal(document.getElementById('modal_doc_password'), {});\n this.elem_password = document.getElementById('doc_password');\n this.elem_btn_password = document.getElementById('btn-update-password');\n this.elem_banking_modal_body = document.getElementById('banking_modal_body');\n that.renderDocuments();\n that.documentGstHandler();\n that.documentBankingHandler();\n that.documentAadhaarHandler();\n that.documentPromoterHandler();\n that.documentCpHandler();\n that.renderConstitutionInputs();\n that.updatePasswordHandler();\n }\n\n renderConstitutionInputs() {\n let that = this;\n Utils.requestHandler(\"/scf/api/applicant/\" + that.business_applicant_id, Constants.REQUEST.get, {})\n .then(function (response) {\n const constitution = response.data.scf_applicant['constitution'];\n let templateId;\n \n switch (constitution) {\n case 'partnership':\n templateId = 'partnershipDocUploadTemplate';\n break;\n case 'llp':\n templateId = 'llpDocUploadTemplate';\n break;\n case 'private_limited':\n templateId = 'privateLimitedDocUploadTemplate';\n }\n\n if (templateId) {\n const template = document.getElementById(templateId).innerHTML;\n const rendered = Mustache.render(template);\n document.getElementById('company_constitution_target').innerHTML = rendered;\n that.formCardsToggleBusinessConstitution();\n }\n \n that.uploadOnboardingDocuments();\n });\n }\n\n formCardsToggleBusinessConstitution(){\n const toggleIcons = document.querySelectorAll('[id$=\"_company_constitution_documents_card_toggle_icon\"]');\n \n toggleIcons.forEach(icon => {\n icon.addEventListener('click', () => {\n\n const dynamicId = icon.id.replace('_toggle_icon', '');\n \n\n const dynamicElement = document.getElementById(dynamicId);\n\n if (dynamicElement) {\n dynamicElement.classList.toggle('d-none');\n }\n \n icon.classList.toggle('bi-chevron-down');\n icon.classList.toggle('bi-chevron-right');\n });\n });\n }\n\n renderDocuments(){\n let that = this;\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + '/documents', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderAllDocuments(response.data);\n // Utils.showToast(response.message, 'Document list fetched', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n transformDocumentData(ref, last_doc = null){\n let drop_ship = {}\n drop_ship.doc_title = ref.set_value.title;\n if(last_doc != null){\n drop_ship.doc_subtitle = \"Last updated \" + Utils.formatTimeRelative(last_doc.updated_at);\n } else {\n drop_ship.doc_subtitle = ref.set_value.title;\n }\n drop_ship.dtype = ref.set_key;\n drop_ship.ext = \"\";\n if(ref.set_value.ext){\n drop_ship.ext = ref.set_value.ext.map(function(x) {return x.toUpperCase()});\n }\n let ext = ref.set_value.ext[0];\n if(ext && ['jpeg', 'jpg', 'png'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-image\";\n }else if(ext && ['xls', 'xlsx'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-filetype-xls\";\n }else if(ext && ['pdf'].includes(ext.toLowerCase())){\n drop_ship.logo = \"bi-file-earmark-pdf\";\n }else{\n drop_ship.logo = \"bi-file-earmark-text\";\n }\n return drop_ship;\n }\n\n transformPreviewData(preview_data){\n preview_data.formatted_ts = Utils.formatTime(preview_data.created_at);\n preview_data.formatted_ts_ago = Utils.formatTimeRelative(preview_data.created_at);\n preview_data.name = preview_data.id;\n return preview_data;\n }\n\n renderAllDocuments(data){\n let that = this;\n let tmpl = document.getElementById('doc-tmpl');\n this.elem_document_details.innerHTML = '';\n \n //This is tmp fix to hide unwanted docs in demo\n \n\n \n for(let dtype in data.ref){\n let d = that.transformDocumentData(data.ref[dtype]);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n that.elem_document_details.append($.parseHTML(rendered)[1]);\n let url = '/scf/api/application/' + that.scf_application_id + '/document/upload/' + dtype;\n let action_element = document.getElementById('btn_upload_'+dtype);\n DocumentUtils.bindInputElement(action_element);\n DocumentUtils.uploadFiles(action_element, url);\n that.showUploadPreview(action_element);\n }\n this.renderUploadedDocuments(data);\n // this.checkIfBusinessDirectorAndPromoter();\n }\n\n checkIfBusinessDirectorAndPromoter(){\n let that = this;\n let showDiv = false;\n let div = document.getElementById('ca-self-attestation-document');\n // Utils.requestHandler(\"/scf/api/onboarding/company/directors/\" + that.business_applicant_id , Constants.REQUEST.get, {})\n // .then(function (response){\n // })\n if (showDiv) {\n div.style.display = 'block'; \n } else {\n div.style.display = 'none'; \n }\n }\n\n renderUploadedDocuments(data){\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n data.documents.forEach(function (doc){\n let dtype = doc.file_code;\n let prev = document.getElementById('prev-'+dtype);\n let d1 = that.transformPreviewData(doc);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.append($.parseHTML(rend)[1]);\n })\n document.querySelectorAll('.btn-doc-password').forEach(function (elem){\n elem.addEventListener('click', function (){\n that.passwordHandler(elem);\n })\n })\n this.deleteDocument();\n }\n\n\n showUploadPreview(action_element){\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n action_element.addEventListener('ev_document_uploaded', function (){\n let response = JSON.parse(action_element.getAttribute('data-upload-response'));\n let prev = document.getElementById('prev-'+response.file_code);\n let d1 = that.transformPreviewData(response);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.prepend($.parseHTML(rend)[1]);\n let pass_elem = document.getElementById('btn_password_'+response.id);\n pass_elem.addEventListener('click', function (){\n that.passwordHandler(pass_elem);\n })\n })\n }\n\n deleteDocument() {\n let that = this;\n let elements = document.querySelectorAll('#delete-button-document');\n \n elements.forEach(function(element) {\n element.addEventListener('click', function(event) {\n let id = event.target.getAttribute(\"data-id\");\n let confirmed = window.confirm('Are you sure you want to delete this document?'); \n if (confirmed) {\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id + '/document/destroy/' + id, Constants.REQUEST.get)\n .then(function(response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, 'Document Deleted', Constants.TOAST.success);\n that.renderDocuments();\n } else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n });\n }\n });\n });\n }\n \n \n passwordHandler(elem){\n this.elem_password.value = elem.getAttribute('data-password') == null ? \"\" : elem.getAttribute('data-password') ;\n this.elem_btn_password.setAttribute('data-id', elem.getAttribute('data-id'));\n this.elem_password_modal.show();\n }\n\n updatePasswordHandler(){\n let that = this;\n this.elem_btn_password.addEventListener('click', function (event){\n Utils.requestHandler('/core/api/document/'+ that.elem_btn_password.getAttribute('data-id'), Constants.REQUEST.post, {file_password: that.elem_password.value})\n .then(function (response){\n if(response.message === 'OK'){\n document.getElementById('btn_password_'+response.data.id).setAttribute('data-password', response.data.decrypted_digest);\n let closeModalButton = document.getElementById(\"document-password-modal-close\"); \n closeModalButton.click();\n Utils.showToast(response.message, 'Password updated', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n\n documentGstHandler(){\n let that = this;\n document.getElementById('btn_show_gst_numbers').addEventListener('click', function (event) {\n var modal = new bootstrap.Modal(document.getElementById('gstList'));\n modal.show();\n event.stopPropagation();\n }); \n Utils.requestHandler(\"/scf/api/onboarding/company/gst-all/\" + that.business_applicant_id, Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.documentGstInfoCards(response.data.gstins);\n that.documentGstGetOtp();\n that.documentGstSubmitOtp();\n that.toggleGstotp();\n \n // Utils.showToast(response.message, 'All linked GST fetched', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n\n toggleGstotp() {\n document.getElementById('show-hide-gst-otp').addEventListener('change', function(event) {\n let inputElement = document.getElementById('gstin_otp');\n if (event.target.checked) {\n inputElement.type = 'text';\n } else {\n inputElement.type = 'password';\n }\n });\n }\n\n documentGstInfoCards(data){\n let that = this;\n let temp = document.getElementById('gst-info-tmpl');\n let all_cards = document.getElementById('all_gst_cards')\n let rendered = data.map(function (row){\n let d = {\n gstin: row.gstin,\n state: row.state\n } \n return Mustache.render(temp.innerHTML, d);\n })\n\n all_cards.innerHTML = '';\n rendered.forEach(row => {\n all_cards.append($.parseHTML(row)[1])\n })\n let gst_modal = new bootstrap.Modal(document.getElementById('gst_modal'), {});\n let closeModalButtonSecond = document.getElementById(\"btn-gst-list-modal-close\");\n document.querySelectorAll('.gst-ph').forEach(function (item){\n item.addEventListener('click', function (event){\n event.stopPropagation();\n let gstin = item.getAttribute('data-gstin');\n document.getElementById('gst_modal').setAttribute('data-gstin', gstin);\n document.getElementById('gst-fetch-otp').setAttribute('data-gstin', gstin);\n document.getElementById('gst-submit-otp').setAttribute('data-gstin', gstin); \n closeModalButtonSecond.click();\n gst_modal.show(); \n document.getElementById('gst_modal').addEventListener('hide.bs.modal', () => {\n document.querySelectorAll('#gst_modal input[type=\"text\"], #gst_modal input[type=\"password\"]').forEach(field => {\n field.value = '';\n });\n });\n })\n })\n }\n\n documentGstGetOtp(){\n let that = this;\n \n function handleGstFetchOtp(event){\n event.stopPropagation();\n let gstin = this.getAttribute('data-gstin');\n let username = document.getElementById('gstin_username');\n if(!username.value){\n Utils.showInputError(username, 'Username is mandatory');\n return;\n }\n let body = {\n gst_username: username.value\n };\n Utils.requestHandler(\"/scf/api/application/\"+ that.scf_application_id + \"/gst-access/initiate/\" + gstin, Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n Utils.showToast('GST Access', response.data.message, Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n \n document.getElementById('gst-fetch-otp').onclick = handleGstFetchOtp;\n }\n \n documentGstSubmitOtp(){\n let that = this;\n \n function handleGstSubmitOtp(event){\n let gstin = this.getAttribute('data-gstin');\n event.stopPropagation();\n let username = document.getElementById('gstin_username');\n let otp = document.getElementById('gstin_otp');\n if(!username.value){\n Utils.showInputError(username, 'Username is mandatory');\n return;\n }\n if(!otp.value){\n Utils.showInputError(otp, 'OTP is mandatory');\n return; \n }\n let body = {\n gst_username: username.value,\n otp: otp.value\n };\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + \"/gst-access/authorize/\" + gstin, Constants.REQUEST.post, body)\n .then(function (response){\n if(response.message === 'OK'){\n let closeModalButtonMain = document.getElementById(\"gst-otp-modal-close\"); \n closeModalButtonMain.click();\n let closeModalButtonSecond = document.getElementById(\"btn-gst-list-modal-close\"); \n closeModalButtonSecond.click();\n Utils.showToast('GST Access', response.data.message, Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n });\n }\n\n document.getElementById('gst-submit-otp').onclick = handleGstSubmitOtp;\n }\n \n documentBankingHandler(){\n let that = this;\n this.editBankAccountsPanel();\n }\n\n editBankAccountsPanel(){\n let that = this;\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + '/bank-accounts', Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n response.data.bank_accounts.forEach(bank_account => {\n let abs_banking = new AbstractBanking(bank_account.id);\n abs_banking.account_number = bank_account.account_number;\n abs_banking.account_type = bank_account.account_type;\n abs_banking.account_holder = bank_account.primary_account_holder_name;\n abs_banking.verified_account_holder = bank_account.primary_account_holder_name;\n abs_banking.ifsc_code = bank_account.ifsc_code;\n abs_banking.bank_branch = bank_account.branch;\n abs_banking.bank_name = bank_account.bank_name;\n abs_banking.bank_micr = bank_account.micr_code;\n that.obj_banking.push(abs_banking);\n })\n that.bankRenderVerifiedAccounts();\n that.uploadOnboardingBankingDocuments();\n // Utils.showToast('Fetched', 'Bank Accounts', Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n bankRenderVerifiedAccounts(){\n let that = this;\n let temp = document.getElementById('banking-tr-tmpl-upload-docs');\n let ac_table = document.getElementById('verified_accounts');\n ac_table.innerHTML = null;\n this.obj_banking.forEach(function (abs_banking){\n if(abs_banking.account_holder != null && abs_banking.account_number != null){\n let rend_row = Mustache.render(temp.innerHTML, abs_banking);\n ac_table.append($.parseHTML(rend_row)[1]); \n }\n })\n \n }\n\n documentCpHandler(){\n let that = this;\n that.renderVerifiedCpInTable();\n }\n\n renderVerifiedCpInTable(){\n let that = this;\n Utils.requestHandler('/scf/api/application/'+that.scf_application_id+'/counter-parties', Constants.REQUEST.get)\n .then(function (response){\n if(response.message === 'OK'){\n let tmpl = document.getElementById('cp-row-doc-upload-tmpl');\n let dx = document.getElementById('verified_cps');\n dx.innerHTML = null;\n response.data.counter_parties.forEach(function (dd){\n dd.vintage = Utils.formatTimeRelative(dd.vintage);\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n })\n that.uploadOnboardingCpDocuments();\n }else{\n // Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n \n }\n\n uploadOnboardingCpDocuments() {\n let that = this;\n const buttons = document.querySelectorAll('button[id^=\"btn_cp_file_upload\"]');\n \n buttons.forEach(button => {\n const cp_id = button.getAttribute('cp-id');\n const buttonId = button.id;\n const documentPreview = document.querySelector(`[cp-id=\"${cp_id}_preview\"][id=\"${buttonId}_preview\"]`);\n DocumentUtils.bindInputElement(button);\n DocumentUtils.showOfflinePreview(button, documentPreview);\n const inp_elem = button.parentElement.querySelector('.file-input');\n let file_code;\n\n inp_elem.addEventListener('change', function () {\n if (inp_elem.files.length >= 1) {\n let more_params = {};\n more_params.cp_id = cp_id;\n more_params.document_for = \"CounterParty\";\n\n file_code = buttonId.substring(\"btn_cp_file_upload_\".length);\n let url = `/scf/api/application/${that.scf_application_id}/document/upload/${file_code}`;\n DocumentUtils.uploadOnElementTrigger(inp_elem, inp_elem, url, more_params);\n setTimeout(function() {\n that.renderDocuments();\n }, 5000);\n inp_elem.value = '';\n }\n });\n });\n }\n\n bankStatementUploadHandler(id){\n let data = {\n documents: {bank_statement_1: []},\n ref: {\n bank_statement_1: {\n set_key: \"bank_statement_1\",\n set_name: \"Bank Statement\",\n set_value: {\n title: \"Bank Statement\",\n desc: \"Bank Statement for last 6 months\",\n ext: [\"pdf\"]\n }\n } \n }\n }\n\n let that = this;\n let tmpl = document.getElementById('doc-tmpl');\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n this.elem_banking_modal_body.innerHTML = '';\n let grped_data = data.documents;\n for(let dtype in grped_data){\n let d = that.transformDocumentData(data.ref[dtype], grped_data[dtype][0]);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n that.elem_banking_modal_body.append($.parseHTML(rendered)[1]);\n let prev = document.getElementById('prev-'+dtype);\n let url = '/scf/api/application/' + that.scf_application_id + '/document/upload/bank_statement';\n let action_element = document.getElementById('btn_upload_'+dtype);\n let metadata = {\n \"data-bank-account\": id,\n }\n DocumentUtils.bindInputElement(action_element);\n DocumentUtils.uploadFiles(action_element, url, metadata);\n that.showUploadPreview(action_element);\n grped_data[dtype].forEach(function (doc_data){\n let d1 = that.transformPreviewData(doc_data);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.append($.parseHTML(rend)[1]);\n })\n }\n document.querySelectorAll('.btn-doc-password').forEach(function (elem){\n elem.addEventListener('click', function (){\n that.passwordHandler(elem);\n })\n })\n }\n\n documentAadhaarHandler(){\n let that = this;\n let company_type = document.getElementById('company_pan_type');\n if(!company_type.value || (company_type.value != \"sole_proprietorship\")){\n return\n }\n that.documentAadhaarInfoCards();\n that.documentAadhaarGetOtp();\n that.documentAadhaarSubmitOtp();\n }\n\n documentPromoterHandler(){\n let that = this;\n that.addPromoterDocumentInputFields();\n }\n\n addPromoterDocumentInputFields(){\n let that = this\n let promoterDocUploadSection = document.getElementById('promoterDocUploadTarget');\n Utils.requestHandler(\"/scf/api/onboarding/company/directors/\" + that.business_applicant_id, Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n promoterDocUploadSection.innerHTML = '';\n response.data.forEach(item => {\n const fullName = item.full_name || item.din_full_name || (item.pan_first_name + ' ' + item.pan_last_name);\n const promoterId = item.id\n const template = document.getElementById('promoterDocUploadTemplate').innerHTML;\n const rendered = Mustache.render(template, { name: fullName, id: promoterId });\n promoterDocUploadSection.innerHTML += rendered;\n });\n that.uploadOnboardingPromoterDocuments();\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n\n })\n }\n\n uploadOnboardingDocuments() {\n let that = this;\n const buttons = document.querySelectorAll('button[id^=\"btn_doc_upload\"]');\n \n buttons.forEach(button => {\n const buttonId = button.id;\n const documentPreview = document.getElementById(`${buttonId}_preview`);\n DocumentUtils.bindInputElement(button);\n DocumentUtils.showOfflinePreview(button, documentPreview);\n const inp_elem = button.parentElement.querySelector('.file-input');\n const selectField = document.getElementById(`${buttonId}_select`);\n let file_code;\n \n inp_elem.addEventListener('change', function () {\n if (inp_elem.files.length >= 1) {\n if (selectField) {\n const selectedOption = selectField.options[selectField.selectedIndex];\n file_code = selectedOption.value;\n if(file_code===\"Select Type\"){\n documentPreview.innerHTML = \"\";\n }\n } else {\n file_code = buttonId.substring(\"btn_doc_upload_\".length);\n }\n let url = `/scf/api/application/${that.scf_application_id}/document/upload/${file_code}`;\n DocumentUtils.uploadOnElementTrigger(inp_elem, inp_elem, url);\n setTimeout(function() {\n that.renderDocuments();\n }, 5000);\n if (file_code.startsWith(\"financial_statements_\")){\n button.innerHTML = \"Upload More\";\n }\n inp_elem.value = '';\n }\n });\n });\n }\n\n uploadOnboardingBankingDocuments() {\n let that = this;\n const buttons = document.querySelectorAll('.upload-bank-statement');\n buttons.forEach(button => {\n const buttonId = button.id;\n const documentPreview = document.getElementById(`${buttonId}_preview`);\n DocumentUtils.bindInputElement(button);\n DocumentUtils.showOfflinePreview(button, documentPreview);\n const inp_elem = button.parentElement.querySelector('.file-input');\n const bankAccountNumber = button.getAttribute(\"data_bank_account_number\");\n inp_elem.addEventListener('change', function () {\n if (inp_elem.files.length >= 1) {\n let pdf_password_modal = new bootstrap.Modal(document.getElementById('pdf_password_modal'), {});\n pdf_password_modal.show(); \n document.getElementById('pdf_password_modal').addEventListener('hide.bs.modal', () => {\n document.querySelectorAll('#pdf_password_modal input[type=\"text\"]').forEach(field => {\n field.value = '';\n });\n });\n document.getElementById('statement-password-submit').addEventListener('click', function() {\n let url = `/scf/api/application/${that.scf_application_id}/document/upload/bank_statement`;\n let metadata = {\n \"data_bank_account_number\": bankAccountNumber,\n \"file_password\": document.getElementById('pdf_password').value\n }\n DocumentUtils.uploadOnElementTrigger(inp_elem, inp_elem, url, metadata);\n setTimeout(function() {\n that.renderDocuments();\n }, 5000);\n button.innerHTML = \"Upload More\";\n inp_elem.value = '';\n document.getElementById('pdf_password_modal').addEventListener('hide.bs.modal', () => {\n document.querySelectorAll('#pdf_password_modal input[type=\"text\"]').forEach(field => {\n field.value = '';\n });\n });\n pdf_password_modal.hide(); \n })\n }\n });\n });\n }\n\n uploadOnboardingPromoterDocuments() {\n let that = this;\n const buttons = document.querySelectorAll('button[id^=\"btn_file_upload\"]');\n \n buttons.forEach(button => {\n const promoter_id = button.getAttribute('promoter-id');\n const buttonId = button.id;\n const documentPreview = document.querySelector(`[promoter-id=\"${promoter_id}_preview\"][id=\"${buttonId}_preview\"]`);\n DocumentUtils.bindInputElement(button);\n DocumentUtils.showOfflinePreview(button, documentPreview);\n const inp_elem = button.parentElement.querySelector('.file-input');\n const selectField = document.querySelector(`[promoter-id=\"${promoter_id}_select\"][id=\"${buttonId}_select\"]`); \n let file_code;\n \n inp_elem.addEventListener('change', function () {\n if (inp_elem.files.length >= 1) {\n let more_params = {};\n more_params.promoter_id = promoter_id;\n more_params.document_for = \"promoter\";\n if (selectField) {\n const selectedOption = selectField.options[selectField.selectedIndex];\n file_code = selectedOption.value;\n if(file_code===\"Select Type\"){\n documentPreview.innerHTML = \"\";\n }\n } else {\n file_code = buttonId.substring(\"btn_file_upload_\".length);\n }\n let url = `/scf/api/application/${that.scf_application_id}/document/upload/${file_code}`;\n DocumentUtils.uploadOnElementTrigger(inp_elem, inp_elem, url, more_params);\n setTimeout(function() {\n that.renderDocuments();\n }, 5000);\n inp_elem.value = '';\n }\n });\n });\n }\n \n documentAadhaarInfoCards(){\n let that = this;\n let temp = document.getElementById('aadhaar-info-tmpl');\n let all_cards = document.getElementById('aadhaar_card');\n let rendered = Mustache.render(temp.innerHTML, {aadhaar: '123412341234'});\n all_cards.innerHTML = '';\n all_cards.append($.parseHTML(rendered)[1]);\n \n let aadhaar_modal = new bootstrap.Modal(document.getElementById('aadhaar_modal'), {});\n document.querySelectorAll('.aadhaar-ph').forEach(function (item){\n item.addEventListener('click', function (event){\n event.stopPropagation();\n aadhaar_modal.show();\n })\n })\n }\n\n documentAadhaarGetOtp(){\n let that = this;\n document.getElementById('aadhaar-fetch-otp').addEventListener('click', function (event){\n event.stopPropagation();\n let aadhaar = document.getElementById('aadhaar');\n if(!aadhaar.value || (aadhaar.value && aadhaar.value.length != 12)){\n Utils.showInputError(aadhaar, 'Aadhaar is mandatory/wrong');\n return;\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + \"/aadhaar-access/\" + aadhaar.value + \"/initiate\", Constants.REQUEST.post, {})\n .then(function (response){\n if(response.message === 'OK'){\n Utils.showToast('Aadhaar OTP sent to linked number', response.data.message, Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n })\n \n })\n }\n\n documentAadhaarSubmitOtp(){\n let that = this;\n document.getElementById('aadhaar-submit-otp').addEventListener('click', function (){\n let aadhaar = document.getElementById('aadhaar');\n let otp = document.getElementById('aadhaar_otp');\n if(!aadhaar.value){\n Utils.showInputError(aadhaar, 'Aadhaar is mandatory');\n return;\n }\n if(!otp.value){\n Utils.showInputError(otp, 'OTP is mandatory');\n return; \n }\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n Utils.requestHandler(\"/scf/api/application/\" + that.scf_application_id + \"/aadhaar-access/\" + aadhaar.value + \"/authorize\", Constants.REQUEST.post, {\"otp\": otp.value})\n .then(function (response){\n if(response.message === 'OK'){\n Utils.showToast('Aadhaar XML downloaded', response.data.message, Constants.TOAST.success);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n })\n })\n }\n\n\n\n}\n\n\n\n","import { Utils } from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\n\nexport class ScfInvoiceDashboard {\n\n constructor() {\n Utils.pageSanityHandler();\n }\n\n handler() {\n this.dtHandler();\n }\n\n mainTableTransformer(data) {\n data.formatted_created_at = Utils.formatTime(data.created_at);\n data.formatted_updated_at = Utils.formatTimeRelative(data.updated_at);\n data.total_invoice_value = data.total_invoice_value ? data.total_invoice_value.toLocaleString('en-IN') : \"NA\";\n data.formatted_due_date = data.due_date ? Utils.formatDate(data.due_date) : 'NA';\n data.formatted_due_date_relative = data.due_date ? Utils.formatTimeRelative(data.due_date) : 'NA';\n let badge_invoice_state = { \"finance_requested\": \"bg-warning\", \"verified\": \"bg-info\", \"buyer_approved\": \"bg-success\", \"buyer_rejected\": \"bg-danger\", \"flexi_approved\": \"bg-success\", \"flexi_rejected\": \"bg-danger\", \"sent_to_checker\": \"bg-info\", \"sent_for_ddr\": \"bg-info\", \"rejected_from_ddr\": \"bg-danger\", \"lender_sanctioned\": \"bg-success\", \"lender_rejected\": \"bg-danger\", \"lender_disbursed\": \"bg-success\", \"duplicate\": \"bg-warning\", \"closed\": \"bg-secondary\" };\n data.badge_invoice_status = badge_invoice_state[data.status];\n data.status = Utils.capitalizeFirstLetter(data.status.split('_').join(' '));\n data.formatted_purpose = Utils.capitalizeFirstLetter(data.purpose.split('_').join(' '));\n data.badge_purpose = 'badge-primary';\n if (data.purpose === 'finance') {\n data.badge_purpose = 'badge-green';\n }\n\n return data;\n }\n\n dtHandler() {\n let table_container_id = '#dt-table-application';\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/scf/api/invoices',\n Constants.REQUEST.get,\n {},\n 'dt-main-tmpl',\n this.mainTableTransformer,\n 'data',\n {});\n }\n\n}\n\nexport class ScfDueInvoiceDashboard {\n constructor() {\n Utils.pageSanityHandler();\n }\n\n handler() {\n this.dtHandler();\n }\n\n mainTableTransformer(data) {\n data.other_charges = data.other_charges.toFixed(2);\n\n const today = new Date();\n const dueDateParts = data.due_date.split('-'); // Assume dd-mm-yyyy format\n const dueDate = new Date(dueDateParts[2], dueDateParts[1] - 1, dueDateParts[0]);\n const isPastDue = dueDate < today;\n const isTodayOrFutureDue = dueDate >= today;\n\n data.due_date_badge = \"bg-warning\"\n if (isPastDue) {\n data.due_date_badge = \"bg-danger\";\n }\n\n // Calculate the difference in days\n const diffTime = dueDate - today;\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); // Convert milliseconds to days\n\n // Add overdue or pending days information\n if (diffDays < 0) {\n data.overdue_days = Math.abs(diffDays); // Overdue days (positive number)\n data.due_status_message = `${Math.abs(diffDays)} days overdue`;\n } else {\n data.pending_days = diffDays; // Days remaining (positive number)\n data.due_status_message = `Due in ${diffDays} days`;\n }\n return data;\n }\n\n dtHandler() {\n let table_container_id = '#dt-table-application';\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/scf/api/invoice/due-invoices',\n Constants.REQUEST.get,\n {},\n 'dt-due-invoice-main-tmpl',\n this.mainTableTransformer,\n 'data',\n {});\n }\n}\n","import {Utils} from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from 'mustache';\n\nexport default class ScfPreApproval{\n\n constructor(){\n let that = this;\n that.checkZipcodeEligibility();\n }\n\n validateParams(){\n let pass = true;\n if(!this.elem_company_cred_period.value){\n Utils.showInputError(this.elem_company_cred_period, 'Credit period is mandatory');\n pass = false;\n }\n if(!this.elem_company_zipcode_pre.value){\n Utils.showInputError(this.elem_company_zipcode_pre, 'Pincode is mandatory');\n pass = false;\n }\n if(!Utils.validatorZipcode(this.elem_company_zipcode_pre.value)){\n Utils.showInputError(this.elem_company_zipcode_pre, 'Incorrect Pincode');\n pass = false;\n }\n return pass\n }\n\n calculateAmount(){\n let that = this;\n document.getElementById('btn-submit-pre-offer').addEventListener('click', function (){\n if(that.validateParams()){\n that.elem_pre_app_amount_div.classList.remove('no-display');\n that.elem_company_pre_amount.innerText = Utils.indianRepresentation(that.preApprovalFormula());\n }\n })\n }\n\n preApprovalFormula(){\n return 100000 * parseInt(this.elem_company_m_sales_inp.value) * (this.elem_company_cred_period.value) * 1.25/30;\n }\n\n checkZipcodeEligibility(){\n\n Utils.requestHandler(\"/scf/api/application/\" + document.getElementById('scf_application_id').value, Constants.REQUEST.get)\n .then(function (response){\n if(response.message === 'OK'){\n const zipcode_allowed = response.data.scf_application.serving_zipcode;\n if (zipcode_allowed){\n document.getElementById('success_indicative_offer').classList.remove('d-none');\n document.getElementById('Build your Application_onb_module').classList.remove('d-none');\n } else {\n document.getElementById('fail_indicative_offer').classList.remove('d-none');\n }\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n\n }\n\n}","import {Utils} from \"../core/utils\";\nimport * as Constants from \"../core/constants\";\nimport Mustache from 'mustache';\n\nclass LanDetails {\n constructor(){\n this.elem_lan_details = document.getElementById('div_lan_details');\n this.elem_sub_lan_details = document.getElementById('div_sub_lan_details');\n }\n\n transformSubLanDetails(data){\n data.principal_amount = data.principal_amount == null ? \"N/A\" : data.principal_amount.toLocaleString('en-IN');\n data.dpd = data.dpd == null ? \"N/A\" : data.dpd;\n data.total_paid = data.total_paid == null ? \"N/A\" : data.total_paid.toLocaleString('en-IN');\n data.interest = data.interest == null ? \"N/A\" : data.interest;\n data.loan_sanction_date = data.loan_sanction_date == null ? \"N/A\" : data.loan_sanction_date;\n data.loan_start_date = data.loan_start_date == null ? \"N/A\" : data.loan_start_date;\n data.loan_end_date = data.loan_end_date == null ? \"N/A\" : data.loan_end_date;\n return data;\n }\n}\n\nexport class CollectionApplicationHandler{\n\tconstructor(){\n this.lan_id = document.getElementById('lan_id');\n this.sub_lan_id = document.getElementById('sub_lan_id');\n\t}\n\n\thandlerDashboard(){\n\t\tthis.dtHandler();\n Utils.pageSanityHandler();\n\n\t}\n\n handlerDetails(){\n Utils.initializePagers('app-pager-parent');\n this.getLan();\n this.getSubLan();\n this.emiScheduleTableHandler();\n this.emiPaymentsTableHandler();\n this.ledgerTableHandler();\n Utils.pageSanityHandler();\n }\n\n\tmainTableTransformer(data){\n data.total_paid = data.total_paid == null ? \"N/A\" : data.total_paid.toLocaleString('en-IN');\n data.total_due = data.total_due == null ? \"N/A\" : data.total_due.toLocaleString('en-IN');\n data.dpd = data.dpd == null ? 0 : data.dpd;\n data.created_at = Utils.formatTimeRelative(data.created_at);\n return data;\n }\n\n dtHandler(){\n let table_container_id = '#dt-table-application'\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/collections/api/lan_applications',\n Constants.REQUEST.get,\n {},\n 'dt-main-tmpl',\n this.mainTableTransformer,\n 'data',\n {business_application_id: 'Application ID',\n business_applicant_name: 'Applicant'});\n }\n\n getLan(){\n let that = this;\n Utils.requestHandler('/collections/api/lan_applications/' + that.lan_id.value, Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderLanDetails(response.data);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n }\n\n renderLanDetails(data){\n const that = this;\n let elem_lan_details = document.getElementById('div_lan_details');\n let tmpl = document.getElementById('lan-details-tmpl');\n let rendered = Mustache.render(tmpl.innerHTML, data);\n elem_lan_details.append($.parseHTML(rendered)[1]);\n }\n\n\n getSubLan(){\n let that = this;\n document.getElementById('nav-sub-lan').addEventListener('click', function(){\n Utils.requestHandler('/collections/api/lan_applications/' + that.lan_id.value + '/sub-lan/' + that.sub_lan_id.value, Constants.REQUEST.get, {})\n .then(function (response){\n if(response.message === 'OK'){\n that.renderSubLanDetails(response.data);\n }else{\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n });\n }\n\n transformSubLanDetails(data){\n data.principal_amount = data.principal_amount == null ? \"N/A\" : data.principal_amount.toLocaleString('en-IN');\n data.dpd = data.dpd == null ? \"N/A\" : data.dpd;\n data.total_paid = data.total_paid == null ? \"N/A\" : data.total_paid.toLocaleString('en-IN');\n data.interest = data.interest == null ? \"N/A\" : data.interest;\n data.loan_sanction_date = data.loan_sanction_date == null ? \"N/A\" : data.loan_sanction_date;\n data.loan_start_date = data.loan_start_date == null ? \"N/A\" : data.loan_start_date;\n data.loan_end_date = data.loan_end_date == null ? \"N/A\" : data.loan_end_date;\n return data;\n }\n\n renderSubLanDetails(data){\n const that = this;\n let elem_sub_lan_details = document.getElementById('div_sub_lan_details');\n let tmpl = document.getElementById('sub-lan-details-tmpl');\n let d = that.transformSubLanDetails(data);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n elem_sub_lan_details.innerHTML = '';\n elem_sub_lan_details.append($.parseHTML(rendered)[1]);\n }\n\n emiScheduleTableTransformer(data){\n data.interest = data.interest == null ? \"N/A\" : data.interest;\n data.due_date = data.due_date == null ? \"N/A\" : Utils.formatTimeRelative(data.due_date);\n data.status = data.status == null ? \"N/A\" : data.status;\n data.principal_amount = data.principal_amount == null ? \"N/A\" : data.principal_amount.toLocaleString('en-IN');\n data.due_date = data.due_date == null ? \"N/A\" : Utils.formatTimeRelative(data.due_date);\n return data;\n }\n\n emiScheduleTableHandler(){\n let that = this;\n document.getElementById('nav-emi-schedule').addEventListener('click', function(){\n let table_container_id = '#dt-table-emi-schedule';\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/collections/api/lan_applications/' + that.lan_id.value + '/sub-lan/' + that.sub_lan_id.value + '/emi-schedule',\n Constants.REQUEST.get,\n {},\n 'dt-emi-schedule-tmpl',\n this.emiScheduleTableTransformer,\n 'emi_schedule',\n {});\n });\n }\n\n emiPaymentsTableTransformer(data){\n data.amount_paid = data.amount_paid == null ? \"N/A\" : data.amount_paid.toLocaleString('en-IN');\n data.paid_on = Utils.formatTimeRelative(data.paid_on);\n data.payment_mode = data.payment_mode == null ? \"N/A\" : data.payment_mode;\n data.source = data.source == null ? \"N/A\" : data.source;\n data.client_ref_id = data.client_ref_id == null ? \"N/A\" : data.client_ref_id;\n return data;\n }\n\n emiPaymentsTableHandler(){\n let that = this;\n document.getElementById('nav-emi-payments').addEventListener('click', function(){\n let table_container_id = '#dt-table-emi-payments'\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/collections/api/lan_applications/' + that.lan_id.value + '/sub-lan/' + that.sub_lan_id.value + '/emi-payments',\n Constants.REQUEST.get,\n {},\n 'dt-emi-payments-tmpl',\n that.emiPaymentsTableTransformer,\n 'data',\n {});\n });\n } \n\n ledgerTableTransformer(data){\n const that = this;\n data.principal_amount = data.principal_amount == null ? \"N/A\" : data.principal_amount.toLocaleString('en-IN');\n data.interest = data.interest == null ? \"N/A\" : data.interest.toLocaleString('en-IN');\n data.charges = data.charges == null ? \"N/A\" : data.charges.toLocaleString('en-IN');\n data.debit = data.debit == null ? \"N/A\" : data.debit.toLocaleString('en-IN');\n data.credit = data.credit == null ? \"N/A\" : data.credit.toLocaleString('en-IN');\n data.updated_at = data.updated_at == null ? \"N/A\" : Utils.formatTimeRelative(data.updated_at);\n return data;\n }\n\n ledgerTableHandler(){\n let that = this;\n document.getElementById('nav-emi-ledgers').addEventListener('click', function(){\n let table_container_id = '#dt-table-ledgers'\n let dt_instance = Utils.renderDataTable(table_container_id + '> table');\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n '/collections/api/lan_applications/' + that.lan_id.value + '/sub-lan/' + that.sub_lan_id.value + '/ledgers',\n Constants.REQUEST.get,\n {},\n 'dt-ledgers-tmpl',\n that.ledgerTableTransformer,\n 'data',\n {});\n });\n }\n\n}\n\n\n\ndocument.addEventListener(\"turbolinks:load\", function() {\n let path = window.location.pathname;\n if(path.startsWith(\"/collections/lan/details\")){\n new CollectionApplicationHandler().handlerDetails();\n } else if(path.startsWith(\"/collections/lan\")){\n new CollectionApplicationHandler().handlerDashboard();\n \n }\n});","import { DocumentUtils, Utils } from \"../../core/utils\";\nimport * as Constants from \"../../core/constants\";\nimport Mustache from \"mustache\";\nimport Moment from \"moment\";\nimport { ENVIRONMENT, PROFILE_REDIRECT } from \"../../core/constants\";\nimport ScfAppPanelDocument from \"./scf_app_panel_document\";\nimport ScfAppPanelInvoice from \"./scf_app_panel_invoice\";\nimport ScfAppApplicationPanel from \"./scf_app_application_panel\";\nimport ScfAppAnalysisCrimeCheck from \"./scf_app_analysis_crime_check\";\nimport ScfAppAnalysisBanking from \"./scf_app_analysis_banking\";\nimport ScfPanelLenderApplication from \"./scf_app_panel_lender\";\nimport ScfAppPanelLenderDecision from \"./scf_app_panel_decision\";\nimport ScfAppPanelDedupe from \"./scf_app_panel_dedupe\";\nimport { ScfPermission } from \"../scf_auth_handler\";\n\n\n\nexport class ScfApplicationDashboard {\n constructor() {\n Utils.pageSanityHandler();\n }\n\n handler() {\n this.dtHandler();\n this.statusClickHandler();\n }\n\n statusClickHandler() {\n document.querySelector(\"#dt-table-application\").addEventListener(\"click\", (event) => {\n if (event.target.classList.contains(\"status-btn\")) {\n const remark = event.target.getAttribute(\"data-remark\") || \"No remark available\";\n alert(remark);\n }\n });\n }\n\n\n mainTableTransformer(data) {\n data.application_details_link = \"/scf/application/details/\" + data.id;\n data.required_amount = data.required_amount.toLocaleString(\"en-IN\");\n data.formatted_created_at = Utils.formatTimeRelative(data.created_at);\n data.created_at_ago = Utils.formatTimeRelative(data.created_at);\n data.formatted_updated_at = Utils.formatTimeRelative(data.updated_at);\n data.sales_manager_name = data.sales_manager_name || \"NA\";\n data.credit_manager_name = data.credit_manager_name || \"NA\";\n data.status_human = Utils.capitalizeFirstLetter(\n data.status.split(\"_\").join(\" \")\n );\n if (data.status === 'approved' || data.status === 'lender_approved') {\n data.status_color = 'bg-success';\n } else if (data.status === 'rejected' || data.status === 'application_rejected' || data.status === 'lender_rejected') {\n data.status_color = 'bg-danger';\n } else if (data.status === 'application_created') {\n data.status_color = 'bg-warning';\n } else {\n data.status_color = 'bg-secondary';\n }\n return data;\n }\n\n dtHandler() {\n let table_container_id = \"#dt-table-application\";\n let dt_instance = Utils.renderDataTable(table_container_id + \"> table\");\n Utils.initializeDataTable(\n table_container_id,\n dt_instance,\n \"/scf/api/applications\",\n Constants.REQUEST.get,\n {},\n \"dt-main-tmpl\",\n this.mainTableTransformer,\n \"data\",\n {\n business_application_id: \"Application ID\",\n business_applicant_name: \"Applicant\",\n }\n );\n }\n}\n\nexport class ScfApplicationDetails {\n constructor() {\n Utils.pageSanityHandler();\n Utils.initializePagers(\"app-pager-parent\");\n }\n\n handler() {\n this.userWisePanelHandler();\n new ScfAppApplicationPanel();\n new ScfAppPanelDocument();\n new ScfAppPanelInvoice();\n new ScfAppPanelDedupe();\n new PanelAnalysis();\n new ScfPanelLenderApplication();\n if (ScfPermission.isScfLender()) {\n new ScfAppPanelLenderDecision();\n }\n new PanelCounterParties();\n new PanelPd();\n new PanelGstin();\n new PanelDomainEmail();\n new PanelDecision();\n new UdhyamAadhar();\n new Eligibility();\n new LoanTransaction();\n new SalesPerson();\n new TagBranch()\n this.attachProfileButtonHandler();\n }\n\n userWisePanelHandler() {\n if (ScfPermission.isScfBorrower()) {\n document\n .getElementById(\"app-pager-parent\")\n .querySelectorAll(\".pager-items\")\n .forEach((element) => {\n element.classList.add(\"no-display\");\n });\n document.getElementById(\"nav-application\").classList.remove(\"no-display\");\n document.getElementById(\"nav-applicant\").classList.remove(\"no-display\");\n document.getElementById(\"nav-counterparty\").classList.remove(\"no-display\");\n }\n // hiding fulfiilment for counterparty and borrower and lender\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty() || ScfPermission.isScfBorrower() || ScfPermission.isScfSales()) {\n document.getElementById(\"nav-panel-lenders\").classList.add(\"no-display\");\n document.getElementById(\"balance_sheet_file\").classList.add(\"no-display\");\n document.getElementById(\"btn-submit-app-decision\").classList.add(\"no-display\");\n document.getElementById(\"udyamSearchField\").classList.add(\"no-display\");\n document.getElementById(\"syncButton\").classList.add(\"no-display\");\n document.getElementById(\"btn_generate_gst_report_pdf\").classList.add(\"no-display\");\n document.getElementById(\"upload_balance_sheet\").classList.add(\"no-display\");\n document.getElementById(\"upload_financial_appraisal\").classList.add(\"no-display\");\n document.getElementById(\"download_button_hide\").classList.add(\"no-display\");\n document.getElementById(\"btn_generate_pd_pdf\").classList.add(\"no-display\");\n document.getElementById(\"btn-quest-submit\").classList.add(\"no-display\");\n document.getElementById(\"profil_button\").classList.add(\"no-display\");\n }\n // hiding counterparty add button for lender and counteryparty\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty()) {\n document.getElementById(\"btn_cp_add_modal\").classList.add(\"no-display\");\n }\n // hiding dedupe for lender and counterparty and borrower\n if (ScfPermission.isScfLender() || ScfPermission.isScfCounterparty() || ScfPermission.isScfBorrower() || ScfPermission.isScfSales()) {\n document.getElementById(\"nav-dedupe\").classList.add(\"no-display\");\n }\n //hiding for document for counterparty,borrrwer\n if (ScfPermission.isScfCounterparty() || ScfPermission.isScfBorrower()) {\n document.getElementById(\"nav-documents\").classList.add(\"no-display\");\n document.getElementById(\"nav-kyc\").classList.add(\"no-display\");\n }\n //hiding profile and application and de-duplication and kyc \n if (ScfPermission.isScfAdmin() || ScfPermission.isScfCredit()) {\n document.getElementById(\"nav-applicant\").classList.add(\"no-display\");\n document.getElementById(\"nav-application\").classList.add(\"no-display\");\n document.getElementById(\"nav-documents\").classList.add(\"no-display\");\n document.getElementById(\"nav-dedupe\").classList.add(\"no-display\");\n document.getElementById(\"nav-kyc\").classList.add(\"no-display\");\n }\n //hiding anyalysis for counterparty\n if (ScfPermission.isScfCounterparty() || ScfPermission.isScfSales()) {\n document.getElementById(\"nav-analysis-tab\").classList.add(\"no-display\");\n }\n else if (ScfPermission.isScfCounterparty()) {\n document\n .getElementById(\"app-pager-parent\")\n .querySelectorAll(\".pager-items\")\n .forEach((element) => {\n element.classList.add(\"no-display\");\n });\n document.getElementById(\"nav-application\").classList.remove(\"no-display\");\n document.getElementById(\"nav-applicant\").classList.remove(\"no-display\");\n } else if (ScfPermission.isScfAdmin()) {\n localStorage.setItem(\"pan_name\", \"\");\n localStorage.setItem(\"pan\", \"\");\n } else if (ScfPermission.isScfCredit()) {\n localStorage.setItem(\"business_applicant_id\", \"\");\n localStorage.setItem(\"pan_name\", \"\");\n localStorage.setItem(\"pan\", \"\");\n }\n }\n attachProfileButtonHandler() {\n const profileButton = document.getElementById('profil_button');\n if (profileButton) {\n profileButton.addEventListener('click', this.reactProfileUrl);\n }\n }\n reactProfileUrl() {\n const applicationId = document.getElementById('scf_application_id').value;\n if (ENVIRONMENT === 'development') {\n window.location.replace(`${PROFILE_REDIRECT}/${applicationId}`);\n } else {\n window.location.replace(`/R/application/detail/${applicationId}`);\n }\n }\n}\n\nclass PanelDomainEmail {\n constructor() {\n this.scf_application_id =\n document.getElementById(\"scf_application_id\").value;\n let that = this;\n document\n .getElementById(\"nav-domain-email\")\n .addEventListener(\"click\", function () {\n that.fetchDomainEmailData();\n });\n this.refreshDomainEmail();\n }\n\n fetchDomainEmailData() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/email-fraud-check\",\n Constants.REQUEST.get\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n let data = response.data.result[0];\n let container = document.getElementById(\"email_domain_container\"); // Assuming 'container' is a div where you want to append the table\n that.createNestedTable(data, container);\n // const dataEmailDomainMustache = that.populateEmailData(response);\n // const templateDomainEmail = document.getElementById('templateDomainEmail').innerHTML;\n // const rendered = Mustache.render(templateDomainEmail, dataEmailDomainMustache);\n // document.getElementById('targetDomainEmail').innerHTML = rendered;\n Utils.showToast(\n \"Fetched\",\n \"Domain & Email fetched\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.info\n );\n }\n })\n .then(function () { });\n }\n\n populateEmailData(json) {\n let data = {\n company: `${json[\"data\"][\"result\"][0][\"emailOwnerDetails\"]?.company} `,\n email: `${json[\"data\"][\"result\"][0][\"emailOwnerDetails\"]?.email} `,\n location: `${json[\"data\"][\"result\"][0][\"emailOwnerDetails\"]?.location} `,\n name: `${json[\"data\"][\"result\"][0][\"emailOwnerDetails\"]?.name} `,\n domainName: `${json[\"data\"][\"result\"][0][\"domainDetails\"]?.domainName} `,\n domainCountry: `${json[\"data\"][\"result\"][0][\"domainDetails\"]?.country} `,\n emailRiskAdvice: ``,\n emailRiskReason: `${json[\"data\"][\"result\"][0][\"emailAndDomainRiskDetails\"]?.reason}`,\n ipAddress: `${json[\"data\"][\"result\"][0][\"ipDetails\"]?.ipAddress} `,\n ipReputation: `${json[\"data\"][\"result\"][0][\"ipDetails\"]?.ipReputation}`,\n ipCity: `${json[\"data\"][\"result\"][0][\"ipLocationDetails\"]?.ipCity}`,\n ipRegion: `${json[\"data\"][\"result\"][0][\"ipLocationDetails\"]?.ipRegion}`,\n ipNetSpeedCell: `${json[\"data\"][\"result\"][0][\"ipDetails\"]?.ipNetSpeedCell}`,\n domainAge: `${json[\"data\"][\"result\"][0][\"emailAndDomainValidationDetails\"]?.domainAge}`,\n gravatar: `${json[\"data\"][\"result\"][0][\"socialMediaDetails\"][\"smlinks\"][0]?.link}`,\n googleSearch: `${json[\"data\"][\"result\"][0][\"socialMediaDetails\"][\"smlinks\"]?.link}`,\n twitter: `${json[\"data\"][\"result\"][0][\"socialMediaDetails\"][\"smlinks\"][3]?.link}`,\n };\n return data;\n }\n\n createNestedTable(jsonObj, parentElement) {\n let that = this;\n let table = document.createElement(\"table\");\n table.style.borderCollapse = \"collapse\";\n table.style.width = \"100%\";\n table.style.border = \"1px solid #ddd\";\n table.style.marginTop = \"20px\";\n table.style.fontFamily = \"Arial, sans-serif\";\n table.style.fontSize = \"14px\";\n\n for (let key in jsonObj) {\n if (jsonObj.hasOwnProperty(key)) {\n let tr = document.createElement(\"tr\");\n let capitalizedKey = key.replace(/([A-Z])/g, \" $1\");\n capitalizedKey = capitalizedKey.charAt(0).toUpperCase() + capitalizedKey.slice(1);\n let tdKey = document.createElement(\"td\");\n tdKey.style.border = \"1px solid #ddd\";\n tdKey.style.padding = \"8px\";\n tdKey.style.textAlign = \"left\";\n tdKey.style.backgroundColor = \"#f2f2f2\";\n tdKey.style.width = \"30%\";\n tdKey.textContent = capitalizedKey;\n let tdValue = document.createElement(\"td\");\n tdValue.style.border = \"1px solid #ddd\";\n tdValue.style.padding = \"8px\";\n tdValue.style.textAlign = \"left\";\n tdValue.style.width = \"70%\";\n if (jsonObj[key] === null || jsonObj[key] === \"\") {\n tdValue.textContent = \"Not Found\";\n tr.appendChild(tdKey);\n tr.appendChild(tdValue);\n table.appendChild(tr);\n continue;\n }\n if (typeof jsonObj[key] === \"object\") {\n if (Array.isArray(jsonObj[key])) {\n let ul = document.createElement(\"ul\");\n ul.style.padding = \"0\";\n ul.style.margin = \"0\";\n ul.style.listStyleType = \"none\";\n jsonObj[key].forEach((item) => {\n let li = document.createElement(\"li\");\n li.style.marginBottom = \"5px\";\n if (typeof item === \"object\") {\n that.createNestedTable(item, li);\n } else {\n li.textContent = item;\n }\n ul.appendChild(li);\n });\n tdValue.appendChild(ul);\n } else {\n that.createNestedTable(jsonObj[key], tdValue);\n }\n } else {\n tdValue.textContent = jsonObj[key];\n }\n\n tr.appendChild(tdKey);\n tr.appendChild(tdValue);\n table.appendChild(tr);\n }\n }\n parentElement.appendChild(table);\n }\n\n refreshDomainEmail() {\n let that = this;\n document\n .getElementById(\"btn_refresh_email_domain\")\n .addEventListener(\"click\", function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n let body = {};\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id +\n \"/email-fraud-check\",\n Constants.REQUEST.post,\n body\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n let data = response.data.result[0];\n let container = document.getElementById(\"email_domain_container\"); // Assuming 'container' is a div where you want to append the table\n that.createNestedTable(data, container);\n\n // const dataEmailDomainMustache = that.populateEmailData(response)\n // const templateDomainEmail = document.getElementById('templateDomainEmail').innerHTML;\n // const rendered = Mustache.render(templateDomainEmail, dataEmailDomainMustache);\n // document.getElementById('targetDomainEmail').innerHTML = rendered;\n Utils.showToast(\n \"Fetched\",\n \"Domain & Email fetched successfully\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n });\n }\n}\n\nclass PanelAnalysis {\n constructor() {\n this.scf_application_id = document.getElementById(\"scf_application_id\");\n Utils.navPanelHandler(\".raw-panel-link\", \".raw-panel\");\n new SubPanelAnalysisBanking();\n this.uploadBalanceSheet();\n this.renderBalanceSheet();\n new ScfAppAnalysisCrimeCheck();\n new ScfAppAnalysisBanking();\n this.elem_document_details = document.getElementById(\n \"div_document_details_balance_sheet\"\n );\n this.elem_password_modal = new bootstrap.Modal(document.getElementById('modal_doc_pass'), {});\n this.elem_password = document.getElementById('doc_password_financials');\n this.elem_btn_password = document.getElementById('btn-update-password-financials');\n this.fetchFinancialTrendline();\n this.bureauSubPanelHandler();\n this.renderUploadedBureauReport();\n this.downloadCamReport()\n }\n\n renderBalanceSheet() {\n let that = this;\n let data = new FormData();\n data.set(\"file_code[]\", \"balance_sheet\");\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id.value + \"/documents\",\n Constants.REQUEST.get,\n data\n ).then(function (response) {\n that.renderDocument(response.data);\n });\n }\n\n bureauSubPanelHandler() {\n let that = this;\n document.getElementById(\"upload_bureau_report\")\n .addEventListener(\"click\", function () {\n let elem_file = document.getElementById(\"upload_bureau_file\");\n let file = elem_file.files[0];\n if (!file) {\n Utils.showToast(\n \"Not Found\",\n \"File is mandatory\",\n Constants.TOAST.fail\n );\n return;\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n let data = new FormData();\n data.set(\"file_data\", file);\n data.set(\"file_name\", file.name);\n data.set(\"file_password\", null);\n data.set(\"file_code\", \"bureau_document\");\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id.value +\n \"/document/upload/\" +\n data.get(\"file_code\"),\n Constants.REQUEST.post,\n data\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"Document uploaded\",\n Constants.TOAST.success\n );\n setTimeout(function () {\n that.renderUploadedBureauReport();\n }, 5000);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n });\n }\n\n truncateText(text, wordLimit, charLimit) {\n let firstWords = text.slice(0, wordLimit);\n let lastChars = text.slice(-charLimit);\n if (firstWords.length + lastChars.length < text.length) {\n return `${firstWords}...${lastChars}`;\n }\n return text;\n }\n\n renderUploadedBureauReport() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id.value + \"/bureau-data\",\n Constants.REQUEST.get\n )\n .then(response => {\n let bureauSubTabs = document.getElementById('bureau-sub-tabs');\n document.getElementById('bureaudoc').srcdoc = '';\n document.getElementById('waitMessage').style.display = 'none';\n bureauSubTabs.textContent = '';\n bureauSubTabs.innerHTML = '';\n if (response.data == null) {\n document.getElementById('btn_bureau_delete').classList.add('no-display');\n } else {\n document.getElementById('btn_bureau_delete').classList.remove('no-display');\n }\n response.data.forEach((item, index) => {\n let subTabContainer = document.createElement('div');\n subTabContainer.className = 'sub-tab-container';\n\n let subTabButton = document.createElement('button');\n subTabButton.className = 'btn btn-secondary sub-tab';\n subTabButton.textContent = that.truncateText(item.name, 10, 10);\n subTabButton.title = item.name;\n subTabButton.addEventListener('click', () => {\n document.querySelectorAll('.sub-tab').forEach(tab => tab.classList.remove('active'));\n subTabButton.classList.add('active');\n document.getElementById('bureaudoc').srcdoc = item.document;\n document.getElementById('bureau_file_id').value = item.document_id;\n document.getElementById('btn_bureau_delete').setAttribute('data-id', item.document_id);\n });\n if (index === 0) {\n subTabButton.classList.add('active');\n document.getElementById('bureaudoc').srcdoc = item.document;\n document.getElementById('bureau_file_id').value = item.document_id;\n }\n subTabContainer.appendChild(subTabButton);\n bureauSubTabs.appendChild(subTabContainer);\n });\n })\n .finally(() => {\n that.deleteBureauFile();\n });\n }\n\n downloadCamReport() {\n let that = this;\n document.getElementById(\"cam_report_download\").addEventListener(\"click\", function () {\n Utils.requestHandlerDocument(\n \"/scf/api/application/\" + that.scf_application_id.value + \"/download_cam_report\",\n Constants.REQUEST.get,\n {},\n { responseType: 'blob' } // Set response type to 'blob'\n ).then(function (response) {\n if (response && response instanceof Blob && response.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {\n const url = window.URL.createObjectURL(response);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'cam_report_' + that.scf_application_id.value + '.xlsx'; // Set the file name\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n } else {\n Utils.showToast(\n \"Error\",\n \"Error found while generating CAM Report\",\n Constants.TOAST.fail\n );\n }\n }).catch(function (error) {\n Utils.showToast(\n \"Error\",\n \"An error occurred while generating the report.\",\n Constants.TOAST.fail\n );\n console.error(\"Error during GST file generation:\", error);\n });\n });\n }\n\n deleteBureauFile() {\n let that = this;\n let deleteButton = document.getElementById('btn_bureau_delete');\n let newDeleteButton = deleteButton.cloneNode(true);\n deleteButton.parentNode.replaceChild(newDeleteButton, deleteButton);\n deleteButton = newDeleteButton;\n\n deleteButton.addEventListener('click', function () {\n let confirmed = window.confirm(\"Are you sure you want to delete this document?\");\n if (confirmed) {\n let doc_id = document.getElementById('bureau_file_id').value;\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value + '/document/destroy/' + doc_id,\n Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n document.getElementById('waitMessage').style.display = 'block';\n Utils.showToast(response.message, 'Deleted', Constants.TOAST.success);\n setTimeout(function () {\n that.renderUploadedBureauReport();\n }, 5000);\n } else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n });\n }\n });\n }\n\n\n renderUploadedDocuments() {\n let that = this;\n document\n .getElementById(\"nav-documents\")\n .addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id.value +\n \"/documents\",\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n that.renderDocument(response.data);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n\n transformDocumentData(ref, last_doc) {\n let drop_ship = {};\n drop_ship.doc_title = ref.set_value.title;\n drop_ship.doc_subtitle =\n \"Last updated \" + Utils.formatTimeRelative(last_doc.updated_at);\n drop_ship.dtype = ref.set_key;\n drop_ship.ext = \"\";\n if (ref.set_value.ext) {\n drop_ship.ext = ref.set_value.ext.map(function (x) {\n return x.toUpperCase();\n });\n }\n let ext = ref.set_value.ext[0];\n if (ext && [\"jpeg\", \"jpg\", \"png\"].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-image\";\n } else if (ext && [\"xls\", \"xlsx\"].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-filetype-xls\";\n } else if (ext && [\"pdf\"].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-pdf\";\n } else {\n drop_ship.logo = \"bi-file-earmark-text\";\n }\n return drop_ship;\n }\n\n transformPreviewData(preview_data) {\n preview_data.formatted_ts = Utils.formatTime(preview_data.created_at);\n preview_data.formatted_ts_ago = Utils.formatTimeRelative(\n preview_data.created_at\n );\n preview_data.name = preview_data.id;\n return preview_data;\n }\n\n passwordHandler(elem) {\n if (elem.getAttribute('data-password') === 'null') {\n this.elem_password.value = '';\n } else {\n this.elem_password.value = elem.getAttribute('data-password');\n }\n this.elem_btn_password.setAttribute('data-id', elem.getAttribute('data-id'));\n this.elem_password_modal.show();\n }\n\n transformDocumentData(ref, last_doc) {\n let drop_ship = {}\n drop_ship.doc_title = ref.set_value.title;\n drop_ship.doc_subtitle = \"Last updated \" + Utils.formatTimeRelative(last_doc.updated_at);\n drop_ship.dtype = ref.set_key;\n drop_ship.ext = \"\";\n if (ref.set_value.ext) {\n drop_ship.ext = ref.set_value.ext.map(function (x) { return x.toUpperCase() });\n }\n let ext = ref.set_value.ext[0];\n if (ext && ['jpeg', 'jpg', 'png'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-image\";\n } else if (ext && ['xls', 'xlsx'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-filetype-xls\";\n } else if (ext && ['pdf'].includes(ext.toLowerCase())) {\n drop_ship.logo = \"bi-file-earmark-pdf\";\n } else {\n drop_ship.logo = \"bi-file-earmark-text\";\n }\n return drop_ship;\n }\n\n transformPreviewData(preview_data) {\n preview_data.formatted_ts = Utils.formatTime(preview_data.created_at);\n preview_data.formatted_ts_ago = Utils.formatTimeRelative(preview_data.created_at);\n preview_data.name = preview_data.id;\n return preview_data;\n }\n\n renderDocument(data) {\n if (data.documents.length < 1) {\n return;\n }\n let that = this;\n let tmpl = document.getElementById('doc-tmpl');\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n this.elem_document_details.innerHTML = '';\n data.documents = data.documents.sort(function (row) {\n return row.dtype;\n })\n let grped_data = Utils.groupBy(data.documents, 'file_code');\n for (let dtype in grped_data) {\n let d = that.transformDocumentData(data.ref[dtype], grped_data[dtype][0]);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n that.elem_document_details.append($.parseHTML(rendered)[1]);\n let prev = document.getElementById('prev-' + dtype);\n let url = \"/scf/api/application/\" + that.scf_application_id.value + \"/document/upload/\" + dtype;\n let action_element = document.getElementById('btn_upload_' + dtype);\n DocumentUtils.bindInputElement(action_element);\n DocumentUtils.uploadFiles(action_element, url);\n that.showUploadPreview(action_element);\n grped_data[dtype].forEach(function (doc_data) {\n let d1 = that.transformPreviewData(doc_data);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.append($.parseHTML(rend)[1]);\n })\n }\n document.querySelectorAll('.btn-doc-password').forEach(function (elem) {\n elem.addEventListener('click', function () {\n that.passwordHandler(elem);\n })\n })\n that.updatePasswordHandler();\n that.deleteDocument();\n let elements = document.querySelectorAll('#delete-button-document');\n if (ScfPermission.isScfLender()) {\n elements.forEach(function (element) {\n element.classList.add(\"no-display\");\n });\n }\n }\n\n deleteDocument() {\n let that = this;\n let elements = document.querySelectorAll('#delete-button-document');\n elements.forEach(function (element) {\n element.addEventListener('click', function (event) {\n let id = event.target.getAttribute(\"data-id\");\n let confirmed = window.confirm(\"Are you sure you want to delete this document?\")\n if (confirmed) {\n Utils.requestHandler('/scf/api/application/' + that.scf_application_id.value + '/document/destroy/' + id,\n Constants.REQUEST.get)\n .then(function (response) {\n if (response.message === 'OK') {\n element.disabled = true;\n Utils.showToast(response.message, 'Deleted', Constants.TOAST.success);\n }\n else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n })\n }\n });\n });\n }\n\n updatePasswordHandler() {\n let that = this;\n this.elem_btn_password.addEventListener('click', function () {\n Utils.requestHandler('/core/api/document/' + that.elem_btn_password.getAttribute('data-id'), Constants.REQUEST.post, { document_id: that.elem_btn_password.getAttribute('data-id'), file_password: that.elem_password.value })\n .then(function (response) {\n if (response.message === 'OK') {\n document.getElementById('btn_password_' + response.data.id).setAttribute('data-password', response.data.decrypted_digest);\n that.elem_password_modal.hide();\n Utils.showToast(response.message, 'Password updated', Constants.TOAST.success);\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n })\n }\n\n showUploadPreview(action_element) {\n let that = this;\n let p_tmpl = document.getElementById('doc-preview-tmpl');\n action_element.addEventListener('ev_document_uploaded', function () {\n let response = JSON.parse(action_element.getAttribute('data-upload-response'));\n let prev = document.getElementById('prev-' + response.file_code);\n let d1 = that.transformPreviewData(response);\n let rend = Mustache.render(p_tmpl.innerHTML, d1);\n prev.prepend($.parseHTML(rend)[1]);\n let pass_elem = document.getElementById('btn_password_' + response.id);\n pass_elem.addEventListener('click', function () {\n that.passwordHandler(pass_elem);\n })\n })\n }\n\n uploadBalanceSheet() {\n let that = this;\n document\n .getElementById(\"upload_balance_sheet\")\n .addEventListener(\"click\", function () {\n let elem_file = document.getElementById(\"balance_sheet_file\");\n let file = elem_file.files[0];\n if (!file) {\n Utils.showToast(\n \"Not Found\",\n \"File is mandatory\",\n Constants.TOAST.fail\n );\n return;\n }\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n let data = new FormData();\n data.set(\"file_data\", file);\n data.set(\"file_name\", file.name);\n data.set(\"file_password\", null);\n data.set(\"file_code\", \"balance_sheet\");\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id.value +\n \"/document/upload/\" +\n data.get(\"file_code\"),\n Constants.REQUEST.post,\n data\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"Document uploaded\",\n Constants.TOAST.success\n );\n setTimeout(function () {\n that.renderBalanceSheet();\n }, 5000);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n });\n }\n\n fetchFinancialTrendline() {\n let that = this;\n let body = {\n url: Constants.SERVICE_BASE_BACKOFFICE + \"/v2/financial-trendline\",\n req_type: \"post\",\n };\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id.value +\n \"/financial-trendline\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.data && response.data.html_data.data) {\n let data = response.data.html_data.data;\n if (response.message === \"OK\") {\n if (data.trim() === \"No files Uploaded for financial trendline\") {\n document.getElementById(\"financial-trendline\").innerHTML = '';\n }\n else {\n document.getElementById(\"financial-trendline\").innerHTML = data;\n }\n }\n }\n });\n }\n}\n\nclass SubPanelAnalysisBanking {\n constructor() {\n document\n .querySelectorAll(\".btn-banking-analysis-trigger\")\n .forEach(function (item) {\n item.addEventListener(\"click\", function () {\n Utils.showToast(\n \"Trigger\",\n \"Triggered banking analysis, will be avaliable in some time\",\n Constants.TOAST.success\n );\n });\n });\n }\n}\n\nclass PanelCounterParties {\n\n constructor() {\n this.application_id = document.getElementById('scf_application_id').value;\n this.elem_pan = document.getElementById('cp_pan');\n this.elem_mobile = document.getElementById('cp_mobile');\n this.elem_email = document.getElementById('cp_email');\n this.elem_name = document.getElementById('cp_name');\n this.elem_cp_extra_input_fields = document.getElementById('cp_extra_input_fields');\n this.elem_cp_vintage_month = document.getElementById('cp_vintage_month_select');\n this.elem_cp_payment_term = document.getElementById('counter_party_payment_terms');\n this.elem_cp_vintage_year = document.getElementById('cp_vintage_year_select');\n this.elem_cp_contact_person_name = document.getElementById('cp_contact_person_name');\n this.elem_cp_contact_person_number = document.getElementById('cp_contact_person_number');\n this.elem_cp_contact_person_email = document.getElementById('cp_contact_person_email');\n this.elem_cp_contact_person_designation = document.getElementById('cp_contact_person_designation');\n this.elem_btn_cp_submit = document.getElementById('btn-cp-submit');\n this.elem_btn_cp_validate = document.getElementById('btn-cp-validate');\n this.elem_pan.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_mobile.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_email.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_vintage_month.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_payment_term.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_vintage_year.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_contact_person_designation.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_contact_person_name.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_contact_person_number.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.elem_cp_contact_person_email.addEventListener('input', function () {\n Utils.reInput(this);\n })\n this.cp_modal = new bootstrap.Modal(document.getElementById('modal_cp_add'), {});\n let that = this;\n that.fetchCounterParties();\n that.openModalAddCounterParty();\n that.createCp();\n that.getNameFromPan();\n that.approveCounterParty();\n that.fillCpVintageField();\n }\n\n fillCpVintageField() {\n let yearSelect = document.getElementById(\"cp_vintage_year_select\");\n let currentYear = new Date().getFullYear();\n for (let i = currentYear; i >= currentYear - 30; i--) {\n let option = document.createElement(\"option\");\n option.text = i;\n option.value = i;\n yearSelect.add(option);\n }\n }\n\n approveCounterParty() {\n let that = this;\n // document.getElementById('btn_cp_approve').addEventListener('click',function(){\n // let cpIds =[];\n // let body={\n // cp_ids:cpIds\n // }\n // let selectedCheckbox=document.querySelectorAll('.approve-cp:checked');\n // selectedCheckbox.forEach(function(checkbox){\n // cpIds.push(checkbox.value);\n // })\n // Utils.requestHandler('/scf/api/counter_party/approve-cp',Constants.REQUEST.post,body)\n // .then(function(response){\n // if(response.message==='OK'){\n // Utils.showToast('Approved','Counterparty approved successfully', Constants.TOAST.success);\n // }else{\n // Utils.showToast('Error', 'Select at least one counterparty to approve', Constants.TOAST.fail);\n // }\n // })\n // })\n }\n\n openModalAddCounterParty() {\n this.cp_modal = new bootstrap.Modal(document.getElementById('modal_cp_add'), {});\n document.getElementById('btn_cp_add_modal').addEventListener('click', () => {\n this.cp_modal.show();\n this.elem_pan.removeAttribute('readonly');\n this.elem_mobile.removeAttribute('readonly');\n this.elem_email.removeAttribute('readonly');\n this.elem_cp_extra_input_fields.classList.add('d-none');\n this.elem_btn_cp_submit.classList.add('no-display');\n this.elem_btn_cp_validate.classList.remove('no-display');\n this.elem_name.innerHTML = '-'\n this.elem_pan.value = '';\n this.elem_mobile.value = '';\n this.elem_email.value = '';\n this.elem_cp_vintage_year.value = '';\n this.elem_cp_vintage_month.value = '';\n this.elem_cp_payment_term.value = '';\n this.elem_cp_contact_person_name.value = '';\n this.elem_cp_contact_person_number.value = '';\n this.elem_cp_contact_person_email.value = '';\n this.elem_cp_contact_person_designation.value = '';\n this.elem_pan.classList.remove('back-grey');\n this.elem_mobile.classList.remove('back-grey');\n });\n }\n\n\n getNameFromPan() {\n let that = this;\n document.getElementById('btn-cp-validate').addEventListener('click', function () {\n let elem_btn = this;\n Utils.buttonWithLoader(elem_btn, Constants.ELEMENT_STATE.show);\n let body = {\n pan: that.elem_pan.value,\n scf_application_id: document.getElementById(\"scf_application_id\").value\n }\n Utils.requestHandler('/scf/api/counter_party/name', Constants.REQUEST.post, body)\n .then(function (response) {\n if (response.message == 'OK') {\n that.elem_name.setAttribute('data-name', response.data.full_name);\n that.elem_name.innerHTML = response.data.full_name;\n that.elem_cp_extra_input_fields.classList.remove('d-none');\n if (that.elem_pan.value) {\n that.elem_pan.setAttribute('readonly', true);\n that.elem_pan.classList.add('readonly-input');\n }\n Utils.buttonWithLoader(elem_btn, Constants.ELEMENT_STATE.hide);\n elem_btn.classList.add('no-display');\n that.elem_btn_cp_submit.classList.remove('no-display');\n if (response.data.applicant_present == true) {\n that.elem_mobile.value = response.data.mobile;\n that.elem_email.value = response.data.email;\n that.elem_mobile.setAttribute('readonly', true);\n that.elem_email.setAttribute('readonly', true);\n that.elem_email.classList.add('back-grey');\n that.elem_mobile.classList.add('back-grey');\n }\n Utils.showToast('Fetched', 'Pan fetched successfully', Constants.TOAST.success);\n } else {\n Utils.buttonWithLoader(elem_btn, Constants.ELEMENT_STATE.hide);\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n }\n })\n .then(function () {\n\n })\n\n })\n }\n\n\n createCp() {\n let that = this;\n this.elem_btn_cp_submit.addEventListener(\"click\", function () {\n let elem_btn = this;\n let elem_btn_cp_validate = document.getElementById(\"btn-cp-validate\");\n if (that.validateValues()) {\n Utils.buttonWithLoader(elem_btn, Constants.ELEMENT_STATE.show);\n let body = {\n pan: that.elem_pan.value,\n pan_name: that.elem_name.getAttribute(\"data-name\"),\n scf_application_id: that.application_id,\n email: that.elem_email.value,\n mobile: that.elem_mobile.value,\n vintage_month: that.elem_cp_vintage_month.value,\n payment_term: that.elem_cp_payment_term.value,\n vintage_year: that.elem_cp_vintage_year.value,\n contact_person_name: that.elem_cp_contact_person_name.value,\n contact_person_number: that.elem_cp_contact_person_number.value,\n contact_person_email: that.elem_cp_contact_person_email.value,\n contact_person_designation: that.elem_cp_contact_person_designation.value\n };\n Utils.requestHandler(\n \"/scf/api/counter_party\",\n Constants.REQUEST.post,\n body\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n that.elem_pan.removeAttribute(\"readonly\");\n that.elem_name.innerHTML = \"-\";\n that.elem_pan.value = \"\";\n that.elem_mobile.value = \"\";\n that.elem_email.value = \"\";\n that.elem_cp_contact_person_designation.value = \"\";\n that.elem_cp_contact_person_name.value = \"\";\n that.elem_cp_contact_person_number.value = '';\n that.elem_cp_contact_person_email.value = '';\n Utils.showToast(\n \"Created\",\n \"Counterparty created\",\n Constants.TOAST.success\n );\n that.cp_modal.hide();\n return Utils.requestHandler(\n \"/scf/api/application/\" +\n that.application_id +\n \"/counter-parties\",\n Constants.REQUEST.get\n );\n } else {\n Utils.showToast(response.message, Utils.formatErrorMessage(response.errors), Constants.TOAST.fail);\n throw new Error(response.message);\n }\n })\n .then(function (response) {\n if (response.message === \"OK\") {\n that.renderCounterParties(response);\n }\n })\n .catch(function (error) {\n console.error(\"Error occurred:\", error);\n })\n .finally(function () {\n Utils.buttonWithLoader(\n that.elem_btn_cp_submit,\n Constants.ELEMENT_STATE.hide\n );\n that.elem_btn_cp_submit.classList.add(\"no-display\");\n elem_btn_cp_validate.classList.remove(\"no-display\");\n });\n }\n });\n }\n\n destroyCp() {\n let that = this;\n document.querySelectorAll('[id^=\"destroy_cp_\"]').forEach(element => {\n element.addEventListener('click', function (event) {\n event.preventDefault();\n let confirmed = window.confirm(\"Are you sure you want to delete CounterParty?\")\n if (confirmed) {\n let cp_id = this.id.split('_').slice(2).join('_');\n Utils.requestHandler('/scf/api/counter_party/' + cp_id + '/destroy-cp', Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, ' CounterParty Deleted', Constants.TOAST.success);\n that.fetchCounterParties();\n }\n else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n })\n }\n });\n });\n }\n\n\n\n\n validateValues() {\n let pass = true;\n if (!this.elem_email.value) {\n Utils.showInputError(this.elem_email, \"Email is mandatory\");\n pass = false;\n } else if (!Utils.validatorEmail(this.elem_email.value)) {\n Utils.showInputError(this.elem_email, \"Incorrect email\");\n pass = false;\n }\n if (!this.elem_mobile.value) {\n Utils.showInputError(this.elem_mobile, \"Mobile is mandatory\");\n pass = false;\n } else if (!Utils.validatorMobile(this.elem_mobile.value)) {\n Utils.showInputError(this.elem_mobile, \"Incorrect mobile number\");\n pass = false;\n }\n if (!this.elem_pan.value) {\n Utils.showInputError(this.elem_pan, \"PAN is mandatory\");\n pass = false;\n } else if (!Utils.validatorPan(this.elem_pan.value)) {\n Utils.showInputError(this.elem_pan, \"Incorrect PAN\");\n pass = false;\n }\n if (this.elem_cp_vintage_month.value == \"\") {\n Utils.showInputError(\n this.elem_cp_vintage_month,\n \"Vintage Month is mandatory\"\n );\n pass = false;\n }\n if (this.elem_cp_payment_term.value == \"\") {\n Utils.showInputError(\n this.elem_cp_payment_term,\n \"Payment term is manadatory\"\n );\n pass = false;\n }\n if (this.elem_cp_vintage_year.value == \"\") {\n Utils.showInputError(\n this.elem_cp_vintage_year,\n \"Vintage Year is mandatory\"\n );\n pass = false;\n }\n if (this.elem_cp_contact_person_designation.value == \"\") {\n Utils.showInputError(\n this.elem_cp_contact_person_designation,\n \"Contact person designation is Mandatory\"\n );\n pass = false;\n }\n if (this.elem_cp_contact_person_name.value == \"\") {\n Utils.showInputError(\n this.elem_cp_contact_person_name,\n \"Contact person name is mandatory\"\n );\n pass = false;\n }\n var currentDate = new Date();\n var currentYear = currentDate.getFullYear();\n var currentMonth = currentDate.getMonth() + 1; // Month is 0-based\n if (\n this.elem_cp_vintage_year.value > currentYear ||\n (this.elem_cp_vintage_year.value >= currentYear &&\n this.elem_cp_vintage_month.value > currentMonth)\n ) {\n Utils.showInputError(\n this.elem_cp_vintage_year,\n \"Date Cannot be in future\"\n );\n pass = false;\n }\n return pass;\n }\n\n renderCounterParties(response) {\n let that = this\n if (response.message === \"OK\") {\n let tmpl = document.getElementById(\"cp-row-tmpl\");\n let dx = document.getElementById(\"tb-cp-tbody\");\n dx.innerHTML = null;\n response.data.counter_parties.forEach(function (dd) {\n that.generateScore(dd);\n let cp_badge_state = { \"pending_for_approval\": \"bg-warning\", \"approved\": \"bg-success\", \"rejected\": \"bg-danger\" };\n dd.cp_badge_status = cp_badge_state[dd.status];\n\n let cp_lender_badge_state = { \"Approved\": \"bg-success\", \"N/A\": \"bg-danger\" };\n dd.cp_lender_badge_status = cp_lender_badge_state[dd.lender_status];\n\n dd.status = Utils.snakeToTitleCase(dd.status);\n dd.vintage = Utils.formatTimeRelative(dd.vintage);\n\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n var parsedHTML = $.parseHTML(rendered);\n if (\n ScfPermission.isScfBorrower() ||\n ScfPermission.isScfCounterparty() ||\n ScfPermission.isScfSales()\n ) {\n var cpDetailsLink =\n parsedHTML[1].querySelector(\"#cp_details_link\");\n cpDetailsLink.setAttribute(\"href\", \"javascript:void(0)\");\n dx.append(parsedHTML[1]);\n } else {\n dx.append(parsedHTML[1]);\n }\n });\n if (ScfPermission.isScfBorrower() || ScfPermission.isScfCounterparty() || ScfPermission.isScfLender()) {\n document.querySelectorAll('[id^=\"destroy_cp_\"]').forEach(element => {\n element.classList.add(\"no-display\");\n });\n }\n } else {\n let tmpl = document.getElementById(\"cp-row-blank-tmpl\");\n let dx = document.getElementById(\"tb-cp-tbody\");\n dx.innerHTML = null;\n let rendered = Mustache.render(tmpl.innerHTML);\n dx.innerHTML = rendered;\n }\n that.destroyCp();\n }\n\n fetchCounterParties() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.application_id + \"/counter-parties\",\n Constants.REQUEST.get\n )\n .then(function (response) {\n that.renderCounterParties(response);\n })\n }\n\n generateScore(row) {\n row.score = row.business_applicant.name.charCodeAt(2);\n if (row.score < 71) {\n row.badge_score = \"back-red\";\n } else if (row.score >= 71 && row.score < 95) {\n row.badge_score = \"back-yellow\";\n } else {\n row.badge_score = \"back-green\";\n }\n }\n}\n\nclass PanelPd {\n constructor() {\n this.scf_application_id = document.getElementById(\"scf_application_id\").value;\n this.pass = true;\n this.getQuestions();\n this.submitCPVQuestions();\n this.submitPDQuestions();\n this.generatePdQuestionsPdf();\n this.toggleCPVSections();\n this.fillPdTable();\n }\n\n getValues() {\n let data = {};\n document.querySelectorAll(\".questions\").forEach((question) => {\n let id = question.getAttribute(\"data-label\");\n data[id] = question.value;\n });\n return data;\n }\n\n clearForm() {\n document.querySelectorAll(\".questions\").forEach((question) => {\n question.value = \"\";\n });\n }\n\n validatePDValues(section) {\n let that = this;\n that.pass = true;\n document.querySelectorAll(`.questions.${section}`).forEach((question) => {\n let mandatory = question.getAttribute(\"data-mandatory\");\n let label = question.getAttribute(\"data-label\");\n let label_title = Utils.snakeToTitleCase(label);\n Utils.reInput(question);\n function toggleErrorMessage() {\n let value = question.value;\n if (mandatory === \"true\" && !value) {\n Utils.showInputError(question, label_title + \" is mandatory\");\n that.pass = false;\n } else {\n Utils.hideInputError(question);\n }\n }\n toggleErrorMessage();\n question.addEventListener(\"input\", toggleErrorMessage);\n });\n document\n .querySelectorAll(`.questions[data-code=\"photo_of_shop\"]`)\n .forEach((element) => {\n if (section.includes('Section-1') || section.includes('Section-2-CPV')) {\n if (element.files.length === 0) {\n\n Utils.showToast(\n \"Error\",\n \"Photo of the shop is mandatory\",\n Constants.TOAST.fail\n );\n that.pass = false;\n }\n }\n });\n return that.pass;\n }\n\n fillPdTable() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id,\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n document.getElementById('borrower_pd_application_id').innerHTML = that.scf_application_id;\n document.getElementById('borrower_pd_application_constitution').innerHTML = Utils.snakeToTitleCase(response.data.scf_business_applicant.constitution);\n document.getElementById('borrower_pd_product').innerHTML = Utils.snakeToTitleCase(response.data.scf_application.product);\n document.getElementById('borrower_pd_loan_amount_required').innerHTML = response.data.scf_application.required_amount;\n if (response.data.program_name != null) {\n document.getElementById('borrower_pd_program').innerHTML = response.data.program_name;\n }\n else {\n document.getElementById('borrower_pd_program').innerHTML = \"-\";\n }\n }\n });\n }\n\n showLoanDetailsTable() {\n let that = this;\n if (!that.isLoanDetailsTableShown) {\n document.getElementById('borrower_pd_loan_details_table').classList.remove('no-display');\n document.getElementById('google_map_lat_long').classList.remove('no-display');\n that.isLoanDetailsTableShown = true;\n }\n }\n\n getQuestions() {\n let that = this;\n that.isLoanDetailsTableShown = false;\n document.getElementById('btn-cpv').addEventListener('click', () => that.showLoanDetailsTable());\n document.getElementById('btn-pd').addEventListener('click', () => that.showLoanDetailsTable());\n document.getElementById(\"nav-pd\").addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/pd-questions\",\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n let all_quest = document.getElementById(\"all_questions\");\n all_quest.innerHTML = null;\n let questions = {};\n response.data.forEach(function (question) {\n if (question.name == \"pd_done_by\") {\n if (document.getElementById(\"username-dashboard\").textContent != \"\" || document.getElementById(\"username-dashboard\").textContent == null) {\n question.value = '';\n } else {\n question.value = document.getElementById(\"username-dashboard\").textContent;\n }\n }\n if (questions[question.section]) {\n questions[question.section].push(question);\n } else {\n questions[question.section] = [question];\n }\n });\n\n let tmpl = document.getElementById(\"question-tmpl\");\n let orderedSections = ['Section-3-PD', 'Section-4-Audit Trails'];\n orderedSections.forEach(section => {\n if (questions[section]) {\n all_quest.append(\n $.parseHTML(\n Mustache.render(\n document.getElementById(\"question-header-tmpl\").innerHTML,\n { name: section.split(\"_\").join(\" \") }\n )\n )[1]\n );\n questions[section].forEach(function (question) {\n switch (question.type) {\n case \"text\":\n question[\"text\"] = true;\n break;\n case \"select\":\n question[\"select\"] = true;\n break;\n case \"date\":\n question[\"date\"] = true;\n break;\n case \"textbox\":\n question[\"textbox\"] = true;\n break;\n case \"upload\":\n question[\"upload\"] = true;\n break;\n case \"number\":\n question[\"number\"] = true;\n break;\n }\n let q_data = Mustache.render(tmpl.innerHTML, question);\n all_quest.append($.parseHTML(q_data)[1]);\n });\n }\n });\n for (const section in questions) {\n if (!orderedSections.includes(section)) {\n all_quest.append(\n $.parseHTML(\n Mustache.render(\n document.getElementById(\"question-header-tmpl\").innerHTML,\n { name: section.split(\"_\").join(\" \") }\n )\n )[1]\n );\n questions[section].forEach(function (question) {\n switch (question.type) {\n case \"text\":\n question[\"text\"] = true;\n break;\n case \"select\":\n question[\"select\"] = true;\n break;\n case \"date\":\n question[\"date\"] = true;\n break;\n case \"textbox\":\n question[\"textbox\"] = true;\n break;\n case \"upload\":\n question[\"upload\"] = true;\n break;\n case \"number\":\n question[\"number\"] = true;\n break;\n }\n let q_data = Mustache.render(tmpl.innerHTML, question);\n all_quest.append($.parseHTML(q_data)[1]);\n });\n }\n }\n const latitude = document.getElementById(\"borrower_pd_latitude\").textContent = response.data.find(item => item.latitude)?.latitude || \"-\";\n const longitude = document.getElementById(\"borrower_pd_longitude\").textContent = response.data.find(item => item.longitude)?.longitude || \"-\";\n document.getElementById(\"borrower_pd_location\").textContent = response.data.find(item => item.pincode)?.pincode || \"-\";\n document.getElementById(\"borrower_pd_latitude\").textContent = latitude;\n document.getElementById(\"borrower_pd_longitude\").textContent = longitude;\n that.updateGoogleMap(latitude, longitude);\n const sectionHeaders = document.querySelectorAll('.section-header.pd');\n sectionHeaders.forEach(header => {\n header.style.fontWeight = 'bold';\n header.style.textAlign = 'center';\n header.style.fontSize = '2.5em';\n if (header.innerHTML === 'Section-4-Audit Trails') {\n header.innerHTML = \"Section-2-Audit Trails\"\n }\n else if (header.innerHTML === 'Section-3-PD') {\n header.innerHTML = \"Section-1-PD\"\n }\n });\n // document.getElementById(\"pd_done_by\").disabled = true;\n that.hideAllSections();\n that.uploadDocuments();\n that.fetchDropDownValuesIndustry();\n that.fetchDropDownLevel2();\n // document.getElementById('borrower_name').value = document.getElementById('inp_application_id').text();\n let maxDate = new Date().toISOString().split('T')[0];\n document.getElementById('date_of_meeting').setAttribute('max', maxDate);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n\n // Adding event listener for cpv click\n document.getElementById(\"btn-cpv\").addEventListener(\"click\", function () {\n document.getElementById(\"btn-cpv\").classList.add(\"active\");\n document.getElementById(\"btn-pd\").classList.remove(\"active\");\n document.getElementById(\"btn-quest-submit\").classList.remove(\"no-display\");\n that.toggleCPVSections();\n that.toggleSubmitButtons(\"cpv\");\n });\n\n document.getElementById(\"btn-pd\").addEventListener(\"click\", function () {\n document.getElementById(\"btn-cpv\").classList.remove(\"active\");\n document.getElementById(\"btn-pd\").classList.add(\"active\");\n document.getElementById(\"btn-pd-quest-submit\").classList.remove(\"no-display\");\n that.togglePDSections();\n that.toggleSubmitButtons(\"pd\");\n });\n });\n }\n\n updateGoogleMap(latitude, longitude) {\n if (latitude === '-' || longitude === '-') {\n return;\n }\n const mapFrame = document.getElementById(\"mapFrame\");\n if (mapFrame) {\n mapFrame.src = `https://www.google.com/maps?q=${latitude},${longitude}&output=embed`;\n document.getElementById(\"googleMap\").style.display = \"block\";\n } else {\n console.error('Google Map iframe element not found.');\n }\n }\n\n hideAllSections() {\n let allQuestions = document.getElementById(\"all_questions\").children;\n for (let i = 0; i < allQuestions.length; i++) {\n allQuestions[i].classList.add('no-display');\n }\n }\n\n toggleCPVSections() {\n let allQuestions = document.getElementById(\"all_questions\").children;\n for (let i = 0; i < allQuestions.length; i++) {\n let section = allQuestions[i].className;\n if (section.includes('Section-1') || section.includes('Section-2-CPV')) {\n allQuestions[i].classList.remove('no-display');\n } else {\n allQuestions[i].classList.add('no-display');\n }\n }\n }\n\n togglePDSections() {\n let allQuestions = document.getElementById(\"all_questions\").children;\n for (let i = 0; i < allQuestions.length; i++) {\n let section = allQuestions[i].className;\n if (section.includes('Section-3-PD') || section.includes('Section-4-Audit Trails')) {\n allQuestions[i].classList.remove('no-display');\n } else {\n allQuestions[i].classList.add('no-display');\n }\n }\n }\n\n toggleSubmitButtons(tab) {\n if (tab === \"pd\") {\n document.getElementById(\"btn-quest-submit\").style.display = \"none\";\n document.getElementById(\"btn-pd-quest-submit\").style.display = \"block\";\n } else {\n document.getElementById(\"btn-quest-submit\").style.display = \"block\";\n document.getElementById(\"btn-pd-quest-submit\").style.display = \"none\";\n }\n }\n\n submitCPVQuestions() {\n let that = this;\n document\n .getElementById(\"btn-quest-submit\")\n .addEventListener(\"click\", function () {\n let pass1 = that.validatePDValues('Section-1');\n let pass2 = that.validatePDValues('Section-2-CPV');\n that.uploadDocuments();\n if (pass1 && pass2) {\n let values = that.getValues();\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/pd-questions\",\n Constants.REQUEST.post,\n values\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"CPV responses submitted\",\n Constants.TOAST.success\n );\n // that.clearForm();\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n } else {\n Utils.showToast(\n \"Error\",\n \"Please Enter Required field\",\n Constants.TOAST.fail\n );\n }\n });\n }\n\n submitPDQuestions() {\n let that = this;\n document\n .getElementById(\"btn-pd-quest-submit\")\n .addEventListener(\"click\", function () {\n let pass1 = that.validatePDValues('Section-3-PD');\n let pass2 = that.validatePDValues('Section-4-Audit Trails');\n if (pass1 && pass2) {\n let values = that.getValues();\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/pd-questions\",\n Constants.REQUEST.post,\n values\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"PD responses submitted\",\n Constants.TOAST.success\n );\n // that.clearForm();\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n } else {\n Utils.showToast(\n \"Error\",\n \"Please Enter Required field\",\n Constants.TOAST.fail\n );\n }\n });\n }\n\n uploadDocuments() {\n let that = this;\n document.querySelectorAll(\".pd-upload\").forEach((element) => {\n element.addEventListener(\"click\", function () {\n let elem_file = element.parentElement.parentElement.firstElementChild;\n let file = elem_file.files[0];\n if (!file) {\n Utils.showToast(\n \"Not Found\",\n \"File is mandatory\",\n Constants.TOAST.fail\n );\n return;\n }\n let data = new FormData();\n let file_code = elem_file.getAttribute(\"data-code\");\n data.set(\"file_data\", file);\n data.set(\"file_name\", file.name);\n data.set(\"file_password\", null);\n // Utils.requestHandler(\"/scf/api/application/document/upload/\" + file_code + \"/\" + that.scf_application_id, Constants.REQUEST.post, data)\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id +\n \"/document/upload/\" +\n file_code,\n Constants.REQUEST.post,\n data\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"Document uploaded\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n });\n }\n\n fetchDropDownValuesIndustry() {\n let that = this;\n document\n .getElementById(\"business_segment\")\n .addEventListener(\"change\", function () {\n document.getElementById(\"industry_classification\").innerHTML = \"\";\n document.getElementById(\"industry_classification_2\").innerHTML = \"\";\n let segment = \"\";\n if (\n document.getElementById(\"business_segment\").value === \"Manufacturing / Trader\"\n ) {\n segment = \"HSN\";\n } else if (\n document.getElementById(\"business_segment\").value === \"Services\"\n ) {\n segment = \"SAC\";\n }\n let body = {\n level: 1,\n segment: segment,\n };\n Utils.requestHandler(\n \"/scf/api/application/pd-questions/industry-codes\",\n Constants.REQUEST.get,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n var dropdown = document.getElementById(\"industry_classification\");\n document.getElementById(\"industry_classification\").innerHTML = \"\";\n var option = document.createElement(\"option\");\n option.value = \"\";\n option.text = \"\";\n dropdown.appendChild(option);\n var values = response.data.data;\n for (var i = 0; i < values.length; i++) {\n var option = document.createElement(\"option\");\n option.value = values[i].code;\n option.text = values[i].name;\n dropdown.appendChild(option);\n }\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n\n fetchDropDownLevel2() {\n let that = this;\n document\n .getElementById(\"industry_classification\")\n .addEventListener(\"change\", function () {\n let segment = \"\";\n if (\n document.getElementById(\"business_segment\").value === \"Manufacturing / Trader\"\n ) {\n segment = \"HSN\";\n } else if (\n document.getElementById(\"business_segment\").value === \"Services\"\n ) {\n segment = \"SAC\";\n }\n let body = {\n level: 2,\n segment: segment,\n parent_code: document.getElementById(\"industry_classification\").value,\n };\n Utils.requestHandler(\n \"/scf/api/application/pd-questions/industry-codes\",\n Constants.REQUEST.get,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n var dropdown = document.getElementById(\"industry_classification_2\");\n document.getElementById(\"industry_classification_2\").innerHTML = \"\";\n var option = document.createElement(\"option\");\n option.value = \"\";\n option.text = \"\";\n dropdown.appendChild(option);\n var values = response.data.data;\n for (var i = 0; i < values.length; i++) {\n var option = document.createElement(\"option\");\n option.value = values[i].code;\n option.text = values[i].name;\n dropdown.appendChild(option);\n }\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n\n generatePdQuestionsPdf() {\n let that = this;\n document\n .getElementById(\"btn_generate_pd_pdf\")\n .addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id +\n \"/generate-pd-questions-pdf\",\n Constants.REQUEST.get\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"PDF Generation Started.\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n}\n\nclass PanelGstin {\n constructor() {\n this.application_id = document.getElementById(\"scf_application_id\").value;\n let that = this;\n document\n .getElementById(\"nav-scoring-gst\")\n .addEventListener(\"click\", function () {\n that.getAllGstin();\n // that.renderTrendLines();\n });\n this.generateGstReportPdf();\n this.fetchGstFilings();\n }\n\n generateGstReportPdf() {\n let that = this;\n document\n .getElementById(\"btn_generate_gst_report_pdf\")\n .addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.application_id +\n \"/generate-gst-report-pdf\",\n Constants.REQUEST.get\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"Gst Report Generation Started.\",\n Constants.TOAST.success\n );\n document.getElementById(\"btn_generate_gst_report_pdf\").disabled = true;\n } else {\n Utils.showToast(\n \"Error\",\n \"Not found Gst Filings for this applicant\",\n Constants.TOAST.fail\n );\n document.getElementById('btn_fetch_gst_filings').classList.remove('no-display')\n }\n });\n });\n }\n\n fetchGstFilings() {\n let that = this;\n document\n .getElementById(\"btn_fetch_gst_filings\")\n .addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.application_id +\n \"/fetch-gst-filings\",\n Constants.REQUEST.get\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n response.message,\n \"Fetchings filings started\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n \"Error\",\n \"Unable to fetch Filings\",\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n\n getAllGstin() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.application_id + \"/gst-all\",\n Constants.REQUEST.get\n ).then(function (response) {\n if (response.message === \"OK\") {\n let tmpl = document.getElementById(\"gstin-tr-tmpl\");\n let dx = document.getElementById(\"tb_gstins\");\n let gstinNumbers = [];\n dx.innerHTML = null;\n response.data.gstins.forEach(function (dd) {\n dd.formatted_registration_date = Utils.formatDate(\n dd.registration_date\n );\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n if (dd.filings_fetched == true) {\n document.getElementById('fetch_gst_filings_' + dd.gstin).classList.add('no-display');\n }\n });\n that.fetchGstFilingsLink();\n that.generateGstReportLink();\n that.generateGSTFile();\n if (response.data.documents) {\n let gstServiceUrls = {};\n response.data.documents.forEach(function (doc) {\n if (!gstServiceUrls[doc.business_gst_number]) {\n gstServiceUrls[doc.business_gst_number] = doc.service_url;\n }\n });\n\n let anchors = document.querySelectorAll(\n 'a[id$=\"_gst_pdf_report_link\"]'\n );\n anchors.forEach(function (anchor) {\n let idPrefix = anchor.id.split(\"_gst_pdf_report_link\")[0];\n if (gstServiceUrls[idPrefix]) {\n anchor.href = gstServiceUrls[idPrefix];\n }\n });\n }\n else {\n let anchors = document.querySelectorAll(\n 'a[id$=\"_gst_pdf_report_link\"]'\n );\n anchors.forEach(function (anchor) {\n anchor.classList.add(\"no-display\");\n });\n }\n Utils.showToast(\"Fetched\", \"GSTINs fetched\", Constants.TOAST.success);\n }\n });\n }\n\n fetchGstFilingsLink() {\n let links = document.querySelectorAll('.fetch_gst_filings_link');\n let that = this;\n links.forEach(link => {\n link.addEventListener('click', function (event) {\n event.preventDefault();\n let gstin = this.getAttribute('data-gstin');\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/fetch-gst-filings/' + gstin, Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, 'Fetching Filings started', Constants.TOAST.success);\n }\n else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n })\n })\n }\n\n generateGstReportLink() {\n let links = document.querySelectorAll('.generate_gst_report_link');\n let that = this;\n links.forEach(link => {\n link.addEventListener('click', function (event) {\n event.preventDefault();\n let gstin = this.getAttribute('data-gstin');\n Utils.requestHandler('/scf/api/application/' + that.application_id + '/generate-gst-report-pdf/' + gstin, Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, 'Gst Report Generation Started', Constants.TOAST.success);\n }\n else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n })\n })\n }\n\n renderHTML() {\n let that = this;\n let last_n_months_keys = that.jsondata.data.month_range;\n if (last_n_months_keys == undefined || last_n_months_keys == null) {\n return;\n }\n let templateObject = {\n c1: null,\n };\n let nth = \"
\";\n for (let i = 0; i < last_n_months_keys.length; i++) {\n nth += \"
\" + last_n_months_keys[i] + \"
\";\n }\n let htmlElem = $(nth);\n $(\"#th-gst-trendlines\").append(htmlElem);\n\n let trend_lines = that.jsondata.data;\n let tbody = \"\";\n for (var key in trend_lines) {\n if (key == \"month_range\") {\n continue;\n }\n if (trend_lines.hasOwnProperty(key)) {\n var trends = trend_lines[key];\n tbody += \"
\";\n tbody += \"
\" + key.split(\"--\", 2)[1] + \"
\";\n for (var month_idx in last_n_months_keys) {\n let month_key = last_n_months_keys[month_idx];\n let trend = trends[month_key];\n tbody += \"
\" + trend.toFixed(2) + \"
\";\n }\n tbody += \"
\";\n }\n }\n let tdElem = $(tbody);\n $(\"#tb-gst-trendlines\").append(tdElem);\n }\n\n renderTrendLines() {\n let tmpl_th = document.getElementById(\"gstin-trendlines-th-tmpl\");\n let tmpl = document.getElementById(\"gstin-trendlines-tmpl\");\n let dx = document.getElementById(\"th-gst-trendlines\");\n dx.innerHTML = null;\n let dy = document.getElementById(\"tb-gst-trendlines\");\n dy.innerHTML = null;\n let that = this;\n let body = {\n url:\n Constants.SERVICE_BASE_BACKOFFICE + \"/v2/gst/aggregated-gst-trendline\",\n req_type: \"post\",\n };\n let jsondata = [];\n Utils.requestHandler(\n \"/scf/api/application/\" + that.application_id + \"/gst-trendline\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n that.jsondata = response.data.data;\n that.renderHTML();\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n }\n\n generateGSTFile() {\n let that = this;\n document.getElementById(\"btn_generate_gst_report_v2\").addEventListener(\"click\", function () {\n Utils.requestHandlerDocument(\n \"/scf/api/application/\" + that.application_id + \"/gst/generate-report-v2\",\n Constants.REQUEST.get,\n {},\n { responseType: 'blob' } // Set response type to 'blob'\n ).then(function (response) {\n if (response && response instanceof Blob && response.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {\n const url = window.URL.createObjectURL(response);\n const a = document.createElement('a');\n a.href = url;\n a.download = \"gst_report.xlsx\"; // Set the file name\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n } else {\n Utils.showToast(\n \"Error\",\n \"GST json file not found\",\n Constants.TOAST.fail\n );\n }\n }).catch(function (error) {\n Utils.showToast(\n \"Error\",\n \"An error occurred while generating the report.\",\n Constants.TOAST.fail\n );\n console.error(\"Error during GST file generation:\", error);\n });\n });\n }\n\n\n}\n\nclass PanelDecision {\n constructor() {\n this.scf_application_id =\n document.getElementById(\"scf_application_id\").value;\n this.submitApplicationDecision();\n this.fetchApplicationDeviation();\n this.submitApplicationDeviation();\n this.clearDeviationForm();\n this.submitLoanData();\n // this.fetchbankDetails();\n this.fetchLoanDetails();\n this.fetchGatingDetails();\n this.clearLoanDetailsForm();\n let that = this;\n document\n .getElementById(\"nav-credit-decision\")\n .addEventListener(\"click\", function () {\n that.getApplicationDecision();\n that.initializeScorecardEventListeners();\n });\n // that.amountField = document.getElementById(\"amount_field\");\n const applicationDecision = document.getElementById(\"app_decision\");\n // applicationDecision.addEventListener(\"change\", function () {\n // that.toggleAmountField();\n // });\n }\n\n // toggleAmountField() {\n // const applicationDecision = document.getElementById(\"app_decision\");\n // this.amountField.disabled =\n // applicationDecision.value === \"approved\" ? false : true;\n // if (this.amountField.disabled === true) {\n // this.amountField.value = \"\";\n // }\n // }\n\n submitApplicationDecision() {\n let that = this;\n document\n .getElementById(\"btn-submit-app-decision\")\n .addEventListener(\"click\", function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.show);\n\n // const applicationScore = document.getElementById(\"app_score\");\n const applicationDecision = document.getElementById(\"app_decision\");\n const applicationRemarks = document.getElementById(\"app_remarks\");\n\n const borrowerScorecard = {\n borrower_rating: document.getElementById('borrower_scorecard_borrower_rating').value,\n management_rating: document.getElementById('borrower_scorecard_management_rating').value,\n financials_rating: document.getElementById('borrower_scorecard_financials_rating').value,\n banking_rating: document.getElementById('borrower_scorecard_banking_rating').value,\n bureau_p_rating: document.getElementById('borrower_scorecard_bureau_p_rating').value,\n bureau_c_rating: document.getElementById('borrower_scorecard_bureau_c_rating').value,\n gst_rating: document.getElementById('borrower_scorecard_gst_rating').value,\n total_rating: document.getElementById('borrower_scorecard_total_rating').value\n };\n\n let body = {\n // score: applicationScore.value,\n decision: applicationDecision.value,\n remarks: applicationRemarks.value,\n borrower_scorecard: borrowerScorecard\n\n };\n\n // let scoreValue = parseInt(applicationScore.value, 10);\n // if (isNaN(scoreValue) || scoreValue < 0 || scoreValue > 1000) {\n // Utils.showToast(\n // \"Error\",\n // \"Please enter a valid score between 0 and 1000.\",\n // Constants.TOAST.fail\n // );\n // Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n // return;\n // }\n // if (applicationDecision.value === \"approved\") {\n // const amountValue = that.amountField.value;\n // if (!amountValue) {\n // Utils.showToast(\n // \"Error\",\n // \"Please enter the amount for the approved decision.\",\n // Constants.TOAST.fail\n // );\n // Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n // return;\n // }\n\n // body.approved_amount = amountValue;\n // }\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id +\n \"/credit-decision\",\n Constants.REQUEST.post,\n body\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n \"Success\",\n \"Decision submitted successfully.\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n });\n }\n\n validateValues() {\n let that = this;\n that.pass = true;\n document.querySelectorAll(\".loan-questions\").forEach((question) => {\n let label = question.getAttribute(\"data-label\");\n let field_id = question.getAttribute(\"id\");\n Utils.reInput(question);\n function toggleErrorMessage() {\n let value = question.value;\n if (!value) {\n Utils.showInputError(question, label + \" is mandatory\");\n that.pass = false;\n } else {\n Utils.hideInputError(question);\n }\n\n if (field_id === \"app_sanction_amt_input\" || field_id === \"app_current_outstanding_input\" || field_id === \"app_emi_interest_input\") {\n if (!/^\\d+(\\.\\d{1,2})?$/.test(value)) {\n Utils.showInputError(question, label + \" should be a valid number with up to 2 decimal places\");\n that.pass = false;\n } else if (parseFloat(value) > 1000000000) {\n Utils.showInputError(question, label + \" should not exceed 1,00,00,00,000\");\n that.pass = false;\n } else {\n Utils.hideInputError(question);\n }\n }\n\n if (field_id === \"app_tenure_input\") {\n if (!/^\\d+$/.test(value)) {\n Utils.showInputError(question, label + \" should be a valid whole number\");\n that.pass = false;\n } else {\n Utils.hideInputError(question);\n }\n }\n }\n toggleErrorMessage();\n question.addEventListener(\"input\", toggleErrorMessage);\n });\n return that.pass;\n }\n\n submitLoanData() {\n let that = this;\n document.getElementById(\"btn-submit-app-loan-data\")\n .addEventListener(\"click\", function () {\n if (!that.validateValues()) {\n return;\n }\n const nameOfBanker = document.getElementById(\"app_name_of_banker_input\");\n const nameOfFacility = document.getElementById(\"app_name_of_facility_input\");\n const borrowingRelationship = document.getElementById(\"app_borrowing_relationship_input\");\n const typeOfLoan = document.getElementById(\"app_type_of_loan_input\");\n const sanctionDate = document.getElementById(\"app_sanction_date_input\");\n const sanctionAmt = document.getElementById(\"app_sanction_amt_input\");\n const currentOutstanding = document.getElementById(\"app_current_outstanding_input\");\n const emiInterest = document.getElementById(\"app_emi_interest_input\");\n const tenure = document.getElementById(\"app_tenure_input\");\n const emiDate = document.getElementById(\"app_emi_date_input\");\n const emiTracked = document.getElementById(\"app_emi_tracked_input\");\n const loanId = document.getElementById(\"loan_data_id\");\n let body = {\n \"params\": {\n nature_of_facility: nameOfFacility.value,\n borrowing_relationship: borrowingRelationship.value,\n bank_name: nameOfBanker.value,\n type_of_loan: typeOfLoan.value,\n sanction_date: sanctionDate.value,\n sanction_amount: sanctionAmt.value,\n current_outstanding: currentOutstanding.value,\n emi_interest: emiInterest.value,\n loan_tenure: tenure.value,\n emi_date: emiDate.value,\n emi_tracked_and_bank: emiTracked.value,\n loan_data_id: loanId.value,\n },\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/borrower-loan\",\n \"req_type\": \"post\"\n }\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/borrower-loan\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n \"Success\",\n \"Deviation submitted successfully.\",\n Constants.TOAST.success\n );\n nameOfBanker.value = \"\";\n nameOfFacility.value = \"\";\n borrowingRelationship.value = \"\";\n typeOfLoan.value = \"\";\n sanctionDate.value = \"\";\n sanctionAmt.value = \"\";\n currentOutstanding.value = \"\";\n emiInterest.value = \"\";\n tenure.value = \"\";\n emiDate.value = \"\";\n emiTracked.value = \"\";\n loanId.value = \"\";\n document.getElementById(\"btn-app-loan-data-modal-close\").click();\n setTimeout(function () {\n that.fetchLoanDetails();\n }, 2000);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors.errors.error),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n\n })\n }\n\n fetchbankDetails() {\n let that = this;\n let body = {\n \"params\": {},\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/fetch-banks\",\n \"req_type\": \"get\"\n }\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/fetch-banks\",\n Constants.REQUEST.get,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n let elem_bankers = document.getElementById('app_name_of_banker_input');\n elem_bankers.textContent = \"\";\n let option = document.createElement('option');\n option.value = \"\";\n option.text = \"Select Bank\";\n elem_bankers.add(option);\n response.data.forEach(function (dd) {\n let option = document.createElement('option');\n option.value = dd.id;\n option.text = dd.name;\n elem_bankers.add(option);\n })\n }\n })\n }\n\n formatDate(date) {\n const d = new Date(date);\n let day = d.getDate();\n let month = d.getMonth() + 1; // Months are zero-based\n const year = d.getFullYear();\n\n if (day < 10) {\n day = '0' + day;\n }\n if (month < 10) {\n month = '0' + month;\n }\n\n return `${day}-${month}-${year}`;\n }\n\n renderAppLoanDetailsTable(response) {\n let that = this;\n if (response.message === \"OK\") {\n let tmpl = document.getElementById(\"app-loan-data-row-tmpl\");\n let dx = document.getElementById(\"tb_loan_data\");\n dx.innerHTML = null;\n response.data.forEach(function (dd) {\n dd.emi_date = that.formatDate(dd.emi_date);\n dd.sanction_date = that.formatDate(dd.sanction_date);\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n });\n that.destroyLoanDetails();\n that.editLoanDetails();\n that.downloadBorrowerData();\n }\n }\n\n fetchLoanDetails() {\n let that = this;\n let body = {\n \"params\": {},\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/get-borrower-loan\",\n \"req_type\": \"get\"\n }\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/borrower-loan\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n that.renderAppLoanDetailsTable(response);\n }\n else {\n let tmpl = document.getElementById(\"app-loan-data-row-blank-tmpl\");\n let dx = document.getElementById(\"tb_loan_data\");\n dx.innerHTML = null;\n let rendered = Mustache.render(tmpl.innerHTML);\n dx.innerHTML = rendered;\n }\n });\n }\n\n renderGatingDetailsTable(response) {\n let that = this;\n if (response.message === \"OK\") {\n let tmpl = document.getElementById(\"app-gating-data-row-tmpl\");\n let dx = document.getElementById(\"tb_gating_criteria\");\n dx.innerHTML = null;\n response.data.forEach(function (dd) {\n if (dd.emi_date) {\n dd.emi_date = that.formatDate(dd.emi_date);\n }\n if (dd.sanction_date) {\n dd.sanction_date = that.formatDate(dd.sanction_date);\n }\n dd.is_applicable_true = dd.is_applicable === true;\n dd.is_applicable_false = dd.is_applicable === false;\n dd.is_applicable_none = dd.is_applicable === null;\n\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n });\n }\n }\n\n fetchGatingDetails() {\n let that = this;\n let body = {\n \"params\": {},\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/program/get-gating-details\",\n \"req_type\": \"get\"\n }\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/gating-data\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n that.renderGatingDetailsTable(response);\n that.submitGatingData();\n }\n else {\n let tmpl = document.getElementById(\"app-gating-data-row-tmpl\");\n let dx = document.getElementById(\"tb_gating_criteria\");\n dx.innerHTML = null;\n let rendered = Mustache.render(tmpl.innerHTML);\n dx.innerHTML = rendered;\n }\n });\n }\n\n submitGatingData() {\n let that = this;\n document.getElementById('gate-keeper-submit').addEventListener('click', function () {\n const rows = document.querySelectorAll('#tb_gating_criteria tr');\n const data = [];\n\n rows.forEach(row => {\n const title = row.querySelector('td:first-child').innerText.trim();\n const applicable = row.querySelector('select').value;\n const remark = row.querySelector('input').value;\n\n if (title) {\n data.push({\n title: title,\n is_applicable: applicable,\n remark: remark,\n scf_application_id: that.scf_application_id\n });\n }\n });\n const body = {\n \"params\": {\n gate_keeper_data: data\n },\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/program/save-gating-details\",\n \"req_type\": \"post\"\n };\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/gating-data\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n \"Success\",\n \"Gate Keeper Data submitted successfully.\",\n Constants.TOAST.success\n );\n setTimeout(function () {\n that.fetchApplicationDeviation();\n }, 1000);\n }\n });\n });\n }\n\n convertDateToDDMMYYYY(dateString) {\n const parts = dateString.split('-');\n if (parts.length !== 3) {\n return dateString;\n }\n return `${parts[2]}-${parts[1]}-${parts[0]}`;\n }\n\n editLoanDetails() {\n let that = this;\n document.querySelectorAll('[id^=\"edit_app_loan_details_\"]').forEach(element => {\n element.addEventListener('click', function (event) {\n event.preventDefault();\n document.getElementById('btn_show_add_new_loan_data').click();\n let loanData = {\n loan_id: this.dataset.loan_id,\n bank_name: this.dataset.bankName,\n nature_of_facility: this.dataset.natureOfFacility,\n borrowing_relationship: this.dataset.borrowingRelationship,\n type_of_loan: this.dataset.typeOfLoan,\n sanction_date: that.convertDateToDDMMYYYY(this.dataset.sanctionDate),\n sanction_amount: this.dataset.sanctionAmount,\n current_outstanding: this.dataset.currentOutstanding,\n emi_interest: this.dataset.emiInterest,\n loan_tenure: this.dataset.loanTenure,\n emi_date: that.convertDateToDDMMYYYY(this.dataset.emiDate),\n emi_tracked_and_bank: this.dataset.emiTrackedAndBank,\n loan_id: this.id.split('_').slice(4).join('_')\n };\n document.getElementById('app_name_of_banker_input').value = loanData.bank_name;\n document.getElementById('app_name_of_facility_input').value = loanData.nature_of_facility;\n document.getElementById('app_borrowing_relationship_input').value = loanData.borrowing_relationship;\n document.getElementById('app_type_of_loan_input').value = loanData.type_of_loan;\n document.getElementById('app_sanction_date_input').value = loanData.sanction_date;\n document.getElementById('app_sanction_amt_input').value = loanData.sanction_amount;\n document.getElementById('app_current_outstanding_input').value = loanData.current_outstanding;\n document.getElementById('app_emi_interest_input').value = loanData.emi_interest;\n document.getElementById('app_tenure_input').value = loanData.loan_tenure;\n document.getElementById('app_emi_date_input').value = loanData.emi_date;\n document.getElementById('app_emi_tracked_input').value = loanData.emi_tracked_and_bank;\n document.getElementById('loan_data_id').value = loanData.loan_id;\n });\n });\n }\n\n downloadBorrowerData() {\n let that = this;\n document.getElementById(\"loan_report_download\").addEventListener(\"click\", function () {\n Utils.requestHandlerDocument(\n \"/scf/api/application/\" + that.scf_application_id + \"/borrower-loan-data\",\n Constants.REQUEST.post,\n {},\n { responseType: 'blob' } // Ensure response is a file\n ).then(function (response) {\n if (response && response instanceof Blob && response.type === \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\") {\n const url = window.URL.createObjectURL(response);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = \"borrower_loan_data.xlsx\"; // Set the filename\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n } else {\n Utils.showToast(\n \"Error\",\n \"Loan report file not found\",\n Constants.TOAST.fail\n );\n }\n }).catch(function (error) {\n Utils.showToast(\n \"Error\",\n \"An error occurred while downloading the report.\",\n Constants.TOAST.fail\n );\n console.error(\"Error during borrower data download:\", error);\n });\n });\n}\n\n destroyLoanDetails() {\n let that = this;\n document.querySelectorAll('[id^=\"destroy_app_loan_details_\"]').forEach(element => {\n element.addEventListener('click', function (event) {\n event.preventDefault();\n let confirmed = window.confirm(\"Are you sure you want to delete Loan Data?\")\n if (confirmed) {\n let loan_data_id = this.id.split('_').slice(4).join('_');\n let body = {\n \"params\": {\n loan_data_id: loan_data_id\n },\n \"url\": Constants.SERVICE_BASE_BACKOFFICE + \"/v2/delete-borrower-loan\",\n \"req_type\": \"delete\"\n }\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/borrower-loan\",\n Constants.REQUEST.post,\n body\n ).then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, ' Loan Data Deleted', Constants.TOAST.success);\n setTimeout(function () {\n that.fetchLoanDetails();\n }, 2000);\n }\n else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n })\n }\n });\n });\n }\n\n clearLoanDetailsForm() {\n document.getElementById('btn-app-loan-data-modal-close').addEventListener('click', function () {\n document.getElementById(\"app_name_of_banker_input\").value = '';\n document.getElementById(\"app_justification_input\").value = '';\n document.getElementById(\"app_name_of_facility_input\").value = '';\n document.getElementById(\"app_borrowing_relationship_input\").value = '';\n document.getElementById(\"app_type_of_loan_input\").value = '';\n document.getElementById(\"app_sanction_date_input\").value = '';\n document.getElementById(\"app_sanction_amt_input\").value = '';\n document.getElementById(\"app_current_outstanding_input\").value = '';\n document.getElementById(\"app_emi_interest_input\").value = '';\n document.getElementById(\"app_tenure_input\").value = '';\n document.getElementById(\"app_emi_date_input\").value = '';\n document.getElementById(\"app_emi_tracked_input\").value = '';\n });\n }\n\n submitApplicationDeviation() {\n let that = this;\n document.getElementById(\"btn-submit-app-deviation\").addEventListener(\"click\", function () {\n const applicationDeviation = document.getElementById(\"app_deviation_input\");\n const applicationJustification = document.getElementById(\"app_justification_input\");\n\n let body = {\n deviation: applicationDeviation.value,\n justification: applicationJustification.value,\n deviation_id: document.getElementById(\"app_deviation_id\").value\n };\n\n Utils.requestHandler(\n \"/scf/api/application/\" +\n that.scf_application_id +\n \"/app-deviations\",\n Constants.REQUEST.post,\n body\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n \"Success\",\n \"Deviation submitted successfully.\",\n Constants.TOAST.success\n );\n document.getElementById(\"app_deviation_input\").value = \"\";\n document.getElementById(\"app_justification_input\").value = \"\";\n document.getElementById(\"btn-app-deviation-modal-close\").click();\n that.fetchApplicationDeviation();\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () {\n Utils.loaderToast(Constants.ELEMENT_STATE.hide);\n });\n\n\n });\n }\n\n fetchApplicationDeviation() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/app-deviations\",\n Constants.REQUEST.get\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n that.renderAppDeviationTable(response);\n } else {\n let tmpl = document.getElementById(\"app-deviation-row-blank-tmpl\");\n let dx = document.getElementById(\"verified_deviations\");\n dx.innerHTML = null;\n let rendered = Mustache.render(tmpl.innerHTML);\n dx.innerHTML = rendered;\n // Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n })\n\n }\n\n renderAppDeviationTable(response) {\n let that = this;\n if (response.message === \"OK\") {\n let tmpl = document.getElementById(\"app-deviation-row-tmpl\");\n let dx = document.getElementById(\"verified_deviations\");\n dx.innerHTML = null;\n response.data.deviations.forEach(function (dd) {\n let rendered = Mustache.render(tmpl.innerHTML, dd);\n dx.append($.parseHTML(rendered)[1]);\n });\n that.destroyAppDeviation();\n that.editAppDeviation();\n }\n }\n\n destroyAppDeviation() {\n let that = this;\n document.querySelectorAll('[id^=\"destroy_app_deviation_\"]').forEach(element => {\n element.addEventListener('click', function (event) {\n event.preventDefault();\n let confirmed = window.confirm(\"Are you sure you want to delete Deviation?\")\n if (confirmed) {\n let deviation_id = this.id.split('_').slice(3).join('_');\n Utils.requestHandler('/scf/api/application/' + deviation_id + '/delete-app-deviations', Constants.REQUEST.post, {})\n .then(function (response) {\n if (response.message === 'OK') {\n Utils.showToast(response.message, ' Deviation Deleted', Constants.TOAST.success);\n that.fetchApplicationDeviation();\n }\n else {\n Utils.showToast(response.message, 'Not Found', Constants.TOAST.fail);\n }\n })\n }\n });\n });\n }\n\n clearDeviationForm() {\n document.getElementById('btn-app-deviation-modal-close').addEventListener('click', function () {\n document.getElementById('app_deviation_input').value = '';\n document.getElementById('app_justification_input').value = '';\n document.getElementById('app_deviation_id').value = '';\n });\n }\n\n editAppDeviation() {\n let that = this;\n document.querySelectorAll('[id^=\"edit_app_deviation_\"]').forEach(element => {\n element.addEventListener('click', function (event) {\n event.preventDefault();\n document.getElementById('btn_show_add_new_app_deviation').click();\n let deviation_id = this.id.split('_').slice(3).join('_');\n document.getElementById('app_deviation_input').value = this.dataset.deviation;\n document.getElementById('app_justification_input').value = this.dataset.justification;\n document.getElementById('app_deviation_id').value = deviation_id;\n });\n });\n }\n\n getApplicationDecision() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/credit-decision\",\n Constants.REQUEST.get\n )\n .then(function (response) {\n if (response.message === \"OK\" && response.data) {\n\n const borrowerScorecard = {\n borrower_rating: response.data.borrower_scorecard.borrower_rating,\n management_rating: response.data.borrower_scorecard.management_rating,\n financials_rating: response.data.borrower_scorecard.financials_rating,\n banking_rating: response.data.borrower_scorecard.banking_rating,\n bureau_p_rating: response.data.borrower_scorecard.bureau_p_rating,\n bureau_c_rating: response.data.borrower_scorecard.bureau_c_rating,\n gst_rating: response.data.borrower_scorecard.gst_rating,\n total_rating: response.data.borrower_scorecard.total_rating\n };\n // Set the values in the HTML inputs\n document.getElementById('borrower_scorecard_borrower_rating').value = borrowerScorecard.borrower_rating || '';\n document.getElementById('borrower_scorecard_management_rating').value = borrowerScorecard.management_rating || '';\n document.getElementById('borrower_scorecard_financials_rating').value = borrowerScorecard.financials_rating || '';\n document.getElementById('borrower_scorecard_banking_rating').value = borrowerScorecard.banking_rating || '';\n document.getElementById('borrower_scorecard_bureau_p_rating').value = borrowerScorecard.bureau_p_rating || '';\n document.getElementById('borrower_scorecard_bureau_c_rating').value = borrowerScorecard.bureau_c_rating || '';\n document.getElementById('borrower_scorecard_gst_rating').value = borrowerScorecard.gst_rating || '';\n document.getElementById('borrower_scorecard_total_rating').value = borrowerScorecard.total_rating || '';\n\n // let applicationScore = document.getElementById(\"app_score\");\n let applicationDecision = document.getElementById(\"app_decision\");\n let applicationRemarks = document.getElementById(\"app_remarks\");\n // let applicationApprovedAmout =\n // document.getElementById(\"amount_field\");\n // applicationScore.value = response[\"data\"][\"score\"];\n applicationDecision.value = response[\"data\"][\"decision\"];\n applicationRemarks.value = response[\"data\"][\"remarks\"];\n // applicationApprovedAmout.value = response[\"data\"][\"approved_amount\"];\n Utils.showToast(\n \"Fetched\",\n \"Decision Fetched\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n })\n .then(function () { });\n }\n\n initializeScorecardEventListeners() {\n const elements = document.querySelectorAll('.borrower_scorecard_element');\n\n // Function to calculate the total\n function calculateTotal() {\n let total = 0;\n elements.forEach(element => {\n // Add the numeric value of each field to the total. Handle empty fields as 0.\n total += Number(element.value) || 0;\n });\n\n // Update the total field\n document.getElementById('borrower_scorecard_total_rating').value = total;\n }\n\n // Attach the calculateTotal function as an event listener to each input element\n elements.forEach(element => {\n element.addEventListener('input', calculateTotal);\n });\n }\n}\n\nclass UdhyamAadhar {\n constructor(\n scf_application_id,\n inputValue = null,\n business_applicant_id = null,\n udyam_reg_no = null\n ) {\n this.scf_application_id =\n document.getElementById(\"scf_application_id\").value;\n this.elem_applicant_details = document.getElementById(\n \"div_applicant_details_gst\"\n );\n this.elem_application_details = document.getElementById(\n \"applicant-details-tmpl-gst\"\n );\n Utils.navPanelHandler(\".kyc-panel-link\", \".kyc-panel\");\n this.inputValue = inputValue;\n this.business_applicant_id = localStorage.getItem(\"business_applicant_id\");\n this.udyam_reg_no = udyam_reg_no;\n this.fetchUdyamDetails();\n this.Gstindetails();\n this.tempUdyamSearch();\n this.mcaDetails();\n }\n\n fetchUdyamDetails() {\n let that = this;\n return Utils.requestHandler(\n \"/scf/api/application/\" + this.scf_application_id + \"/udyam\",\n Constants.REQUEST.get\n ).then(function (response) {\n that.renderGstDetails(response.data);\n if (response.message === \"OK\") {\n let container = document.getElementById(\"div_application_details_udyam\");\n\n // Clear previous content\n container.innerHTML = '';\n\n if (!response.data.udyam_details || !response.data.udyam_details.tsp_data) {\n let notFoundMsg = document.createElement(\"h1\");\n notFoundMsg.textContent = \"Not Found\";\n container.appendChild(notFoundMsg);\n }\n\n that.business_applicant_name = document.getElementById('business_applicant_name').value;\n that.business_applicant_pan = document.getElementById('business_applicant_pan').value;\n let profile_name = response.data.udyam_details ? response.data.udyam_details.name : '';\n let trade_name = document.getElementById('scf_application_trade_name').value;\n\n // Create combinations with labels and format them\n let combinations = [\n `Udyam Name: ${profile_name} Trade Name: ${trade_name}`,\n // `Business Applicant Name: ${that.business_applicant_name} Udyam Name: ${profile_name}`, // Removed second pair\n `Business Applicant Name: ${that.business_applicant_name} Trade Name: ${trade_name}`,\n `Business Applicant Name: ${that.business_applicant_name} Udyam Name: ${profile_name} Trade Name: ${trade_name}`\n ];\n\n // Display combinations with specified formatting\n combinations.forEach(combination => {\n container.innerHTML += `
${combination}
`;\n });\n\n // Hide error message if conditions are met\n if (profile_name === that.business_applicant_name || profile_name === trade_name) {\n document.getElementById('error_message').classList.add('no-display');\n }\n\n // Call function to create nested table based on tsp_data\n if (response.data.udyam_details && response.data.udyam_details.tsp_data) {\n that.createNestedTableUydam(response.data.udyam_details.tsp_data, container);\n }\n }\n }).catch(function (error) {\n console.error('Error fetching Udyam details:', error);\n // Handle error display or logging as needed\n });\n }\n\n\n tempUdyamSearch() {\n let inputbox = document.getElementById(\"udyamSearchField\");\n let button = document.getElementById(\"syncButton\");\n let that = this;\n button.addEventListener(\"click\", function () {\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/udyam\",\n Constants.REQUEST.post,\n { udhyam_aadhaar: inputbox.value }\n ).then(function (response) {\n if (response.message === \"OK\") {\n Utils.showToast(\n \"Success\",\n \"Udyam Fetched successfully.\",\n Constants.TOAST.success\n );\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n });\n }\n\n Gstindetails() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + this.scf_application_id,\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n document.getElementById('eligibility_stage').value = response.data.eligibility_stage;\n that.renderGstDetails(response.data);\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n }\n\n mcaDetails() {\n let that = this;\n Utils.requestHandler(\n \"/scf/api/application/\" + this.scf_application_id,\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n let container = document.getElementById(\"div_application_details_mca\");\n let mcaData = response.data.mca_data;\n\n if (mcaData === null || mcaData.length === 0) {\n container.textContent = null;\n let notFoundMsg = document.createElement(\"h1\");\n notFoundMsg.textContent = \"Not Found\";\n container.appendChild(notFoundMsg);\n } else {\n // Clear the container\n container.innerHTML = \"\";\n\n // Create a table element with styles\n let table = document.createElement(\"table\");\n table.style.width = \"100%\";\n table.style.borderCollapse = \"collapse\";\n table.style.border = \"1px solid #ddd\";\n table.style.marginTop = \"20px\";\n\n // Recursive function to handle nested objects\n function createTableRow(key, value) {\n let row = document.createElement(\"tr\");\n\n let keyCell = document.createElement(\"td\");\n keyCell.textContent = key.replace(/_/g, \" \").toUpperCase();\n keyCell.style.border = \"1px solid #ddd\";\n keyCell.style.padding = \"8px\";\n keyCell.style.backgroundColor = \"#f2f2f2\";\n keyCell.style.fontWeight = \"bold\";\n keyCell.style.textTransform = \"uppercase\";\n\n let valueCell = document.createElement(\"td\");\n valueCell.style.border = \"1px solid #ddd\";\n valueCell.style.padding = \"8px\";\n if (typeof value === \"object\" && value !== null) {\n if (Array.isArray(value)) {\n let list = document.createElement(\"ul\");\n value.forEach(item => {\n let listItem = document.createElement(\"li\");\n if (typeof item === \"object\" && item !== null) {\n let nestedTable = document.createElement(\"table\");\n nestedTable.style.width = \"100%\";\n nestedTable.style.borderCollapse = \"collapse\";\n for (let nestedKey in item) {\n nestedTable.appendChild(createTableRow(nestedKey, item[nestedKey]));\n }\n listItem.appendChild(nestedTable);\n } else {\n listItem.textContent = item.toString().toUpperCase();\n }\n list.appendChild(listItem);\n });\n valueCell.appendChild(list);\n } else {\n let nestedTable = document.createElement(\"table\");\n nestedTable.style.width = \"100%\";\n nestedTable.style.borderCollapse = \"collapse\";\n for (let nestedKey in value) {\n nestedTable.appendChild(createTableRow(nestedKey, value[nestedKey]));\n }\n valueCell.appendChild(nestedTable);\n }\n } else {\n valueCell.textContent = value.toString().toUpperCase();\n }\n\n row.appendChild(keyCell);\n row.appendChild(valueCell);\n return row;\n }\n\n // Populate the table with rows\n for (let key in mcaData) {\n table.appendChild(createTableRow(key, mcaData[key]));\n }\n\n // Append the new table to the container\n container.appendChild(table);\n }\n } else {\n Utils.showToast(\n response.message,\n Utils.formatErrorMessage(response.errors),\n Constants.TOAST.fail\n );\n }\n });\n }\n\n\n\n\n\n\n transformGstData(data) {\n if (data != null && data.gstins) {\n let idxgst = 1;\n data.gstins.forEach(function (row) {\n row.registration_date = Utils.formatDate(row.registration_date);\n row.formatted_registration_date = Utils.formatTimeRelative(\n row.registration_date\n );\n row.last_updated = Utils.formatDate(row.last_updated);\n if (row.last_updated) {\n row.formatted_last_updated = Utils.formatTimeRelative(\n row.last_updated\n );\n }\n row.idx = idxgst++;\n });\n }\n return data;\n }\n renderGstDetails(data) {\n if (data == null) {\n return;\n }\n const that = this;\n let tmpl = document.getElementById(\"applicant-details-tmpl-gst\");\n let d = this.transformGstData(data);\n let rendered = Mustache.render(tmpl.innerHTML, d);\n this.elem_application_details.append($.parseHTML(rendered)[1]);\n tmpl = document.getElementById(\"applicant-details-tmpl-gst\");\n rendered = Mustache.render(tmpl.innerHTML, d);\n this.elem_applicant_details.append($.parseHTML(rendered)[1]);\n }\n\n createNestedTableUydam(jsonObj, parentElement, parentKey = null) {\n let that = this;\n let table = document.createElement(\"table\");\n table.style.borderCollapse = \"collapse\";\n table.style.width = \"100%\";\n table.style.border = \"1px solid #ddd\";\n table.style.marginTop = \"20px\";\n table.style.fontFamily = \"Arial, sans-serif\";\n table.style.fontSize = \"14px\";\n for (let key in jsonObj) {\n if (jsonObj.hasOwnProperty(key)) {\n let tr = document.createElement(\"tr\");\n let capitalizedKey = key.replace(/_/g, ' ').replace(/([A-Z])/g, ' $1');\n capitalizedKey = capitalizedKey.charAt(0).toUpperCase() + capitalizedKey.slice(1);\n let tdKey = document.createElement(\"td\");\n tdKey.style.border = \"1px solid #ddd\";\n tdKey.style.padding = \"8px\";\n tdKey.style.textAlign = \"left\";\n tdKey.style.backgroundColor = \"#f2f2f2\";\n tdKey.style.fontWeight = \"bold\";\n tdKey.style.width = \"30%\";\n tdKey.textContent = capitalizedKey;\n let tdValue = document.createElement(\"td\");\n tdValue.style.border = \"1px solid #ddd\";\n tdValue.style.padding = \"8px\";\n tdValue.style.textAlign = \"left\";\n tdValue.style.width = \"70%\";\n if (jsonObj[key] === null) {\n tdValue.textContent = \"Not Found\";\n tr.appendChild(tdKey);\n tr.appendChild(tdValue);\n table.appendChild(tr);\n continue;\n }\n if (parentKey == \"profile\" && key == \"name\") {\n let ud_name = jsonObj['name'];\n let bs_name = that.business_applicant_name;\n if (ud_name != bs_name) {\n tdValue.style.color = \"red\";\n tdValue.style.fontWeight = \"bold\";\n }\n }\n\n if (typeof jsonObj[key] === \"object\") {\n if (Array.isArray(jsonObj[key])) {\n let ul = document.createElement(\"ul\");\n ul.style.padding = \"0\";\n ul.style.margin = \"0\";\n ul.style.listStyleType = \"none\";\n jsonObj[key].forEach((item) => {\n let li = document.createElement(\"li\");\n li.style.marginBottom = \"5px\";\n if (typeof item === \"object\") {\n that.createNestedTableUydam(item, li, key);\n } else {\n li.textContent = item;\n }\n ul.appendChild(li);\n });\n tdValue.appendChild(ul);\n } else {\n that.createNestedTableUydam(jsonObj[key], tdValue, key);\n }\n } else {\n tdValue.textContent = jsonObj[key];\n }\n\n tr.appendChild(tdKey);\n tr.appendChild(tdValue);\n table.appendChild(tr);\n }\n }\n parentElement.appendChild(table);\n }\n}\n\n\nclass Eligibility {\n constructor() {\n this.scf_application_id = document.getElementById(\"scf_application_id\").value;\n this.fetchCounterParties();\n this.getBankingDetails();\n this.submitForm();\n Utils.requestHandler(\n \"/scf/api/application/\" + this.scf_application_id,\n Constants.REQUEST.get,\n {}\n ).then(function (response) {\n if (response.message === \"OK\") {\n document.getElementById('eligibility_stage').value = response.data.eligibility_stage;\n if (document.getElementById('eligibility_stage').value == \"ABB method\") {\n document.getElementById('eligibility_basis_abb').classList.remove('no-display');\n }\n else if (document.getElementById('eligibility_stage').value == \"GST Method\") {\n document.getElementById('eligibility_basis_gst').classList.remove('no-display');\n }\n else if (document.getElementById('eligibility_stage').value == \"Financials\") {\n document.getElementById('financial_ratios').classList.remove('no-display');\n }\n else if (document.getElementById('eligibility_stage').value == \"Professional Reciepts Loan Method\") {\n document.getElementById('professional_reciepts').classList.remove('no-display');\n }\n else if (document.getElementById('eligibility_stage').value == \"Income Method\") {\n document.getElementById('income_loan').classList.remove('no-display');\n }\n }\n });\n this.fetchEligibilityData();\n }\n\n fetchCounterParties() {\n let that = this;\n that.counter_parties = [];\n Utils.requestHandler(\n \"/scf/api/application/\" + that.scf_application_id + \"/counter-parties\",\n Constants.REQUEST.get\n )\n .then(function (response) {\n if (response.message === \"OK\") {\n that.counter_parties = response.data.counter_parties;\n if (that.counter_parties.length == 0) {\n document.getElementById('eligibility_basis_counterparty').classList.add(\"no-display\");\n }\n that.renderFormSections();\n }\n else {\n document.getElementById('eligibility_basis_counterparty').classList.add(\"no-display\");\n }\n });\n }\n\n formatDateForInput(dateString) {\n const [year, month, day] = dateString.split('-');\n return `${year}-${month}-${day}`;\n }\n\n renderFormSections() {\n const container = document.getElementById('eligibility_basis_counterparty_form');\n container.innerHTML = '';\n const updateTotals = () => {\n let totalYearlyPurchase = 0;\n\n this.counter_parties.forEach(counterParty => {\n const yearlyPurchaseValue = parseFloat(document.getElementById(`eligibility_${counterParty.id}`).value) || 0;\n totalYearlyPurchase += yearlyPurchaseValue;\n });\n\n document.getElementById('total_eligibility').value = totalYearlyPurchase.toFixed(2);\n };\n\n container.innerHTML = `\n