@axos-web-dev/shared-components 1.0.2 → 1.0.4

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 (66) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Article/Article.js +13 -9
  3. package/dist/AwardsItem/AwardsItem.js +1 -1
  4. package/dist/Button/Button.js +1 -1
  5. package/dist/Calculators/Calculator.js +1 -1
  6. package/dist/Carousel/index.js +1 -1
  7. package/dist/Chevron/index.js +1 -1
  8. package/dist/Comparison/Comparison.js +1 -1
  9. package/dist/ExecutiveBio/ExecutiveBio.js +64 -16
  10. package/dist/FaqAccordion/index.js +1 -1
  11. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -2
  12. package/dist/Forms/ApplyNow.js +1 -1
  13. package/dist/Forms/ContactUsBusiness.js +1 -1
  14. package/dist/Forms/ContactUsNMLSId.js +1 -1
  15. package/dist/Forms/CraPublicFile.js +1 -1
  16. package/dist/Forms/EmailOnly.js +1 -1
  17. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  18. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  19. package/dist/Forms/QuickPricer/QuickPricerForm.js +10 -5
  20. package/dist/Forms/SuccesForm.js +1 -1
  21. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  22. package/dist/HeroBanner/HeroBanner.css.js +2 -0
  23. package/dist/HeroBanner/HeroBanner.js +73 -33
  24. package/dist/HeroBanner/index.js +2 -1
  25. package/dist/Hyperlink/index.js +1 -1
  26. package/dist/IconBillboard/IconBillboard.js +1 -1
  27. package/dist/ImageBillboard/ImageBillboardSet.js +37 -17
  28. package/dist/ImageLink/ImageLink.js +1 -1
  29. package/dist/ImageLink/ImageLinkSet.js +1 -1
  30. package/dist/ImageLink/index.js +1 -1
  31. package/dist/Insight/Featured/CategorySelector.js +15 -9
  32. package/dist/Insight/Featured/Featured.js +32 -18
  33. package/dist/Insight/Featured/Header.js +1 -1
  34. package/dist/Modal/Modal.js +1 -1
  35. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  36. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  37. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  38. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  39. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  40. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  41. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  42. package/dist/NavigationMenu/AxosBank/SubNavBar.js +41 -25
  43. package/dist/NavigationMenu/AxosBank/index.js +28 -131
  44. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  45. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  46. package/dist/NavigationMenu/NavItem/index.js +1 -10
  47. package/dist/SetContainer/SetContainer.js +1 -1
  48. package/dist/SocialMediaBar/iconsRepository.js +29 -15
  49. package/dist/StepItem/StepItem.js +1 -1
  50. package/dist/StepItemSet/StepItemSet.js +14 -8
  51. package/dist/VideoWrapper/index.js +1 -1
  52. package/dist/assets/Article/Article.css +10 -3
  53. package/dist/assets/ExecutiveBio/ExecutiveBio.css +10 -3
  54. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -0
  55. package/dist/assets/HeroBanner/HeroBanner.css +3 -0
  56. package/dist/assets/ImageBillboard/ImageBillboard.css +6 -9
  57. package/dist/assets/Insight/Featured/Header.css +1 -1
  58. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css +50 -50
  59. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +597 -597
  60. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +618 -618
  61. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +124 -124
  62. package/dist/assets/StepItemSet/StepItemSet.css +11 -3
  63. package/dist/icons/EqualHousingLender.js +1 -0
  64. package/dist/icons/MemberFdicLogo.js +1 -0
  65. package/dist/main.js +2 -1
  66. package/package.json +130 -130
@@ -36,6 +36,7 @@ import "../Carousel/index.js";
36
36
  import "../Hyperlink/Hyperlink.css.js";
37
37
  /* empty css */
38
38
  import "../Comparison/Comparison.css.js";
39
+ import "next/image.js";
39
40
  import "../HeroBanner/HeroBanner.css.js";
40
41
  import "../HeroBanner/LargeBanner.css.js";
41
42
  import "../HeroBanner/SelectionBanner.css.js";
@@ -88,7 +89,6 @@ import "next/navigation.js";
88
89
  /* empty css */
89
90
  /* empty css */
90
91
  import "../NavigationMenu/AxosBank/NavData.js";
91
- import "next/image.js";
92
92
  import "next/link.js";
93
93
  /* empty css */
94
94
  /* empty css */
