@elliemae/ssf-host 2.23.4 → 2.24.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 (91) hide show
  1. package/dist/cjs/callchain-host.html +262 -0
  2. package/dist/cjs/callchain-intermediate.html +92 -0
  3. package/dist/cjs/e2e-host.html +603 -0
  4. package/dist/cjs/e2e-index.html +234 -0
  5. package/dist/cjs/host.js +100 -43
  6. package/dist/cjs/index.html +304 -151
  7. package/dist/cjs/popup-focus-host.html +318 -0
  8. package/dist/cjs/utils.js +14 -1
  9. package/dist/cjs/v2-host-v1-guest.html +3 -0
  10. package/dist/esm/callchain-host.html +262 -0
  11. package/dist/esm/callchain-intermediate.html +92 -0
  12. package/dist/esm/e2e-host.html +603 -0
  13. package/dist/esm/e2e-index.html +234 -0
  14. package/dist/esm/host.js +101 -44
  15. package/dist/esm/index.html +304 -151
  16. package/dist/esm/popup-focus-host.html +318 -0
  17. package/dist/esm/utils.js +14 -1
  18. package/dist/esm/v2-host-v1-guest.html +3 -0
  19. package/dist/public/callchain-host.html +34 -0
  20. package/dist/public/callchain-host.js +3 -0
  21. package/dist/public/callchain-host.js.br +0 -0
  22. package/dist/public/callchain-host.js.gz +0 -0
  23. package/dist/public/callchain-host.js.map +1 -0
  24. package/dist/public/callchain-intermediate.html +1 -0
  25. package/dist/public/e2e-host.html +5 -0
  26. package/dist/public/e2e-host.js +8 -0
  27. package/dist/public/e2e-host.js.br +0 -0
  28. package/dist/public/e2e-host.js.gz +0 -0
  29. package/dist/public/e2e-host.js.map +1 -0
  30. package/dist/public/e2e-index.html +1 -0
  31. package/dist/public/index.html +1 -1
  32. package/dist/public/init.js +1 -1
  33. package/dist/public/init.js.br +0 -0
  34. package/dist/public/init.js.gz +0 -0
  35. package/dist/public/init.js.map +1 -1
  36. package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js +3 -0
  37. package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.br +0 -0
  38. package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.gz +0 -0
  39. package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.map +1 -0
  40. package/dist/public/loan-object.js +1 -1
  41. package/dist/public/loan-object.js.br +0 -0
  42. package/dist/public/loan-object.js.gz +0 -0
  43. package/dist/public/loan-object.js.map +1 -1
  44. package/dist/public/popup-focus-host.html +1 -0
  45. package/dist/public/popup-focus-host.js +6 -0
  46. package/dist/public/popup-focus-host.js.br +0 -0
  47. package/dist/public/popup-focus-host.js.gz +0 -0
  48. package/dist/public/popup-focus-host.js.map +1 -0
  49. package/dist/public/v1-guest-v2-host.html +1 -1
  50. package/dist/public/v2-host-v1-guest.html +1 -1
  51. package/dist/types/lib/host.d.ts +1 -0
  52. package/dist/types/lib/ihost.d.ts +15 -0
  53. package/dist/types/lib/tests/timingDedup.test.d.ts +1 -0
  54. package/dist/types/lib/utils.d.ts +1 -0
  55. package/dist/types/tsconfig.tsbuildinfo +1 -1
  56. package/dist/umd/callchain-host.html +34 -0
  57. package/dist/umd/callchain-host.js +3 -0
  58. package/dist/umd/callchain-host.js.br +0 -0
  59. package/dist/umd/callchain-host.js.gz +0 -0
  60. package/dist/umd/callchain-host.js.map +1 -0
  61. package/dist/umd/callchain-intermediate.html +1 -0
  62. package/dist/umd/e2e-host.html +5 -0
  63. package/dist/umd/e2e-host.js +8 -0
  64. package/dist/umd/e2e-host.js.br +0 -0
  65. package/dist/umd/e2e-host.js.gz +0 -0
  66. package/dist/umd/e2e-host.js.map +1 -0
  67. package/dist/umd/e2e-index.html +1 -0
  68. package/dist/umd/index.html +1 -1
  69. package/dist/umd/index.js +1 -1
  70. package/dist/umd/index.js.br +0 -0
  71. package/dist/umd/index.js.gz +0 -0
  72. package/dist/umd/index.js.map +1 -1
  73. package/dist/umd/init.js +1 -1
  74. package/dist/umd/init.js.br +0 -0
  75. package/dist/umd/init.js.gz +0 -0
  76. package/dist/umd/init.js.map +1 -1
  77. package/dist/umd/loan-object.js +1 -1
  78. package/dist/umd/loan-object.js.br +0 -0
  79. package/dist/umd/loan-object.js.gz +0 -0
  80. package/dist/umd/loan-object.js.map +1 -1
  81. package/dist/umd/popup-focus-host.html +1 -0
  82. package/dist/umd/popup-focus-host.js +6 -0
  83. package/dist/umd/popup-focus-host.js.br +0 -0
  84. package/dist/umd/popup-focus-host.js.gz +0 -0
  85. package/dist/umd/popup-focus-host.js.map +1 -0
  86. package/dist/umd/v2-host-v1-guest.html +1 -1
  87. package/package.json +5 -5
  88. package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js +0 -3
  89. package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.br +0 -0
  90. package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.gz +0 -0
  91. package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.map +0 -1
