@elliemae/pui-app-bridge 2.21.3 → 2.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/appBridge.js +43 -61
  2. package/dist/cjs/index.html +1 -1
  3. package/dist/cjs/index.js +5 -1
  4. package/dist/cjs/loaders/script.js +162 -10
  5. package/dist/cjs/loaders/style.js +98 -9
  6. package/dist/esm/appBridge.js +43 -61
  7. package/dist/esm/index.html +1 -1
  8. package/dist/esm/index.js +5 -1
  9. package/dist/esm/loaders/script.js +162 -10
  10. package/dist/esm/loaders/style.js +98 -9
  11. package/dist/public/creditService/latest/creditService.checksum.js +1 -1
  12. package/dist/public/creditService/latest/creditService.checksum.js.br +0 -0
  13. package/dist/public/creditService/latest/creditService.checksum.js.gz +0 -0
  14. package/dist/public/creditService/latest/creditService.checksum.js.map +1 -1
  15. package/dist/public/frame.html +1 -1
  16. package/dist/public/index.html +1 -1
  17. package/dist/public/init.js +1 -1
  18. package/dist/public/init.js.br +0 -0
  19. package/dist/public/init.js.gz +0 -0
  20. package/dist/public/init.js.map +1 -1
  21. package/dist/public/js/emuiAppBridge.77676d32f64ebb779bb5.js +51 -0
  22. package/dist/public/js/emuiAppBridge.77676d32f64ebb779bb5.js.br +0 -0
  23. package/dist/public/js/emuiAppBridge.77676d32f64ebb779bb5.js.gz +0 -0
  24. package/dist/public/js/emuiAppBridge.77676d32f64ebb779bb5.js.map +1 -0
  25. package/dist/public/latest/app.config.json +6 -6
  26. package/dist/public/loanValidation/latest/loanValidation.checksum.js +1 -1
  27. package/dist/public/loanValidation/latest/loanValidation.checksum.js.br +0 -0
  28. package/dist/public/loanValidation/latest/loanValidation.checksum.js.gz +0 -0
  29. package/dist/public/loanValidation/latest/loanValidation.checksum.js.map +1 -1
  30. package/dist/public/pricingService/latest/pricingService.checksum.js +2 -2
  31. package/dist/public/pricingService/latest/pricingService.checksum.js.br +0 -0
  32. package/dist/public/pricingService/latest/pricingService.checksum.js.gz +0 -0
  33. package/dist/public/pricingService/latest/pricingService.checksum.js.map +1 -1
  34. package/dist/public/utils.js +1 -1
  35. package/dist/public/utils.js.br +0 -0
  36. package/dist/public/utils.js.gz +0 -0
  37. package/dist/public/utils.js.map +1 -1
  38. package/dist/types/lib/index.d.ts +2 -0
  39. package/dist/types/lib/loaders/script.d.ts +99 -5
  40. package/dist/types/lib/loaders/style.d.ts +77 -4
  41. package/dist/types/lib/tests/loaders/script.test.d.ts +1 -0
  42. package/dist/types/tsconfig.tsbuildinfo +1 -1
  43. package/dist/umd/creditService/latest/creditService.checksum.js +1 -1
  44. package/dist/umd/creditService/latest/creditService.checksum.js.br +0 -0
  45. package/dist/umd/creditService/latest/creditService.checksum.js.gz +0 -0
  46. package/dist/umd/creditService/latest/creditService.checksum.js.map +1 -1
  47. package/dist/umd/index.html +1 -1
  48. package/dist/umd/index.js +17 -17
  49. package/dist/umd/index.js.br +0 -0
  50. package/dist/umd/index.js.gz +0 -0
  51. package/dist/umd/index.js.map +1 -1
  52. package/dist/umd/init.js +1 -1
  53. package/dist/umd/init.js.br +0 -0
  54. package/dist/umd/init.js.gz +0 -0
  55. package/dist/umd/init.js.map +1 -1
  56. package/dist/umd/latest/app.config.json +6 -6
  57. package/dist/umd/loanValidation/latest/loanValidation.checksum.js +1 -1
  58. package/dist/umd/loanValidation/latest/loanValidation.checksum.js.br +0 -0
  59. package/dist/umd/loanValidation/latest/loanValidation.checksum.js.gz +0 -0
  60. package/dist/umd/loanValidation/latest/loanValidation.checksum.js.map +1 -1
  61. package/dist/umd/pricingService/latest/pricingService.checksum.js +2 -2
  62. package/dist/umd/pricingService/latest/pricingService.checksum.js.br +0 -0
  63. package/dist/umd/pricingService/latest/pricingService.checksum.js.gz +0 -0
  64. package/dist/umd/pricingService/latest/pricingService.checksum.js.map +1 -1
  65. package/dist/umd/utils.js +1 -1
  66. package/dist/umd/utils.js.br +0 -0
  67. package/dist/umd/utils.js.gz +0 -0
  68. package/dist/umd/utils.js.map +1 -1
  69. package/package.json +9 -9
  70. package/dist/public/js/emuiAppBridge.b2ffda17fd59a1937af8.js +0 -51
  71. package/dist/public/js/emuiAppBridge.b2ffda17fd59a1937af8.js.br +0 -0
  72. package/dist/public/js/emuiAppBridge.b2ffda17fd59a1937af8.js.gz +0 -0
  73. package/dist/public/js/emuiAppBridge.b2ffda17fd59a1937af8.js.map +0 -1
