@wealthx/shadcn 1.2.1 → 1.3.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 (247) hide show
  1. package/.turbo/turbo-build.log +203 -150
  2. package/CHANGELOG.md +29 -0
  3. package/dist/{chunk-4Y6R4WEC.mjs → chunk-2A5RRQGG.mjs} +9 -22
  4. package/dist/{chunk-TS2ZX2VS.mjs → chunk-2UM72RJ7.mjs} +11 -15
  5. package/dist/{chunk-A56YQQHG.mjs → chunk-3NCUZIFP.mjs} +2 -2
  6. package/dist/chunk-3OYFOX3X.mjs +79 -0
  7. package/dist/{chunk-RP3SQYA3.mjs → chunk-3TTACBDP.mjs} +9 -4
  8. package/dist/chunk-4GAWMKMI.mjs +710 -0
  9. package/dist/{chunk-SYOD63OZ.mjs → chunk-5FQIKDKP.mjs} +6 -6
  10. package/dist/{chunk-K3JYD4IU.mjs → chunk-5IS7G74I.mjs} +11 -4
  11. package/dist/chunk-6AW4KJHE.mjs +235 -0
  12. package/dist/chunk-6CR5N2JW.mjs +302 -0
  13. package/dist/{chunk-XIRTEFKH.mjs → chunk-6DZEXFNB.mjs} +36 -8
  14. package/dist/chunk-6O6KD7CE.mjs +271 -0
  15. package/dist/chunk-7PV3IWCN.mjs +33 -0
  16. package/dist/{chunk-SPJ5KXW7.mjs → chunk-7S5AESZO.mjs} +5 -5
  17. package/dist/{chunk-RYCLWMZ7.mjs → chunk-ABFDMHOR.mjs} +9 -7
  18. package/dist/{chunk-SWGT756Z.mjs → chunk-AMQZRHEZ.mjs} +10 -4
  19. package/dist/{chunk-WOEHFRGB.mjs → chunk-BDYZCBRT.mjs} +4 -4
  20. package/dist/{chunk-WAZD7NFU.mjs → chunk-BKNFWEH2.mjs} +6 -6
  21. package/dist/{chunk-CLIN5525.mjs → chunk-C7CQJNMR.mjs} +1 -1
  22. package/dist/{chunk-D4ILTPOG.mjs → chunk-CFMQP5QS.mjs} +5 -4
  23. package/dist/{chunk-VPBN3WOO.mjs → chunk-DGHAXJBN.mjs} +9 -7
  24. package/dist/chunk-DOEO3CDL.mjs +27 -0
  25. package/dist/{chunk-KUDCQ4FI.mjs → chunk-DUJTAXMH.mjs} +9 -4
  26. package/dist/{chunk-GGM2UYGG.mjs → chunk-EBXQWIYG.mjs} +10 -4
  27. package/dist/{chunk-PMB3A7V3.mjs → chunk-EI5F6FMT.mjs} +1 -1
  28. package/dist/chunk-EWRB4PAD.mjs +468 -0
  29. package/dist/chunk-FAKPBKLT.mjs +253 -0
  30. package/dist/chunk-FNQXOAYJ.mjs +169 -0
  31. package/dist/{chunk-4CX4SBRO.mjs → chunk-GHC7LLUX.mjs} +14 -5
  32. package/dist/chunk-HBZLGDIN.mjs +507 -0
  33. package/dist/{chunk-SIZMLSRU.mjs → chunk-HISNT2MG.mjs} +8 -6
  34. package/dist/{chunk-PR6V5XKM.mjs → chunk-HVY6KCCF.mjs} +7 -4
  35. package/dist/chunk-I3RZS7V2.mjs +136 -0
  36. package/dist/chunk-IAE3F7DR.mjs +1962 -0
  37. package/dist/{chunk-ZRO5JO3H.mjs → chunk-IHMFS7NZ.mjs} +81 -84
  38. package/dist/{chunk-PCPLO5HT.mjs → chunk-IOJRDS6V.mjs} +96 -14
  39. package/dist/{chunk-LHYCMLVA.mjs → chunk-JKGDCQTZ.mjs} +11 -4
  40. package/dist/{chunk-H45TKD34.mjs → chunk-JMHR3YGZ.mjs} +1 -1
  41. package/dist/{chunk-4MN6UQHG.mjs → chunk-K5A5L6T2.mjs} +17 -39
  42. package/dist/{chunk-CSDO6VBW.mjs → chunk-LBMRIB3G.mjs} +10 -10
  43. package/dist/chunk-LV35NGVG.mjs +272 -0
  44. package/dist/{chunk-FZIXGLMV.mjs → chunk-M3FV7LOK.mjs} +5 -12
  45. package/dist/{chunk-FMAXJ2SI.mjs → chunk-MBON7YRJ.mjs} +1 -1
  46. package/dist/chunk-MIZQHHUO.mjs +441 -0
  47. package/dist/chunk-MN5NYQCL.mjs +29 -0
  48. package/dist/chunk-NL3ZO62D.mjs +31 -0
  49. package/dist/{chunk-Q76O3RIQ.mjs → chunk-NMOI6CQD.mjs} +1 -1
  50. package/dist/{chunk-P6AM5V7O.mjs → chunk-OODBHKG7.mjs} +1 -1
  51. package/dist/chunk-PBL4OQV2.mjs +283 -0
  52. package/dist/{chunk-3WMX6KWS.mjs → chunk-PU4YZQXV.mjs} +11 -12
  53. package/dist/chunk-QMY3AZJH.mjs +80 -0
  54. package/dist/{chunk-BL3DXM2X.mjs → chunk-QZ4RE6NA.mjs} +11 -4
  55. package/dist/{chunk-VACKZOMY.mjs → chunk-R3VSPKNP.mjs} +3 -3
  56. package/dist/{chunk-OPNQAVVH.mjs → chunk-RJI6GKVF.mjs} +8 -6
  57. package/dist/{chunk-WG6JGJXB.mjs → chunk-T4BJLT57.mjs} +1 -1
  58. package/dist/chunk-U4NDAF2P.mjs +207 -0
  59. package/dist/{chunk-DOH3EHX7.mjs → chunk-U5X52X37.mjs} +1 -1
  60. package/dist/chunk-UMTOX62O.mjs +415 -0
  61. package/dist/{chunk-7MMXNK3C.mjs → chunk-VLARHE5V.mjs} +8 -6
  62. package/dist/{chunk-2I5S2AMY.mjs → chunk-XREGSKX3.mjs} +2 -2
  63. package/dist/{chunk-JNQORUPP.mjs → chunk-YJG55G2H.mjs} +14 -11
  64. package/dist/chunk-ZC45IGZO.mjs +388 -0
  65. package/dist/components/ui/add-column-modal.js +42 -14
  66. package/dist/components/ui/add-column-modal.mjs +4 -4
  67. package/dist/components/ui/add-lead-modal.js +42 -11
  68. package/dist/components/ui/add-lead-modal.mjs +3 -3
  69. package/dist/components/ui/advisor-card.js +497 -0
  70. package/dist/components/ui/advisor-card.mjs +13 -0
  71. package/dist/components/ui/ai-assistant-drawer.js +11 -10
  72. package/dist/components/ui/ai-assistant-drawer.mjs +3 -3
  73. package/dist/components/ui/alert-dialog.js +2 -2
  74. package/dist/components/ui/alert-dialog.mjs +2 -2
  75. package/dist/components/ui/appointment-action-dialogs.js +1160 -0
  76. package/dist/components/ui/appointment-action-dialogs.mjs +23 -0
  77. package/dist/components/ui/appointment-availability-settings.js +1590 -0
  78. package/dist/components/ui/appointment-availability-settings.mjs +23 -0
  79. package/dist/components/ui/appointment-book-dialog.js +1744 -0
  80. package/dist/components/ui/appointment-book-dialog.mjs +27 -0
  81. package/dist/components/ui/appointment-calendar-view.js +833 -0
  82. package/dist/components/ui/appointment-calendar-view.mjs +14 -0
  83. package/dist/components/ui/appointment-detail-sheet.js +1517 -0
  84. package/dist/components/ui/appointment-detail-sheet.mjs +24 -0
  85. package/dist/components/ui/appointment-gmail-connect.js +467 -0
  86. package/dist/components/ui/appointment-gmail-connect.mjs +14 -0
  87. package/dist/components/ui/appointment-mini-card.js +345 -0
  88. package/dist/components/ui/appointment-mini-card.mjs +11 -0
  89. package/dist/components/ui/appointment-time-slot-picker.js +311 -0
  90. package/dist/components/ui/appointment-time-slot-picker.mjs +13 -0
  91. package/dist/components/ui/appointment-upcoming-card.js +1268 -0
  92. package/dist/components/ui/appointment-upcoming-card.mjs +21 -0
  93. package/dist/components/ui/backoffice-alert-history-chart.js +11 -5
  94. package/dist/components/ui/backoffice-alert-history-chart.mjs +5 -4
  95. package/dist/components/ui/backoffice-alerts-chart.js +786 -0
  96. package/dist/components/ui/backoffice-alerts-chart.mjs +19 -0
  97. package/dist/components/ui/backoffice-connections-chart.js +817 -0
  98. package/dist/components/ui/backoffice-connections-chart.mjs +19 -0
  99. package/dist/components/ui/backoffice-contact-history-chart.js +11 -5
  100. package/dist/components/ui/backoffice-contact-history-chart.mjs +5 -4
  101. package/dist/components/ui/badge.js +6 -6
  102. package/dist/components/ui/badge.mjs +1 -1
  103. package/dist/components/ui/borrowing-capacity-line-chart.js +30 -21
  104. package/dist/components/ui/borrowing-capacity-line-chart.mjs +5 -4
  105. package/dist/components/ui/button.js +2 -2
  106. package/dist/components/ui/button.mjs +1 -1
  107. package/dist/components/ui/calendar.js +2 -2
  108. package/dist/components/ui/calendar.mjs +2 -2
  109. package/dist/components/ui/card.js +1 -1
  110. package/dist/components/ui/card.mjs +1 -1
  111. package/dist/components/ui/cash-balance-line-chart.js +31 -23
  112. package/dist/components/ui/cash-balance-line-chart.mjs +5 -4
  113. package/dist/components/ui/cashflow-bar-chart.js +12 -5
  114. package/dist/components/ui/cashflow-bar-chart.mjs +5 -4
  115. package/dist/components/ui/chip.js +97 -18
  116. package/dist/components/ui/chip.mjs +3 -2
  117. package/dist/components/ui/color-picker.js +547 -0
  118. package/dist/components/ui/color-picker.mjs +24 -0
  119. package/dist/components/ui/data-table.js +182 -129
  120. package/dist/components/ui/data-table.mjs +3 -2
  121. package/dist/components/ui/date-picker.js +48 -27
  122. package/dist/components/ui/date-picker.mjs +4 -3
  123. package/dist/components/ui/dialog.js +37 -9
  124. package/dist/components/ui/dialog.mjs +2 -2
  125. package/dist/components/ui/expense-bar-chart.js +12 -5
  126. package/dist/components/ui/expense-bar-chart.mjs +5 -4
  127. package/dist/components/ui/field.mjs +2 -2
  128. package/dist/components/ui/financial-cards.js +322 -155
  129. package/dist/components/ui/financial-cards.mjs +5 -3
  130. package/dist/components/ui/financial-drawers.js +2 -2
  131. package/dist/components/ui/financial-drawers.mjs +3 -3
  132. package/dist/components/ui/financial-sections.js +14 -10
  133. package/dist/components/ui/financial-sections.mjs +6 -5
  134. package/dist/components/ui/form-primitives.js +4 -4
  135. package/dist/components/ui/form-primitives.mjs +3 -3
  136. package/dist/components/ui/income-bar-chart.js +12 -5
  137. package/dist/components/ui/income-bar-chart.mjs +5 -4
  138. package/dist/components/ui/input-group.js +2 -2
  139. package/dist/components/ui/input-group.mjs +2 -2
  140. package/dist/components/ui/kanban-column.js +52 -44
  141. package/dist/components/ui/kanban-column.mjs +7 -5
  142. package/dist/components/ui/opportunity-card.js +52 -44
  143. package/dist/components/ui/opportunity-card.mjs +6 -4
  144. package/dist/components/ui/opportunity-edit-modals.js +1371 -1267
  145. package/dist/components/ui/opportunity-edit-modals.mjs +10 -10
  146. package/dist/components/ui/opportunity-summary-tab.js +2748 -2161
  147. package/dist/components/ui/opportunity-summary-tab.mjs +16 -16
  148. package/dist/components/ui/page-header.js +92 -0
  149. package/dist/components/ui/page-header.mjs +8 -0
  150. package/dist/components/ui/page-top-bar.js +88 -0
  151. package/dist/components/ui/page-top-bar.mjs +8 -0
  152. package/dist/components/ui/pagination.js +303 -19
  153. package/dist/components/ui/pagination.mjs +11 -4
  154. package/dist/components/ui/pipeline-board.js +209 -195
  155. package/dist/components/ui/pipeline-board.mjs +10 -8
  156. package/dist/components/ui/pipeline-dialogs.js +118 -69
  157. package/dist/components/ui/pipeline-dialogs.mjs +8 -7
  158. package/dist/components/ui/pipeline-primitives.js +6 -6
  159. package/dist/components/ui/pipeline-primitives.mjs +2 -2
  160. package/dist/components/ui/property-cashflow-doughnut-chart.js +14 -12
  161. package/dist/components/ui/property-cashflow-doughnut-chart.mjs +5 -4
  162. package/dist/components/ui/property-debt-equity-doughnut-chart.js +14 -12
  163. package/dist/components/ui/property-debt-equity-doughnut-chart.mjs +5 -4
  164. package/dist/components/ui/property-mobile-estimate-line-chart.js +16 -14
  165. package/dist/components/ui/property-mobile-estimate-line-chart.mjs +5 -4
  166. package/dist/components/ui/sidebar-nav.js +679 -0
  167. package/dist/components/ui/sidebar-nav.mjs +14 -0
  168. package/dist/components/ui/stage-timeline.js +6 -6
  169. package/dist/components/ui/stage-timeline.mjs +3 -3
  170. package/dist/components/ui/stepper.js +283 -0
  171. package/dist/components/ui/stepper.mjs +18 -0
  172. package/dist/components/ui/toggle-group.js +4 -4
  173. package/dist/components/ui/toggle-group.mjs +2 -2
  174. package/dist/components/ui/toggle.js +4 -4
  175. package/dist/components/ui/toggle.mjs +1 -1
  176. package/dist/components/ui/transactions-expense-categories-doughnut-chart.js +18 -16
  177. package/dist/components/ui/transactions-expense-categories-doughnut-chart.mjs +5 -4
  178. package/dist/components/ui/transactions-income-expense-bar-chart.js +28 -12
  179. package/dist/components/ui/transactions-income-expense-bar-chart.mjs +5 -4
  180. package/dist/components/ui/transactions-liabilities-breakdown-doughnut-chart.js +18 -16
  181. package/dist/components/ui/transactions-liabilities-breakdown-doughnut-chart.mjs +5 -4
  182. package/dist/index.js +12927 -8522
  183. package/dist/index.mjs +288 -190
  184. package/dist/lib/typography.js +10 -10
  185. package/dist/lib/typography.mjs +1 -1
  186. package/dist/styles.css +1 -1
  187. package/package.json +86 -1
  188. package/src/components/index.tsx +146 -0
  189. package/src/components/ui/add-column-modal.tsx +7 -7
  190. package/src/components/ui/add-lead-modal.tsx +6 -3
  191. package/src/components/ui/advisor-card.tsx +227 -0
  192. package/src/components/ui/ai-assistant-drawer.tsx +4 -3
  193. package/src/components/ui/appointment-action-dialogs.tsx +297 -0
  194. package/src/components/ui/appointment-availability-settings.tsx +645 -0
  195. package/src/components/ui/appointment-book-dialog.tsx +618 -0
  196. package/src/components/ui/appointment-calendar-view.tsx +510 -0
  197. package/src/components/ui/appointment-detail-sheet.tsx +415 -0
  198. package/src/components/ui/appointment-gmail-connect.tsx +188 -0
  199. package/src/components/ui/appointment-mini-card.tsx +104 -0
  200. package/src/components/ui/appointment-time-slot-picker.tsx +123 -0
  201. package/src/components/ui/appointment-upcoming-card.tsx +635 -0
  202. package/src/components/ui/backoffice-alert-history-chart.tsx +10 -2
  203. package/src/components/ui/backoffice-alerts-chart.tsx +312 -0
  204. package/src/components/ui/backoffice-connections-chart.tsx +339 -0
  205. package/src/components/ui/backoffice-contact-history-chart.tsx +10 -2
  206. package/src/components/ui/badge.tsx +12 -6
  207. package/src/components/ui/borrowing-capacity-line-chart.tsx +4 -11
  208. package/src/components/ui/button.tsx +2 -2
  209. package/src/components/ui/card.tsx +1 -1
  210. package/src/components/ui/cash-balance-line-chart.tsx +4 -23
  211. package/src/components/ui/cashflow-bar-chart.tsx +9 -2
  212. package/src/components/ui/chart-shared.tsx +4 -11
  213. package/src/components/ui/chip.tsx +23 -19
  214. package/src/components/ui/color-picker.tsx +309 -0
  215. package/src/components/ui/data-table.tsx +117 -83
  216. package/src/components/ui/date-picker.tsx +42 -37
  217. package/src/components/ui/dialog.tsx +72 -6
  218. package/src/components/ui/expense-bar-chart.tsx +11 -2
  219. package/src/components/ui/financial-cards.tsx +99 -10
  220. package/src/components/ui/income-bar-chart.tsx +11 -2
  221. package/src/components/ui/opportunity-card.tsx +10 -39
  222. package/src/components/ui/opportunity-edit-modals.tsx +98 -36
  223. package/src/components/ui/opportunity-summary-tab.tsx +548 -232
  224. package/src/components/ui/page-header.tsx +57 -0
  225. package/src/components/ui/page-top-bar.tsx +48 -0
  226. package/src/components/ui/pagination.tsx +171 -22
  227. package/src/components/ui/pipeline-board.tsx +12 -5
  228. package/src/components/ui/property-cashflow-doughnut-chart.tsx +3 -1
  229. package/src/components/ui/property-debt-equity-doughnut-chart.tsx +3 -1
  230. package/src/components/ui/property-mobile-estimate-line-chart.tsx +3 -1
  231. package/src/components/ui/sidebar-nav.tsx +516 -0
  232. package/src/components/ui/stepper.tsx +347 -0
  233. package/src/components/ui/toggle.tsx +4 -4
  234. package/src/components/ui/transactions-expense-categories-doughnut-chart.tsx +3 -1
  235. package/src/components/ui/transactions-income-expense-bar-chart.tsx +12 -9
  236. package/src/components/ui/transactions-liabilities-breakdown-doughnut-chart.tsx +3 -1
  237. package/src/lib/format-currency.ts +44 -0
  238. package/src/lib/format-date.ts +50 -0
  239. package/src/lib/opportunity-constants.ts +12 -0
  240. package/src/lib/typography.ts +11 -11
  241. package/src/styles/globals.css +36 -34
  242. package/src/styles/styles-css.ts +1 -1
  243. package/tsup.config.ts +17 -0
  244. package/dist/chunk-PG6K5XEC.mjs +0 -475
  245. package/dist/chunk-WA6O6EUR.mjs +0 -1885
  246. package/dist/chunk-WNGWBVLV.mjs +0 -148
  247. package/dist/{chunk-LLVQKSU3.mjs → chunk-GD4BJDJR.mjs} +3 -3