@@ -1,61 +1,113 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Host</title>
8
+ <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
9
+ <script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script>
10
+ </head>
3
11
 
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
- <title>Host</title>
9
- <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
10
- <script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script>
11
- </head>
12
-
13
- <body>
14
- <header class="bg-indigo-300 h-10 flex place-items-center">
15
- <div class="px-2">ICE Mortgage Product</div>
16
- </header>
17
- <main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
18
- <div class="min-w-0 flex-1 mt-4">
19
- <h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">Loan Application
20
- </h2>
21
- </div>
22
- <!-- success feedback -->
23
- <div id="successFeedback" class="hidden rounded-md bg-green-50 p-4">
24
- <div class="flex">
25
- <div class="flex-shrink-0">
26
- <!-- Heroicon name: mini/check-circle -->
27
- <svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
28
- aria-hidden="true">
29
- <path fill-rule="evenodd"
30
- 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"
31
- clip-rule="evenodd" />
32
- </svg>
33
- </div>
34
- <div class="ml-3">
35
- <p class="text-sm font-medium text-green-800">Loan Saved Successfully</p>
36
- </div>
12
+ <body>
13
+ <header class="bg-indigo-300 h-10 flex place-items-center justify-between">
14
+ <div class="px-2">ICE Mortgage Product</div>
15
+ <nav class="flex gap-3 px-2 text-xs">
16
+ <a
17
+ href="./e2e-index.html"
18
+ data-testid="nav-e2e-suite"
19
+ class="text-indigo-800 hover:text-indigo-950 underline font-bold"
20
+ >E2E Test Suite</a
21
+ >
22
+ <a
23
+ href="./e2e-host.html"
24
+ data-testid="nav-e2e-host"
25
+ class="text-indigo-800 hover:text-indigo-950 underline"
26
+ >Comprehensive E2E</a
27
+ >
28
+ <a
29
+ href="./callchain-host.html"
30
+ data-testid="nav-callchain-test"
31
+ class="text-indigo-800 hover:text-indigo-950 underline"
32
+ >CallChain</a
33
+ >
34
+ <a
35
+ href="./popup-focus-host.html"
36
+ data-testid="nav-popup-focus-test"
37
+ class="text-indigo-800 hover:text-indigo-950 underline"
38
+ >Popup Focus</a
39
+ >
40
+ <a
41
+ href="./v2-host-v1-guest.html"
42
+ data-testid="nav-v1-interop"
43
+ class="text-indigo-800 hover:text-indigo-950 underline"
44
+ >V1 Interop</a
45
+ >
46
+ </nav>
47
+ </header>
48
+ <main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
49
+ <div class="min-w-0 flex-1 mt-4">
50
+ <h1
51
+ class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight"
52
+ >
53
+ Loan Application
54
+ </h1>
37
55
  </div>