@@ -21,15 +21,19 @@ const Article = ({
21
21
  className: `${ant_article({ variant })} flex flex_col rounded`,
22
22
  id: `id_${id}`,
23
23
  children: [
24
- /* @__PURE__ */ jsx(
25
- "div",
26
- {
27
- className: ant_img,
28
- role: "presentation",
29
- style: { backgroundImage: `url('${image.src}')` },
30
- children: " "
31
- }
32
- ),
24
+ /* @__PURE__ */ jsx("div", { className: ant_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
25
+ /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
26
+ /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
27
+ /* @__PURE__ */ jsx(
28
+ "img",
29
+ {
30
+ decoding: "async",
31
+ "data-nimg": 1,
32
+ src: `${image?.src}?q=85`,
33
+ alt: image?.alt ?? ""
34
+ }
35
+ )
36
+ ] }) }),
33
37
  /* @__PURE__ */ jsxs("div", { className: `${ant_content} flex flex_col between`, children: [
34
38
  /* @__PURE__ */ jsxs("div", { children: [
35
39
  /* @__PURE__ */ jsx("span", { className: `${ant_eyebrow({ variant })}`, children: itemType }),
@@ -26,7 +26,7 @@ const AwardsItem = ({
26
26
  className: `${award_item} text_center`,
27
27
  id: `id_${id}`,
28
28
  children: [
29
- starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation" }),
29
+ starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation", width: 69, height: 12 }),
30
30
  /* @__PURE__ */ jsx("p", { className: award_name, children: awardsName }),
31
31
  /* @__PURE__ */ jsx("p", { className: award_company, children: awardsSource })
32
32
  ]
@@ -64,6 +64,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
64
  import "../Carousel/index.js";
65
65
  /* empty css */
66
66
  import "../Comparison/Comparison.css.js";
67
+ import "next/image.js";
67
68
  import "../HeroBanner/HeroBanner.css.js";
68
69
  import "../HeroBanner/LargeBanner.css.js";
69
70
  import "../HeroBanner/SelectionBanner.css.js";
@@ -91,7 +92,6 @@ import "next/navigation.js";
91
92
  /* empty css */
92
93
  /* empty css */
93
94
  import "../NavigationMenu/AxosBank/NavData.js";
94
- import "next/image.js";
95
95
  import "next/link.js";
96
96
  /* empty css */
97
97
  /* empty css */
@@ -40,6 +40,7 @@ import "../Carousel/index.js";
40
40
  import "../Hyperlink/Hyperlink.css.js";
41
41
  /* empty css */
42
42
  import "../Comparison/Comparison.css.js";
43
+ import "next/image.js";
43
44
  import "../HeroBanner/HeroBanner.css.js";
44
45
  import "../HeroBanner/LargeBanner.css.js";
45
46
  import "../HeroBanner/SelectionBanner.css.js";
@@ -83,7 +84,6 @@ import "next/navigation.js";
83
84
  /* empty css */
84
85
  /* empty css */
85
86
  import "../NavigationMenu/AxosBank/NavData.js";
86
- import "next/image.js";
87
87
  import "next/link.js";
88
88
  /* empty css */
89
89
  /* empty css */
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  /* empty css */
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  import "../NavigationMenu/AxosBank/NavData.js";
96
- import "next/image.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
99
  /* empty css */
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  import "../NavigationMenu/AxosBank/NavData.js";
96
- import "next/image.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
99
  /* empty css */
@@ -64,6 +64,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
64
  import "../Carousel/index.js";
65
65
  /* empty css */
66
66
  import { comparison_layout, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
67
+ import "next/image.js";
67
68
  import "../HeroBanner/HeroBanner.css.js";
68
69
  import "../HeroBanner/LargeBanner.css.js";
69
70
  import "../HeroBanner/SelectionBanner.css.js";
@@ -92,7 +93,6 @@ import "next/navigation.js";
92
93
  /* empty css */
93
94
  /* empty css */
94
95
  import "../NavigationMenu/AxosBank/NavData.js";
95
- import "next/image.js";
96
96
  import "next/link.js";
97
97
  /* empty css */
98
98
  /* empty css */
@@ -1,4 +1,6 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { useRef, useState, useEffect, createElement } from "react";
2
4
  import { getVariant } from "../utils/getVariant.js";
3
5
  import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row } from "./ExecutiveBio.css.js";
4
6
  import "../Accordion/Accordion.js";
@@ -11,7 +13,6 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/Vid
11
13
  /* empty css */
12
14
  /* empty css */
13
15
  import "clsx";
14
- import "react";
15
16
  import "../Chevron/Chevron.css.js";
16
17
  import "../AlertBanner/AlertBanner.css.js";
17
18
  import "../Article/Article.css.js";
@@ -64,6 +65,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
65
  import "../Carousel/index.js";
65
66
  /* empty css */
66
67
  import "../Comparison/Comparison.css.js";
68
+ import "next/image.js";
67
69
  import "../HeroBanner/HeroBanner.css.js";
68
70
  import "../HeroBanner/LargeBanner.css.js";
69
71
  import "../HeroBanner/SelectionBanner.css.js";
@@ -90,7 +92,6 @@ import "next/navigation.js";
90
92
  /* empty css */
91
93
  /* empty css */
92
94
  import "../NavigationMenu/AxosBank/NavData.js";
93
- import "next/image.js";
94
95
  import "next/link.js";
95
96
  /* empty css */
96
97
  /* empty css */
@@ -125,23 +126,70 @@ const ExecutiveBio = ({
125
126
  variant: fullVariant = "primary"
126
127
  }) => {
127
128
  const variant = getVariant(fullVariant);
128
- return /* @__PURE__ */ jsx("section", { className: `section_spacer ${executive_bio}`, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
129
- executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
130
- "div",
131
- {
132
- className: img_area,
133
- style: {
134
- backgroundImage: `url(${executiveHeadshot?.src})`
135
- },
136
- role: "presentation",
137
- children: " "
129
+ const execNameRef = useRef(null);
130
+ const execTitleRef = useRef(null);
131
+ const [execNameLevel, setExecNameLevel] = useState("h2");
132
+ const [execTitleLevel, setExecTitleLevel] = useState("h3");
133
+ useEffect(() => {
134
+ if (execNameRef.current) {
135
+ const section = execNameRef.current.closest("section:has(section)");
136
+ if (section) {
137
+ const existingH2inTitle = section.querySelector("h2.header_1");
138
+ const existingH2inComponent = section.querySelector("h2.header_3");
139
+ if (existingH2inTitle) {
140
+ setExecNameLevel("h3");
141
+ }
142
+ if (existingH2inTitle && existingH2inComponent) {
143
+ setExecTitleLevel("h4");
144
+ }
138
145
  }
139
- ) }) }),
146
+ }
147
+ }, []);
148
+ return /* @__PURE__ */ jsx("section", { className: `section_spacer ${executive_bio}`, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
149
+ executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx("div", { className: img_area, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
150
+ /* @__PURE__ */ jsx(
151
+ "source",
152
+ {
153
+ srcSet: `${executiveHeadshot?.src}?fm=avif`,
154
+ type: "image/avif"
155
+ }
156
+ ),
157
+ /* @__PURE__ */ jsx(
158
+ "source",
159
+ {
160
+ srcSet: `${executiveHeadshot?.src}?fm=webp`,
161
+ type: "image/webp"
162
+ }
163
+ ),
164
+ /* @__PURE__ */ jsx(
165
+ "img",
166
+ {
167
+ decoding: "async",
168
+ "data-nimg": 1,
169
+ src: `${executiveHeadshot?.src}?q=85`,
170
+ alt: ""
171
+ }
172
+ )
173
+ ] }) }) }) }),
140
174
  /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
141
175
  /* @__PURE__ */ jsxs("div", { className: person, children: [
142
- /* @__PURE__ */ jsx("h2", { className: `${headline_setting({ variant })} header_3`, children: executiveName }),
143
- /* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
144
- /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
176
+ executiveName && createElement(
177
+ execNameLevel,
178
+ {
179
+ ref: execNameRef,
180
+ className: `header_3 ${headline_setting({ variant })}`
181
+ },
182
+ executiveName
183
+ ),
184
+ executiveTitle && createElement(
185
+ execTitleLevel,
186
+ {
187
+ ref: execTitleRef,
188
+ className: `${job_title({ variant })}`
189
+ },
190
+ executiveTitle
191
+ ),
192
+ executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
145
193
  ] }),
146
194
  (executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
147
195
  (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
@@ -65,6 +65,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
65
65
  import "../Carousel/index.js";
66
66
  /* empty css */
67
67
  import "../Comparison/Comparison.css.js";
68
+ import "next/image.js";
68
69
  import "../HeroBanner/HeroBanner.css.js";
69
70
  import "../HeroBanner/LargeBanner.css.js";
70
71
  import "../HeroBanner/SelectionBanner.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  import "../NavigationMenu/AxosBank/NavData.js";
96
- import "next/image.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
99
  /* empty css */
@@ -62,6 +62,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
62
62
  import "../../Carousel/index.js";
63
63
  /* empty css */
64
64
  import "../../Comparison/Comparison.css.js";
65
+ import "next/image.js";
65
66
  import "../../HeroBanner/HeroBanner.css.js";
66
67
  import "../../HeroBanner/LargeBanner.css.js";
67
68
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -89,7 +90,6 @@ import "next/navigation.js";
89
90
  /* empty css */
90
91
  /* empty css */
91
92
  import "../../NavigationMenu/AxosBank/NavData.js";
92
- import "next/image.js";
93
93
  import "next/link.js";
94
94
  /* empty css */
95
95
  /* empty css */
@@ -457,7 +457,8 @@ const AxosFooterSiteMap = ({
457
457
  alt: "qr code enabled image",
458
458
  className: "img_fluid",
459
459
  title: "Get The App",
460
- src: "https://images.axos.com/o9ov1v03uwqk/1W7WEFq8smAGK8McCPKAYj/2506086c582cad1ec0acef802f53583d/footer-app.png"
460
+ loading: "lazy",
461
+ src: "https://images.axos.com/o9ov1v03uwqk/2yDL3eClAet26LqkyYyEC1/9a696b8928694aa35d902a9ce839c753/footer-app.png"
461
462
  }
462
463
  )
463
464
  }
@@ -477,6 +478,7 @@ const AxosFooterSiteMap = ({
477
478
  "img",
478
479
  {
479
480
  alt: "get it on Google Play",
481
+ loading: "lazy",
480
482
  src: "https://images.axos.com/o9ov1v03uwqk/o446Mf5JdBS9RsXaaZYKb/10e6b082f3eeec4ecffc5d9b29ea4954/google-play.svg"
481
483
  }
482
484
  )
@@ -492,6 +494,7 @@ const AxosFooterSiteMap = ({
492
494
  "img",
493
495
  {
494
496
  alt: "download on the App Store",
497
+ loading: "lazy",
495
498
  src: "https://images.axos.com/o9ov1v03uwqk/6Ja0ODDH2HVdAFBIfQEiuh/d1894874d54c0dced3d7fe879135315a/app-store.svg"
496
499
  }
497
500
  )
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  import "../NavigationMenu/AxosBank/NavData.js";
96
- import "next/image.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
99
  /* empty css */
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -95,7 +96,6 @@ import "next/navigation.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  import "../NavigationMenu/AxosBank/NavData.js";
98
- import "next/image.js";
99
99
  import "next/link.js";
100
100
  /* empty css */
101
101
  /* empty css */
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -95,7 +96,6 @@ import "next/navigation.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  import "../NavigationMenu/AxosBank/NavData.js";
98
- import "next/image.js";
99
99
  import "next/link.js";
100
100
  /* empty css */
101
101
  /* empty css */
@@ -66,6 +66,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../HeroBanner/HeroBanner.css.js";
70
71
  import "../HeroBanner/LargeBanner.css.js";
71
72
  import "../HeroBanner/SelectionBanner.css.js";
@@ -95,7 +96,6 @@ import "next/navigation.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  import "../NavigationMenu/AxosBank/NavData.js";
98
- import "next/image.js";
99
99
  import "next/link.js";
100
100
  /* empty css */
101
101
  /* empty css */
@@ -67,6 +67,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
67
67
  import "../Carousel/index.js";
68
68
  /* empty css */
69
69
  import "../Comparison/Comparison.css.js";
70
+ import "next/image.js";
70
71
  import "../HeroBanner/HeroBanner.css.js";
71
72
  import "../HeroBanner/LargeBanner.css.js";
72
73
  import "../HeroBanner/SelectionBanner.css.js";
@@ -96,7 +97,6 @@ import "next/navigation.js";
96
97
  /* empty css */
97
98
  /* empty css */
98
99
  import "../NavigationMenu/AxosBank/NavData.js";
99
- import "next/image.js";
100
100
  import "next/link.js";
101
101
  /* empty css */
102
102
  /* empty css */
@@ -66,6 +66,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
66
66
  import "../../Carousel/index.js";
67
67
  /* empty css */
68
68
  import "../../Comparison/Comparison.css.js";
69
+ import "next/image.js";
69
70
  import "../../HeroBanner/HeroBanner.css.js";
70
71
  import "../../HeroBanner/LargeBanner.css.js";
71
72
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -96,7 +97,6 @@ import "next/navigation.js";
96
97
  /* empty css */
97
98
  /* empty css */
98
99
  import "../../NavigationMenu/AxosBank/NavData.js";
99
- import "next/image.js";
100
100
  import "next/link.js";
101
101
  /* empty css */
102
102
  /* empty css */
@@ -63,6 +63,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
63
  import "../../Carousel/index.js";
64
64
  /* empty css */
65
65
  import "../../Comparison/Comparison.css.js";
66
+ import "next/image.js";
66
67
  import "../../HeroBanner/HeroBanner.css.js";
67
68
  import "../../HeroBanner/LargeBanner.css.js";
68
69
  import "../../HeroBanner/SelectionBanner.css.js";
@@ -92,7 +93,6 @@ import "next/navigation.js";
92
93
  /* empty css */
93
94
  /* empty css */
94
95
  import "../../NavigationMenu/AxosBank/NavData.js";
95
- import "next/image.js";
96
96
  import "next/link.js";
97
97
  /* empty css */
98
98
  /* empty css */
@@ -75,9 +75,13 @@ const QuickPricer = ({
75
75
  Loan_Purpose__c: z.string().min(1, { message: "Purpose is required" }).refine((val) => Purposes.map((item) => item.value).includes(val), {
76
76
  message: "Purpose is required"
77
77
  }),
78
- Cash_Out_Amount__c: z.coerce.number({
79
- message: "Please provide a valid property value"
80
- }).min(0, { message: "Cash Out is required" }),
78
+ Cash_Out_Amount__c: z.string({
79
+ message: "Please provide a valid cash out"
80
+ }).min(1, "Cash out amount is required").transform((val) => {
81
+ const base_loan = val.replace(/[$ ]/gi, "");
82
+ const new_base_loan = base_loan.replaceAll(",", "");
83
+ return parseInt(new_base_loan);
84
+ }),
81
85
  Interest_Only__c: z.coerce.boolean(),
82
86
  Self_Employed__c: z.coerce.boolean(),
83
87
  Pledged_Assets__c: z.coerce.boolean(),
@@ -322,7 +326,7 @@ const QuickPricer = ({
322
326
  }
323
327
  ) }),
324
328
  refiCashOut && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
325
- Input,
329
+ CurrencyInput,
326
330
  {
327
331
  id: "Cash_Out_Amount__c",
328
332
  ...register("Cash_Out_Amount__c", {
@@ -334,7 +338,8 @@ const QuickPricer = ({
334
338
  error: !!errors.Cash_Out_Amount__c,
335
339
  helperText: errors.Cash_Out_Amount__c?.message,
336
340
  variant,
337
- type: "number"
341
+ maxfractiondigits: 0,
342
+ minfractiondigits: 0
338
343
  }
339
344
  ) }),
340
345
  /* @__PURE__ */ jsxs("div", { className: clsx(one_row, checkbox_group), children: [
@@ -38,6 +38,7 @@ import "../Carousel/index.js";
38
38
  import "../Hyperlink/Hyperlink.css.js";
39
39
  /* empty css */
40
40
  import "../Comparison/Comparison.css.js";
41
+ import "next/image.js";
41
42
  import "../HeroBanner/HeroBanner.css.js";
42
43
  import "../HeroBanner/LargeBanner.css.js";
43
44
  import "../HeroBanner/SelectionBanner.css.js";
@@ -81,7 +82,6 @@ import "next/navigation.js";
81
82
  /* empty css */
82
83
  /* empty css */
83
84
  import "../NavigationMenu/AxosBank/NavData.js";
84
- import "next/image.js";
85
85
  import "next/link.js";
86
86
  /* empty css */
87
87
  /* empty css */
@@ -72,3 +72,4 @@ export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn
72
72
  }>;
73
73
  export declare const hero_btns: string;
74
74
  export declare const hero_embedded_image: string;
75
+ export declare const img_contents: string;
@@ -17,6 +17,7 @@ var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fc", variantClass
17
17
  var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fh", variantClassNames: { variant: { primary: "_1ye8k3fi", secondary: "_1ye8k3fj", tertiary: "_1ye8k3fk", quaternary: "_1ye8k3fl" } }, defaultVariants: {}, compoundVariants: [] });
18
18
  var hero_btns = "_1ye8k3fm";
19
19
  var hero_embedded_image = "_1ye8k3fn";
20
+ var img_contents = "_1ye8k3fo";
20
21
  export {
21
22
  headline_text,
22
23
  heroSupertag,
@@ -27,6 +28,7 @@ export {
27
28
  hero_img,
28
29
  hero_text,
29
30
  hero_wrapper,
31
+ img_contents,
30
32
  logout,
31
33
  reversed,
32
34
  reversed_lg_image