@@ -1,3 +1,3 @@
1
- (function(){let e=null;const n=window.parent;n.emui=n.emui||{};const s=async t=>e?await e.getObject(t):null;n.emui.creditservice={init:async t=>(e=t.host,Promise.resolve()),mount:async t=>{const o=await s("Loan"),{ssn:i}=await o.getLoanDetails();return setTimeout(async()=>{const r=i==="123456789"?800:600;await o.setCreditScore(r)},1e3),Promise.resolve()},unmount:async t=>Promise.resolve()}})();
1
+ import{registerApp as r,getWindow as a}from"../../utils.js";const i="creditservice";let t=null;const u=a(i);window.emui=window.emui||{uuid:crypto.randomUUID()},window.emui.app={uuid:window.emui.uuid,init:async o=>(t=o.host,Promise.resolve()),mount:async o=>{const e=await t.getObject("Loan"),{ssn:n}=await e.getLoanDetails();return setTimeout(async()=>{const s=n==="123456789"?800:600;await e.setCreditScore(s)},1e3),Promise.resolve()},unmount:async o=>Promise.resolve()},r({browserWindow:u,appId:i,app:window.emui.app});
2
2
 
3
3
  //# sourceMappingURL=creditService.checksum.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://ice/creditService/latest/creditService.checksum.js"],"sourcesContent":["(function () {\n let host = null;\n const parentWindow = window.parent;\n parentWindow.emui = parentWindow.emui || {};\n\n const getLoanObject = async (objectId) => {\n if (host) {\n return await host.getObject(objectId);\n }\n return null;\n };\n\n parentWindow.emui.creditservice = {\n init: async (options) => {\n host = options.host;\n return Promise.resolve();\n },\n mount: async (options) => {\n const loanObj = await getLoanObject('Loan');\n const { ssn } = await loanObj.getLoanDetails();\n setTimeout(async () => {\n const score = ssn === '123456789' ? 800 : 600;\n await loanObj.setCreditScore(score);\n }, 1000);\n return Promise.resolve();\n },\n unmount: async (options) => Promise.resolve(),\n };\n})();\n"],"mappings":"CAAC,UAAY,CACX,IAAIA,EAAO,KACX,MAAMC,EAAe,OAAO,OAC5BA,EAAa,KAAOA,EAAa,MAAQ,CAAC,EAE1C,MAAMC,EAAgB,MAAOC,GACvBH,EACK,MAAMA,EAAK,UAAUG,CAAQ,EAE/B,KAGTF,EAAa,KAAK,cAAgB,CAChC,KAAM,MAAOG,IACXJ,EAAOI,EAAQ,KACR,QAAQ,QAAQ,GAEzB,MAAO,MAAOA,GAAY,CACxB,MAAMC,EAAU,MAAMH,EAAc,MAAM,EACpC,CAAE,IAAAI,CAAI,EAAI,MAAMD,EAAQ,eAAe,EAC7C,kBAAW,SAAY,CACrB,MAAME,EAAQD,IAAQ,YAAc,IAAM,IAC1C,MAAMD,EAAQ,eAAeE,CAAK,CACpC,EAAG,GAAI,EACA,QAAQ,QAAQ,CACzB,EACA,QAAS,MAAOH,GAAY,QAAQ,QAAQ,CAC9C,CACF,GAAG","names":["host","parentWindow","getLoanObject","objectId","options","loanObj","ssn","score"],"sourceRoot":"","file":"creditService/latest/creditService.checksum.js"}