38
- </div>
39
- <!-- error feedback -->
40
- <div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4">
41
- <div class="flex">
42
- <div class="flex-shrink-0">
43
- <svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
44
- aria-hidden="true">
45
- <path fill-rule="evenodd"
46
- 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"
47
- clip-rule="evenodd" />
48
- </svg>
56
+ <!-- success feedback -->
57
+ <div id="successFeedback" class="hidden rounded-md bg-green-50 p-4">
58
+ <div class="flex">
59
+ <div class="flex-shrink-0">
60
+ <!-- Heroicon name: mini/check-circle -->
61
+ <svg
62
+ class="h-5 w-5 text-green-400"
63
+ xmlns="http://www.w3.org/2000/svg"
64
+ viewBox="0 0 20 20"
65
+ fill="currentColor"
66
+ aria-hidden="true"
67
+ >
68
+ <path
69
+ fill-rule="evenodd"
70
+ 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"
71
+ clip-rule="evenodd"
72
+ />
73
+ </svg>
74
+ </div>
75
+ <div class="ml-3">
76
+ <p class="text-sm font-medium text-green-800">
77
+ Loan Saved Successfully
78
+ </p>
79
+ </div>
49
80
  </div>
50
- <div class="ml-3">
51
- <h3 class="text-sm font-medium text-red-800">Credit Score is not meeting the requirement</h3>
81
+ </div>
82
+ <!-- error feedback -->
83
+ <div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4">
84
+ <div class="flex">
85
+ <div class="flex-shrink-0">
86
+ <svg
87
+ class="h-5 w-5 text-red-400"
88
+ xmlns="http://www.w3.org/2000/svg"
89
+ viewBox="0 0 20 20"
90
+ fill="currentColor"
91
+ aria-hidden="true"
92
+ >
93
+ <path
94
+ fill-rule="evenodd"
95
+ 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"
96
+ clip-rule="evenodd"
97
+ />
98
+ </svg>
99
+ </div>
100
+ <div class="ml-3">
101
+ <h3 class="text-sm font-medium text-red-800">
102
+ Credit Score is not meeting the requirement
103
+ </h3>
104
+ </div>
52
105
  </div>
53
106
  </div>
54
- </div>
55
- <div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2">
56
- <form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50">
57
- <div class="space-y-8 divide-y divide-gray-200 sm:space-y-5">
58
- <!-- <button type="button"
107
+ <div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2">
108
+ <form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50">
109
+ <div class="space-y-8 divide-y divide-gray-200 sm:space-y-5">
110
+ <!-- <button type="button"
59
111
  class="inline-flex items-center rounded-md border border-transparent bg-indigo-600 px-3 py-2 text-sm font-medium leading-4 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
60
112
  Autofill
61
113
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
@@ -65,119 +117,220 @@
65
117
  <path d="M18.75 6.75h1.875c.621 0 1.125.504 1.125 1.125V18a1.5 1.5 0 01-3 0V6.75z" />
66
118
  </svg>
67
119
  </button> -->
68
- <div class="space-y-6 sm:space-y-5">
69
- <div>
70
- <h3 class="text-lg font-medium leading-6 text-gray-900">
71
- Personal Information
72
- </h3>
73
- </div>
74
120
  <div class="space-y-6 sm:space-y-5">
75
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
76
- <label for="firstName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">First
77
- name</label>
78
- <div class="mt-1 sm:col-span-2 sm:mt-0">
79
- <input type="text" name="firstName" id="firstName" autocomplete="given-name"
80
- 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"
81
- value="John" placeholder="John" />
82
- </div>
83
- </div>
84
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
85
- <label for="lastName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Last name</label>
86
- <div class="mt-1 sm:col-span-2 sm:mt-0">
87
- <input type="text" name="lastName" id="lastName" autocomplete="family-name"
88
- 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"
89
- value="Doe" placeholder="Doe" />
90
- </div>
91
- </div>
92
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
93
- <label for="ssn" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">SSN</label>
94
- <div class="mt-1 sm:col-span-2 sm:mt-0">
95
- <input type="number" name="ssn" id="ssn"
96
- 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"
97
- value="123456789" placeholder="123456789" />
98
- </div>
121
+ <div>
122
+ <h3 class="text-lg font-medium leading-6 text-gray-900">
123
+ Personal Information
124
+ </h3>
99
125
  </div>