package/tsup.config.ts CHANGED
@@ -26,6 +26,8 @@ export default defineConfig((options) => ({
26
26
  "src/components/ui/spinner.tsx",
27
27
  "src/components/ui/textarea.tsx",
28
28
  "src/components/ui/alert.tsx",
29
+ "src/components/ui/page-header.tsx",
30
+ "src/components/ui/page-top-bar.tsx",
29
31
  "src/components/ui/pagination.tsx",
30
32
  "src/components/ui/progress.tsx",
31
33
  "src/components/ui/tooltip.tsx",
@@ -41,6 +43,7 @@ export default defineConfig((options) => ({
41
43
  "src/components/ui/accordion.tsx",
42
44
  "src/components/ui/alert-dialog.tsx",
43
45
  "src/components/ui/chip.tsx",
46
+ "src/components/ui/color-picker.tsx",
44
47
  "src/components/ui/combobox.tsx",
45
48
  "src/components/ui/toggle.tsx",
46
49
  "src/components/ui/toggle-group.tsx",
@@ -64,6 +67,8 @@ export default defineConfig((options) => ({
64
67
  "src/components/ui/property-cashflow-doughnut-chart.tsx",
65
68
  "src/components/ui/backoffice-contact-history-chart.tsx",
66
69
  "src/components/ui/backoffice-alert-history-chart.tsx",
70
+ "src/components/ui/backoffice-alerts-chart.tsx",
71
+ "src/components/ui/backoffice-connections-chart.tsx",
67
72
  "src/components/ui/pipeline-primitives.tsx",
68
73
  "src/components/ui/opportunity-card.tsx",
69
74
  "src/components/ui/kanban-column.tsx",
@@ -74,10 +79,22 @@ export default defineConfig((options) => ({
74
79
  "src/components/ui/pipeline-alerts.tsx",
75
80
  "src/components/ui/pipeline-chart.tsx",
76
81
  "src/components/ui/stage-timeline.tsx",
82
+ "src/components/ui/stepper.tsx",
77
83
  "src/components/ui/ai-assistant-drawer.tsx",
78
84
  "src/components/ui/opportunity-edit-modals.tsx",
79
85
  "src/components/ui/form-primitives.tsx",
80
86
  "src/components/ui/opportunity-summary-tab.tsx",
87
+ "src/components/ui/sidebar-nav.tsx",
88
+ "src/components/ui/appointment-time-slot-picker.tsx",
89
+ "src/components/ui/advisor-card.tsx",
90
+ "src/components/ui/appointment-upcoming-card.tsx",
91
+ "src/components/ui/appointment-mini-card.tsx",
92
+ "src/components/ui/appointment-gmail-connect.tsx",
93
+ "src/components/ui/appointment-calendar-view.tsx",
94
+ "src/components/ui/appointment-action-dialogs.tsx",
95
+ "src/components/ui/appointment-book-dialog.tsx",
96
+ "src/components/ui/appointment-detail-sheet.tsx",
97
+ "src/components/ui/appointment-availability-settings.tsx",
81
98
  ],
82
99
  format: ["cjs", "esm"],
83
100
  // Types are served directly from src/*.tsx via package.json exports — DTS disabled
@@ -1,475 +0,0 @@
1
- import {
2
- EditAboutApplicantModal,
3
- EditAssetsModal,
4
- EditDebtsModal,
5
- EditExpensesModal,
6
- EditIncomeModal,
7
- EditLoanScenarioModal
8
- } from "./chunk-WA6O6EUR.mjs";
9
- import {
10
- Tabs,
11
- TabsContent,
12
- TabsList,
13
- TabsTrigger
14
- } from "./chunk-JHJHG4GO.mjs";
15
- import {
16
- FinancialBottomSummary,
17
- LoanScenarioSection
18
- } from "./chunk-A56YQQHG.mjs";
19
- import {
20
- AboutCard,
21
- ExpensesCard,
22
- IncomeCard
23
- } from "./chunk-PCPLO5HT.mjs";
24
- import {
25
- Accordion,
26
- AccordionContent,
27
- AccordionItem,
28
- AccordionTrigger
29
- } from "./chunk-MARPPFOJ.mjs";
30
-
31
- // src/components/ui/opportunity-summary-tab.tsx
32
- import { useState } from "react";
33
- import { Pencil } from "lucide-react";
34
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
35
- function formatCurrency(n) {
36
- return "$" + n.toLocaleString("en-AU");
37
- }
38
- function toMonthly(amount, freq) {
39
- return freq === "Monthly" ? amount : amount * 52 / 12;
40
- }
41
- function TriggerEditButton({
42
- onClick,
43
- title = "Edit"
44
- }) {
45
- return /* @__PURE__ */ jsx(
46
- "button",
47
- {
48
- type: "button",
49
- className: "ml-auto mr-2 inline-flex size-6 shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
50
- onClick: (e) => {
51
- e.stopPropagation();
52
- onClick();
53
- },
54
- "aria-label": title,
55
- title,
56
- children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
57
- }
58
- );
59
- }
60
- function ApplicantAccordionTab({
61
- accordionPrefix,
62
- about,
63
- income,
64
- expenses,
65
- onEditAbout,
66
- onEditIncome,
67
- onEditExpenses
68
- }) {
69
- const totalMonthlyIncome = formatCurrency(
70
- income.items.reduce(
71
- (sum, i) => sum + toMonthly(i.incomeAmount, i.frequency),
72
- 0
73
- )
74
- );
75
- const totalMonthlyExpenses = formatCurrency(
76
- expenses.items.reduce(
77
- (sum, e) => sum + toMonthly(e.amount, e.frequency),
78
- 0
79
- )
80
- );
81
- return /* @__PURE__ */ jsxs(
82
- Accordion,
83
- {
84
- openMultiple: true,
85
- defaultValue: [
86
- `${accordionPrefix}-about`,
87
- `${accordionPrefix}-income`,
88
- `${accordionPrefix}-expenses`
89
- ],
90
- children: [
91
- /* @__PURE__ */ jsxs(AccordionItem, { value: `${accordionPrefix}-about`, children: [
92
- /* @__PURE__ */ jsxs(AccordionTrigger, { children: [
93
- "About",
94
- /* @__PURE__ */ jsx(TriggerEditButton, { onClick: onEditAbout })
95
- ] }),
96
- /* @__PURE__ */ jsx(AccordionContent, { className: "text-foreground", children: /* @__PURE__ */ jsx(
97
- AboutCard,
98
- {
99
- title: about.title,
100
- firstName: about.firstName,
101
- lastName: about.lastName,
102
- phone: about.phone,
103
- email: about.email,
104
- gender: about.gender,
105
- maritalStatus: about.maritalStatus,
106
- citizenStatus: about.citizenStatus,
107
- propertyInTrust: about.propertyInTrust,
108
- companyOwnership: about.companyOwnership
109
- }
110
- ) })
111
- ] }),
112
- /* @__PURE__ */ jsxs(AccordionItem, { value: `${accordionPrefix}-income`, children: [
113
- /* @__PURE__ */ jsxs(AccordionTrigger, { children: [
114
- "Income",
115
- /* @__PURE__ */ jsx(TriggerEditButton, { onClick: onEditIncome })
116
- ] }),
117
- /* @__PURE__ */ jsx(AccordionContent, { className: "text-foreground", children: /* @__PURE__ */ jsx(
118
- IncomeCard,
119
- {
120
- items: income.items.map((i) => ({
121
- incomeType: i.incomeType,
122
- jobTitle: i.jobTitle,
123
- companyName: i.companyName,
124
- amountLabel: `${formatCurrency(i.incomeAmount)} / ${i.frequency}`
125
- })),
126
- totalMonthly: totalMonthlyIncome
127
- }
128
- ) })
129
- ] }),
130
- /* @__PURE__ */ jsxs(AccordionItem, { value: `${accordionPrefix}-expenses`, children: [
131
- /* @__PURE__ */ jsxs(AccordionTrigger, { children: [
132
- "Expenses",
133
- /* @__PURE__ */ jsx(TriggerEditButton, { onClick: onEditExpenses })
134
- ] }),
135
- /* @__PURE__ */ jsx(AccordionContent, { className: "text-foreground", children: /* @__PURE__ */ jsx(
136
- ExpensesCard,
137
- {
138
- items: expenses.items.map((e) => ({
139
- expenseType: e.expenseType,
140
- amountLabel: `${formatCurrency(e.amount)} / ${e.frequency}`
141
- })),
142
- totalMonthly: totalMonthlyExpenses
143
- }
144
- ) })
145
- ] })
146
- ]
147
- }
148
- );
149
- }
150
- function OpportunitySummaryTab({
151
- isJoint = false,
152
- loanScenario,
153
- onLoanScenarioChange,
154
- assets,
155
- onAssetsChange,
156
- debts,
157
- onDebtsChange,
158
- mainAbout,
159
- onMainAboutChange,
160
- mainIncome,
161
- onMainIncomeChange,
162
- mainExpenses,
163
- onMainExpensesChange,
164
- coAbout,
165
- onCoAboutChange,
166
- coIncome,
167
- onCoIncomeChange,
168
- coExpenses,
169
- onCoExpensesChange
170
- }) {
171
- var _a, _b;
172
- const [summarySubTab, setSummarySubTab] = useState(
173
- "joint"
174
- );
175
- const [editLoanOpen, setEditLoanOpen] = useState(false);
176
- const [editAssetsOpen, setEditAssetsOpen] = useState(false);
177
- const [editDebtsOpen, setEditDebtsOpen] = useState(false);
178
- const [editMainAboutOpen, setEditMainAboutOpen] = useState(false);
179
- const [editCoAboutOpen, setEditCoAboutOpen] = useState(false);
180
- const [editMainIncomeOpen, setEditMainIncomeOpen] = useState(false);
181
- const [editCoIncomeOpen, setEditCoIncomeOpen] = useState(false);
182
- const [editMainExpensesOpen, setEditMainExpensesOpen] = useState(false);
183
- const [editCoExpensesOpen, setEditCoExpensesOpen] = useState(false);
184
- const totalAssetsAmount = assets.reduce((sum, a) => sum + a.value, 0);
185
- const totalDebtsAmount = debts.reduce((sum, d) => sum + d.amountOwing, 0);
186
- const totalAssets = formatCurrency(totalAssetsAmount);
187
- const totalDebts = formatCurrency(totalDebtsAmount);
188
- const allIncomeItems = [...mainIncome.items, ...(_a = coIncome == null ? void 0 : coIncome.items) != null ? _a : []];
189
- const allExpenseItems = [...mainExpenses.items, ...(_b = coExpenses == null ? void 0 : coExpenses.items) != null ? _b : []];
190
- const combinedMonthlyIncome = allIncomeItems.reduce(
191
- (sum, i) => sum + toMonthly(i.incomeAmount, i.frequency),
192
- 0
193
- );
194
- const combinedMonthlyExpenses = allExpenseItems.reduce(
195
- (sum, e) => sum + toMonthly(e.amount, e.frequency),
196
- 0
197
- );
198
- const netSurplus = combinedMonthlyIncome - combinedMonthlyExpenses;
199
- const mainName = [mainAbout.firstName, mainAbout.lastName].filter(Boolean).join(" ");
200
- const coName = coAbout ? [coAbout.firstName, coAbout.lastName].filter(Boolean).join(" ") : "Co-Applicant";
201
- return /* @__PURE__ */ jsxs(Fragment, { children: [
202
- /* @__PURE__ */ jsx(Accordion, { openMultiple: true, defaultValue: ["loan-app"], children: /* @__PURE__ */ jsxs(AccordionItem, { value: "loan-app", children: [
203
- /* @__PURE__ */ jsxs(AccordionTrigger, { children: [
204
- "Loan Application",
205
- /* @__PURE__ */ jsx(TriggerEditButton, { onClick: () => setEditLoanOpen(true) })
206
- ] }),
207
- /* @__PURE__ */ jsxs(AccordionContent, { className: "text-foreground", children: [
208
- /* @__PURE__ */ jsx(
209
- LoanScenarioSection,
210
- {
211
- lendingType: "Home Loan",
212
- purposeOfLoan: loanScenario.loanPurpose,
213
- loanAmount: formatCurrency(loanScenario.loanAmount),
214
- propertyEstimate: formatCurrency(loanScenario.propertyEstimate),
215
- estLvr: "\u2014",
216
- cashDeposit: formatCurrency(loanScenario.cashEquity),
217
- propertyAddress: "\u2014",
218
- duration: `${loanScenario.loanDuration} years`,
219
- importantFeatures: [
220
- loanScenario.featureVariableRate && "Variable Rate",
221
- loanScenario.featureFixedRate && "Fixed Rate",
222
- loanScenario.featureRedrawFacility && "Redraw Facility",
223
- loanScenario.feature100Offset && "100% Offset",
224
- loanScenario.featureSplitLoan && "Split Loan",
225
- loanScenario.featureInterestOnly && "Interest Only"
226
- ].filter(Boolean).join(", ") || "\u2014",
227
- topThreePriorities: loanScenario.priorities.join(", ") || "\u2014"
228
- }
229
- ),
230
- /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-4", children: [
231
- { label: "Number of Applicants", value: isJoint ? "2" : "1" },
232
- { label: "Dependants", value: "1" }
233
- ].map(({ label, value }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
234
- /* @__PURE__ */ jsx("span", { className: "text-label-small uppercase text-muted-foreground", children: label }),
235
- /* @__PURE__ */ jsx("div", { className: "border border-border px-4 py-2", children: /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground", children: value }) })
236
- ] }, label)) })
237
- ] })
238
- ] }) }),
239
- /* @__PURE__ */ jsxs(
240
- Tabs,
241
- {
242
- value: summarySubTab,
243
- onValueChange: (v) => setSummarySubTab(v),
244
- className: "pb-6",
245
- children: [
246
- /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background pb-1 pt-2", children: /* @__PURE__ */ jsxs(TabsList, { variant: "line", children: [
247
- /* @__PURE__ */ jsx(TabsTrigger, { value: "joint", children: "Joint" }),
248
- /* @__PURE__ */ jsx(TabsTrigger, { value: "main", children: mainName }),
249
- isJoint && /* @__PURE__ */ jsx(TabsTrigger, { value: "co", children: coName })
250
- ] }) }),
251
- /* @__PURE__ */ jsx(TabsContent, { value: "joint", children: /* @__PURE__ */ jsxs(
252
- Accordion,
253
- {
254
- openMultiple: true,
255
- defaultValue: ["joint-overview", "joint-documents"],
256
- children: [
257
- /* @__PURE__ */ jsxs(AccordionItem, { value: "joint-overview", children: [
258
- /* @__PURE__ */ jsxs(AccordionTrigger, { children: [
259
- "Financial Overview",
260
- /* @__PURE__ */ jsxs("div", { className: "ml-auto mr-2 flex items-center gap-0.5", children: [
261
- /* @__PURE__ */ jsx(
262
- "button",
263
- {
264
- type: "button",
265
- className: "inline-flex size-6 shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
266
- onClick: (e) => {
267
- e.stopPropagation();
268
- setEditAssetsOpen(true);
269
- },
270
- "aria-label": "Edit Assets",
271
- title: "Edit Assets",
272
- children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
273
- }
274
- ),
275
- /* @__PURE__ */ jsx(
276
- "button",
277
- {
278
- type: "button",
279
- className: "inline-flex size-6 shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
280
- onClick: (e) => {
281
- e.stopPropagation();
282
- setEditDebtsOpen(true);
283
- },
284
- "aria-label": "Edit Debts",
285
- title: "Edit Debts",
286
- children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
287
- }
288
- )
289
- ] })
290
- ] }),
291
- /* @__PURE__ */ jsx(AccordionContent, { className: "text-foreground", children: /* @__PURE__ */ jsx(
292
- FinancialBottomSummary,
293
- {
294
- cashflowItems: [
295
- {
296
- label: "Monthly Combined Income",
297
- value: formatCurrency(Math.round(combinedMonthlyIncome))
298
- },
299
- {
300
- label: "Monthly Combined Expenses",
301
- value: formatCurrency(
302
- Math.round(combinedMonthlyExpenses)
303
- ),
304
- destructive: true
305
- }
306
- ],
307
- netSurplus: formatCurrency(Math.abs(Math.round(netSurplus))),
308
- netSurplusDestructive: netSurplus < 0,
309
- assetItems: assets.map((a) => ({
310
- label: a.assetType,
311
- value: formatCurrency(a.value)
312
- })),
313
- totalAssets,
314
- totalLiabilities: totalDebts,
315
- netPosition: formatCurrency(
316
- Math.abs(Math.round(totalAssetsAmount - totalDebtsAmount))
317
- ),
318
- netPositionDestructive: totalAssetsAmount < totalDebtsAmount
319
- }
320
- ) })
321
- ] }),
322
- /* @__PURE__ */ jsxs(AccordionItem, { value: "joint-documents", children: [
323
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Documents" }),
324
- /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No documents uploaded yet." }) })
325
- ] })
326
- ]
327
- }
328
- ) }),
329
- /* @__PURE__ */ jsx(TabsContent, { value: "main", children: /* @__PURE__ */ jsx(
330
- ApplicantAccordionTab,
331
- {
332
- accordionPrefix: "main",
333
- about: mainAbout,
334
- income: mainIncome,
335
- expenses: mainExpenses,
336
- onEditAbout: () => setEditMainAboutOpen(true),
337
- onEditIncome: () => setEditMainIncomeOpen(true),
338
- onEditExpenses: () => setEditMainExpensesOpen(true)
339
- }
340
- ) }),
341
- isJoint && coAbout && coIncome && coExpenses && /* @__PURE__ */ jsx(TabsContent, { value: "co", children: /* @__PURE__ */ jsx(
342
- ApplicantAccordionTab,
343
- {
344
- accordionPrefix: "co",
345
- about: coAbout,
346
- income: coIncome,
347
- expenses: coExpenses,
348
- onEditAbout: () => setEditCoAboutOpen(true),
349
- onEditIncome: () => setEditCoIncomeOpen(true),
350
- onEditExpenses: () => setEditCoExpensesOpen(true)
351
- }
352
- ) })
353
- ]
354
- }
355
- ),
356
- /* @__PURE__ */ jsx(
357
- EditLoanScenarioModal,
358
- {
359
- open: editLoanOpen,
360
- onOpenChange: setEditLoanOpen,
361
- initialData: loanScenario,
362
- onSave: (data) => {
363
- onLoanScenarioChange == null ? void 0 : onLoanScenarioChange(data);
364
- setEditLoanOpen(false);
365
- }
366
- }
367
- ),
368
- /* @__PURE__ */ jsx(
369
- EditAssetsModal,
370
- {
371
- open: editAssetsOpen,
372
- onOpenChange: setEditAssetsOpen,
373
- initialItems: assets,
374
- onSave: (items) => {
375
- onAssetsChange == null ? void 0 : onAssetsChange(items);
376
- setEditAssetsOpen(false);
377
- }
378
- }
379
- ),
380
- /* @__PURE__ */ jsx(
381
- EditDebtsModal,
382
- {
383
- open: editDebtsOpen,
384
- onOpenChange: setEditDebtsOpen,
385
- initialItems: debts,
386
- onSave: (items) => {
387
- onDebtsChange == null ? void 0 : onDebtsChange(items);
388
- setEditDebtsOpen(false);
389
- }
390
- }
391
- ),
392
- /* @__PURE__ */ jsx(
393
- EditAboutApplicantModal,
394
- {
395
- open: editMainAboutOpen,
396
- onOpenChange: setEditMainAboutOpen,
397
- applicantLabel: "Main Applicant",
398
- initialData: mainAbout,
399
- onSave: (data) => {
400
- onMainAboutChange == null ? void 0 : onMainAboutChange(data);
401
- setEditMainAboutOpen(false);
402
- }
403
- }
404
- ),
405
- coAbout && /* @__PURE__ */ jsx(
406
- EditAboutApplicantModal,
407
- {
408
- open: editCoAboutOpen,
409
- onOpenChange: setEditCoAboutOpen,
410
- applicantLabel: "Co-Applicant",
411
- initialData: coAbout,
412
- onSave: (data) => {
413
- onCoAboutChange == null ? void 0 : onCoAboutChange(data);
414
- setEditCoAboutOpen(false);
415
- }
416
- }
417
- ),
418
- /* @__PURE__ */ jsx(
419
- EditIncomeModal,
420
- {
421
- open: editMainIncomeOpen,
422
- onOpenChange: setEditMainIncomeOpen,
423
- applicantLabel: "Main Applicant",
424
- initialData: mainIncome,
425
- onSave: (data) => {
426
- onMainIncomeChange == null ? void 0 : onMainIncomeChange(data);
427
- setEditMainIncomeOpen(false);
428
- }
429
- }
430
- ),
431
- coIncome && /* @__PURE__ */ jsx(
432
- EditIncomeModal,
433
- {
434
- open: editCoIncomeOpen,
435
- onOpenChange: setEditCoIncomeOpen,
436
- applicantLabel: "Co-Applicant",
437
- initialData: coIncome,
438
- onSave: (data) => {
439
- onCoIncomeChange == null ? void 0 : onCoIncomeChange(data);
440
- setEditCoIncomeOpen(false);
441
- }
442
- }
443
- ),
444
- /* @__PURE__ */ jsx(
445
- EditExpensesModal,
446
- {
447
- open: editMainExpensesOpen,
448
- onOpenChange: setEditMainExpensesOpen,
449
- applicantLabel: "Main Applicant",
450
- initialData: mainExpenses,
451
- onSave: (data) => {
452
- onMainExpensesChange == null ? void 0 : onMainExpensesChange(data);
453
- setEditMainExpensesOpen(false);
454
- }
455
- }
456
- ),
457
- coExpenses && /* @__PURE__ */ jsx(
458
- EditExpensesModal,
459
- {
460
- open: editCoExpensesOpen,
461
- onOpenChange: setEditCoExpensesOpen,
462
- applicantLabel: "Co-Applicant",
463
- initialData: coExpenses,
464
- onSave: (data) => {
465
- onCoExpensesChange == null ? void 0 : onCoExpensesChange(data);
466
- setEditCoExpensesOpen(false);
467
- }
468
- }
469
- )
470
- ] });
471
- }
472
-
473
- export {
474
- OpportunitySummaryTab
475
- };