1
+ {"version":3,"sources":["webpack://ice/creditService/latest/creditService.checksum.js"],"sourcesContent":["import { registerApp, getWindow } from '../../utils.js';\nconst appId = 'creditservice';\n// eslint-disable-next-line no-unused-vars\nlet host = null;\nconst browserWindow = getWindow(appId);\nwindow.emui = window.emui || { uuid: crypto.randomUUID() };\n\nwindow.emui.app = {\n uuid: window.emui.uuid,\n init: async (options) => {\n host = options.host;\n return Promise.resolve();\n },\n mount: async (options) => {\n const loanObj = await host.getObject('Loan');\n const { ssn } = await loanObj.getLoanDetails();\n setTimeout(async () => {\n const score = ssn === '123456789' ? 800 : 600;\n await loanObj.setCreditScore(score);\n }, 1000);\n return Promise.resolve();\n },\n unmount: async (options) => Promise.resolve(),\n};\n\nregisterApp({ browserWindow, appId, app: window.emui.app });\n"],"mappings":"AAAA,OAAS,eAAAA,EAAa,aAAAC,MAAiB,iBACvC,MAAMC,EAAQ,gBAEd,IAAIC,EAAO,KACX,MAAMC,EAAgBH,EAAUC,CAAK,EACrC,OAAO,KAAO,OAAO,MAAQ,CAAE,KAAM,OAAO,WAAW,CAAE,EAEzD,OAAO,KAAK,IAAM,CAChB,KAAM,OAAO,KAAK,KAClB,KAAM,MAAOG,IACXF,EAAOE,EAAQ,KACR,QAAQ,QAAQ,GAEzB,MAAO,MAAOA,GAAY,CACxB,MAAMC,EAAU,MAAMH,EAAK,UAAU,MAAM,EACrC,CAAE,IAAAI,CAAI,EAAI,MAAMD,EAAQ,eAAe,EAC7C,kBAAW,SAAY,CACrB,MAAME,EAAQD,IAAQ,YAAc,IAAM,IAC1C,MAAMD,EAAQ,eAAeE,CAAK,CACpC,EAAG,GAAI,EACA,QAAQ,QAAQ,CACzB,EACA,QAAS,MAAOH,GAAY,QAAQ,QAAQ,CAC9C,EAEAL,EAAY,CAAE,cAAAI,EAAe,MAAAF,EAAO,IAAK,OAAO,KAAK,GAAI,CAAC","names":["registerApp","getWindow","appId","host","browserWindow","options","loanObj","ssn","score"],"sourceRoot":"","file":"creditService/latest/creditService.checksum.js"}
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Host</title><script src="https://cdn.tailwindcss.com?plugins=forms"></script><script src="https://cdn.qa1.ice.com/pui-diagnostics@3"></script><script defer="defer" src="index.js"></script></head><body><header class="bg-indigo-300 h-10 flex place-items-center"><div class="px-2">ICE Mortgage Product</div></header><main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"><div class="min-w-0 flex-1 mt-4"><h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">Loan Application</h1></div><div id="successFeedback" class="hidden rounded-md bg-green-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg></div><div class="ml-3"><p class="text-sm font-medium text-green-800">Loan Saved Successfully</p></div></div></div><div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"/></svg></div><div class="ml-3"><h3 class="text-sm font-medium text-red-800">Credit Score is not meeting the requirement</h3></div></div></div><div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2"><form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50"><div class="space-y-8 divide-y divide-gray-200 sm:space-y-5"><div class="space-y-6 sm:space-y-5"><div><h3 class="text-lg font-medium leading-6 text-gray-900">Personal Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="firstName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">First name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="firstName" id="firstName" autocomplete="given-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="John" placeholder="John"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="lastName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Last name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="lastName" id="lastName" autocomplete="family-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="Doe" placeholder="Doe"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="ssn" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">SSN</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="ssn" id="ssn" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="123456789" placeholder="123456789"/></div></div></div><div><h3 class="text-lg font-medium leading-6 text-gray-900">Loan Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="amount" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Amount</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="amount" id="amount" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="500000" placeholder="500000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="Term" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Term (years)</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="term" id="term" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="30" placeholder="30"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="downPayment" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Down Payment</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="downPayment" id="downPayment" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="50000" placeholder="50000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="creditScore" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Credit Score</label><div class="mt-1 sm:mt-0"><output id="creditScore" class="block w-full max-w-lg pl-2 pt-2 sm:max-w-xs sm:text-sm">NA</output></div><div class="mt-1 sm:mt-0"><button id="getCreditScore" type="button" class="inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-1 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg></button></div></div></div></div></div><button id="saveLoan" type="button" class="inline-flex items-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button></form><div id="aside-container" class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0"></div></div><div id="bottom-container" class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"></div></main><script src="./init.js" type="module"></script></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Host</title><script src="https://cdn.tailwindcss.com?plugins=forms"></script><script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script><script defer="defer" src="index.js"></script></head><body><header class="bg-indigo-300 h-10 flex place-items-center"><div class="px-2">ICE Mortgage Product</div></header><main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"><div class="min-w-0 flex-1 mt-4"><h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">Loan Application</h1></div><div id="successFeedback" class="hidden rounded-md bg-green-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg></div><div class="ml-3"><p class="text-sm font-medium text-green-800">Loan Saved Successfully</p></div></div></div><div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"/></svg></div><div class="ml-3"><h3 class="text-sm font-medium text-red-800">Credit Score is not meeting the requirement</h3></div></div></div><div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2"><form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50"><div class="space-y-8 divide-y divide-gray-200 sm:space-y-5"><div class="space-y-6 sm:space-y-5"><div><h3 class="text-lg font-medium leading-6 text-gray-900">Personal Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="firstName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">First name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="firstName" id="firstName" autocomplete="given-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="John" placeholder="John"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="lastName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Last name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="lastName" id="lastName" autocomplete="family-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="Doe" placeholder="Doe"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="ssn" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">SSN</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="ssn" id="ssn" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="123456789" placeholder="123456789"/></div></div></div><div><h3 class="text-lg font-medium leading-6 text-gray-900">Loan Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="amount" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Amount</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="amount" id="amount" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="500000" placeholder="500000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="Term" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Term (years)</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="term" id="term" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="30" placeholder="30"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="downPayment" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Down Payment</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="downPayment" id="downPayment" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="50000" placeholder="50000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="creditScore" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Credit Score</label><div class="mt-1 sm:mt-0"><output id="creditScore" class="block w-full max-w-lg pl-2 pt-2 sm:max-w-xs sm:text-sm">NA</output></div><div class="mt-1 sm:mt-0"><button id="getCreditScore" type="button" class="inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-1 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg></button></div></div></div></div></div><button id="saveLoan" type="button" class="inline-flex items-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button></form><div id="aside-container" class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0"></div></div><div id="bottom-container" class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"></div></main><script src="./init.js" type="module"></script></body></html>