100
- </div>
101
- <div>
102
- <h3 class="text-lg font-medium leading-6 text-gray-900">
103
- Loan Information
104
- </h3>
105
- </div>
106
- <div class="space-y-6 sm:space-y-5">
107
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
108
- <label for="amount" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Amount</label>
109
- <div class="mt-1 sm:col-span-2 sm:mt-0">
110
- <input type="number" name="amount" id="amount"
111
- 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"
112
- value="500000" placeholder="500000" />
126
+ <div class="space-y-6 sm:space-y-5">
127
+ <div
128
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
129
+ >
130
+ <label
131
+ for="firstName"
132
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
133
+ >First name</label
134
+ >
135
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
136
+ <input
137
+ type="text"
138
+ name="firstName"
139
+ id="firstName"
140
+ autocomplete="given-name"
141
+ 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"
142
+ value="John"
143
+ placeholder="John"
144
+ />
145
+ </div>
113
146
  </div>
114
- </div>
115
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
116
- <label for="Term" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Term (years)</label>
117
- <div class="mt-1 sm:col-span-2 sm:mt-0">
118
- <input type="number" name="term" id="term"
119
- 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"
120
- value="30" placeholder="30" />
147
+ <div
148
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
149
+ >
150
+ <label
151
+ for="lastName"
152
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
153
+ >Last name</label
154
+ >
155
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
156
+ <input
157
+ type="text"
158
+ name="lastName"
159
+ id="lastName"
160
+ autocomplete="family-name"
161
+ 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"
162
+ value="Doe"
163
+ placeholder="Doe"
164
+ />
165
+ </div>
121
166
  </div>
122
- </div>
123
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
124
- <label for="downPayment" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Down
125
- Payment</label>
126
- <div class="mt-1 sm:col-span-2 sm:mt-0">
127
- <input type="number" name="downPayment" id="downPayment"
128
- 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"
129
- value="50000" placeholder="50000" />
167
+ <div
168
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
169
+ >
170
+ <label
171
+ for="ssn"
172
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
173
+ >SSN</label
174
+ >
175
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
176
+ <input
177
+ type="number"
178
+ name="ssn"
179
+ id="ssn"
180
+ 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"
181
+ value="123456789"
182
+ placeholder="123456789"
183
+ />
184
+ </div>
130
185
  </div>
131
186
  </div>
132
187
  <div>
133
188
  <h3 class="text-lg font-medium leading-6 text-gray-900">
134
- Order Services
189
+ Loan Information
135
190
  </h3>
136
191
  </div>
137
- <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200">
138
- <div class="mt-1 sm:mt-0">
139
- <button id="title" 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 disabled:opacity-50 disabled:cursor-not-allowed
140
- focus:ring-offset-2">
141
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
142
- <path fill-rule="evenodd"
143
- d="M7.502 6h7.128A3.375 3.375 0 0118 9.375v9.375a3 3 0 003-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 00-.673-.05A3 3 0 0015 1.5h-1.5a3 3 0 00-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6zM13.5 3A1.5 1.5 0 0012 4.5h4.5A1.5 1.5 0 0015 3h-1.5z"
144
- clip-rule="evenodd" />
145
- <path fill-rule="evenodd"
146
- d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 013 20.625V9.375zM6 12a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V12zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 15a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V15zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 18a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V18zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75z"
147
- clip-rule="evenodd" />
148
- </svg>
149
- Title
150
- </button>
192
+ <div class="space-y-6 sm:space-y-5">
193
+ <div
194
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
195
+ >
196
+ <label
197
+ for="amount"
198
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
199
+ >Amount</label
200
+ >
201
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
202
+ <input
203
+ type="number"
204
+ name="amount"
205
+ id="amount"
206
+ 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"
207
+ value="500000"
208
+ placeholder="500000"
209
+ />
210
+ </div>
151
211
  </div>
152
- <div class="mt-1 sm:mt-0">
153
- <button id="credit" type="button"
154
- 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 disabled:opacity-50 disabled:cursor-not-allowed
155
- focus:ring-offset-2">
156
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
157
- <path fill-rule="evenodd" d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z" clip-rule="evenodd" />
158
- <path fill-rule="evenodd" d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z" clip-rule="evenodd" />
159
- </svg>
160
- Credit Score
161
- </button>
212
+ <div
213
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
214
+ >
215
+ <label
216
+ for="Term"
217
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
218
+ >Term (years)</label
219
+ >
220
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
221
+ <input
222
+ type="number"
223
+ name="term"
224
+ id="term"
225
+ 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"
226
+ value="30"
227
+ placeholder="30"
228
+ />
229
+ </div>
230
+ </div>
231
+ <div
232
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
233
+ >
234
+ <label
235
+ for="downPayment"
236
+ class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"
237
+ >Down Payment</label
238
+ >
239
+ <div class="mt-1 sm:col-span-2 sm:mt-0">
240
+ <input
241
+ type="number"
242
+ name="downPayment"
243
+ id="downPayment"
244
+ 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"
245
+ value="50000"
246
+ placeholder="50000"
247
+ />
248
+ </div>
249
+ </div>
250
+ <div>
251
+ <h3 class="text-lg font-medium leading-6 text-gray-900">
252
+ Order Services
253
+ </h3>
254
+ </div>
255
+ <div
256
+ class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"
257
+ >
258
+ <div class="mt-1 sm:mt-0">
259
+ <button
260
+ id="title"
261
+ type="button"
262
+ 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 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-offset-2"
263
+ >
264
+ <svg
265
+ xmlns="http://www.w3.org/2000/svg"
266
+ viewBox="0 0 24 24"
267
+ fill="currentColor"
268
+ class="w-6 h-6"
269
+ >
270
+ <path
271
+ fill-rule="evenodd"
272
+ d="M7.502 6h7.128A3.375 3.375 0 0118 9.375v9.375a3 3 0 003-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 00-.673-.05A3 3 0 0015 1.5h-1.5a3 3 0 00-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6zM13.5 3A1.5 1.5 0 0012 4.5h4.5A1.5 1.5 0 0015 3h-1.5z"
273
+ clip-rule="evenodd"
274
+ />
275
+ <path
276
+ fill-rule="evenodd"
277
+ d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 013 20.625V9.375zM6 12a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V12zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 15a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V15zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 18a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V18zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75z"
278
+ clip-rule="evenodd"
279
+ />
280
+ </svg>
281
+ Title
282
+ </button>
283
+ </div>
284
+ <div class="mt-1 sm:mt-0">
285
+ <button
286
+ id="credit"
287
+ type="button"
288
+ 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 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-offset-2"
289
+ >
290
+ <svg
291
+ xmlns="http://www.w3.org/2000/svg"
292
+ viewBox="0 0 24 24"
293
+ fill="currentColor"
294
+ class="w-6 h-6"
295
+ >
296
+ <path
297
+ fill-rule="evenodd"
298
+ d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"
299
+ clip-rule="evenodd"
300
+ />
301
+ <path
302
+ fill-rule="evenodd"
303
+ d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"
304
+ clip-rule="evenodd"
305
+ />
306
+ </svg>
307
+ Credit Score
308
+ </button>
309
+ </div>
162
310
  </div>
163
311
  </div>
164
312
  </div>
165
313
  </div>
166
- </div>
167
- <div class="flex flex-col">
168
- <button id="saveLoan" type="button"
169
- class="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">
170
- Save
171
- </button>
172
- </div>
173
- </form>
174
- <div id="aside-container"
175
- class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0">
314
+ <div class="flex flex-col">
315
+ <button
316
+ id="saveLoan"
317
+ type="button"
318
+ class="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"
319
+ >
320
+ Save
321
+ </button>
322
+ </div>
323
+ </form>
324
+ <div
325
+ id="aside-container"
326
+ class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0"
327
+ ></div>
176
328
  </div>
177
- </div>
178
- <div id="bottom-container" class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"></div>
179
- </main>
180
- <script src="./init.js" type="module"></script>
181
- </body>
182
-
183
- </html>
329
+ <div
330
+ id="bottom-container"
331
+ class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"
332
+ ></div>
333
+ </main>
334
+ <script src="./init.js" type="module"></script>
335
+ </body>
336
+ </html>