@axos-web-dev/shared-components 1.0.5 → 1.0.6
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.
- package/dist/CallToActionBar/index.js +1 -1
- package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
- package/dist/Forms/QuickPricer/QuickPricerForm.js +5 -3
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
- package/dist/assets/CallToActionBar/CallToActionBar.css +28 -0
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +660 -660
- package/package.json +130 -130
|
@@ -80,7 +80,7 @@ const CallToActionBar = ({
|
|
|
80
80
|
{
|
|
81
81
|
src: image.src,
|
|
82
82
|
alt: "",
|
|
83
|
-
className: `${image_overlap && banner_size !== "large" ? cta_image_overlap : ""}${banner_size === "large" ? cta_large_image : ""}`
|
|
83
|
+
className: `${image_overlap && banner_size !== "large" ? cta_image_overlap : ""} ${banner_size === "large" ? cta_large_image : ""}`
|
|
84
84
|
}
|
|
85
85
|
)
|
|
86
86
|
}
|
|
@@ -16,7 +16,7 @@ export type QuickPricerInputs = {
|
|
|
16
16
|
Base_Loan_Amount__c: number;
|
|
17
17
|
Appraised_Value__c: number;
|
|
18
18
|
Loan_Purpose__c: string;
|
|
19
|
-
Cash_Out_Amount__c:
|
|
19
|
+
Cash_Out_Amount__c: string;
|
|
20
20
|
Interest_Only__c: boolean;
|
|
21
21
|
Self_Employed__c: boolean;
|
|
22
22
|
Pledged_Assets__c: boolean;
|
|
@@ -28,6 +28,7 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
|
|
|
28
28
|
import "../../utils/allowedAxosDomains.js";
|
|
29
29
|
import { associatedEmail } from "../../utils/EverestValidity.js";
|
|
30
30
|
import { getVariant } from "../../utils/getVariant.js";
|
|
31
|
+
import { format } from "@react-input/number-format";
|
|
31
32
|
import clsx from "clsx";
|
|
32
33
|
import { useForm, FormProvider } from "react-hook-form";
|
|
33
34
|
import * as z from "zod";
|
|
@@ -218,14 +219,15 @@ const QuickPricer = ({
|
|
|
218
219
|
mode: "all",
|
|
219
220
|
reValidateMode: "onChange",
|
|
220
221
|
defaultValues: {
|
|
221
|
-
Cash_Out_Amount__c: 0,
|
|
222
|
+
Cash_Out_Amount__c: format(0),
|
|
222
223
|
Debt_To_Income_Ratio__c: 0,
|
|
223
224
|
housingEventSeasoning__c: "NotApplicable",
|
|
224
225
|
bankruptcySeasoning__c: "NotApplicable",
|
|
225
226
|
Number_of_Properties_Financed__c: 0,
|
|
226
227
|
Units__c: "OneUnit",
|
|
227
228
|
Prepayment_Penalty__c: "None",
|
|
228
|
-
Months_Reserves__c: 0
|
|
229
|
+
Months_Reserves__c: 0,
|
|
230
|
+
HousingEventType__c: "None"
|
|
229
231
|
}
|
|
230
232
|
});
|
|
231
233
|
const {
|
|
@@ -316,7 +318,7 @@ const QuickPricer = ({
|
|
|
316
318
|
setRefiCashOut(true);
|
|
317
319
|
} else {
|
|
318
320
|
setRefiCashOut(false);
|
|
319
|
-
setValue("Cash_Out_Amount__c", 0);
|
|
321
|
+
setValue("Cash_Out_Amount__c", format(0));
|
|
320
322
|
}
|
|
321
323
|
},
|
|
322
324
|
children: [
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav_link = "
|
|
8
|
-
const sub_nav_link = "
|
|
9
|
-
const signin_wrap = "
|
|
10
|
-
const signin_btn = "
|
|
11
|
-
const header_sub_row = "
|
|
12
|
-
const signin_dropdown = "
|
|
13
|
-
const shadow = "
|
|
14
|
-
const signin_header = "
|
|
15
|
-
const signin_subheader = "
|
|
16
|
-
const opacity = "
|
|
17
|
-
const fadeInDown = "
|
|
18
|
-
const signin_footer = "
|
|
19
|
-
const open = "
|
|
20
|
-
const dd_wrapper = "
|
|
21
|
-
const dd_media = "
|
|
22
|
-
const dd_media_img = "
|
|
23
|
-
const dd_site_navs = "
|
|
24
|
-
const dd_media_header = "
|
|
25
|
-
const mt_8 = "
|
|
26
|
-
const mt_16 = "
|
|
27
|
-
const ml_8 = "
|
|
28
|
-
const dd_media_cta = "
|
|
29
|
-
const reversed_row = "
|
|
30
|
-
const headline = "
|
|
31
|
-
const nav_anchor = "
|
|
32
|
-
const headline_cta = "
|
|
33
|
-
const site_lists = "
|
|
34
|
-
const hamburger = "
|
|
35
|
-
const mobile_only = "
|
|
36
|
-
const mobile_logo = "
|
|
37
|
-
const highlight = "
|
|
38
|
-
const mobile_nav = "
|
|
39
|
-
const mobile_opened = "
|
|
40
|
-
const mobile_nav_item = "
|
|
41
|
-
const has_dropdown = "
|
|
42
|
-
const icon_wrap = "
|
|
43
|
-
const mobile_footer = "
|
|
44
|
-
const mobile_footer_content = "
|
|
45
|
-
const mobile_footer_media = "
|
|
46
|
-
const footer_cta = "
|
|
47
|
-
const inner_wrapper = "
|
|
48
|
-
const btn = "
|
|
49
|
-
const sub_menu = "
|
|
50
|
-
const main = "
|
|
51
|
-
const dd_footer = "
|
|
52
|
-
const skip_btn = "
|
|
53
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_x3dhq_1";
|
|
2
|
+
const wrapper = "_wrapper_x3dhq_9";
|
|
3
|
+
const header_main_row = "_header_main_row_x3dhq_21";
|
|
4
|
+
const mobile_header = "_mobile_header_x3dhq_23";
|
|
5
|
+
const logo_wrap = "_logo_wrap_x3dhq_35";
|
|
6
|
+
const primary_links = "_primary_links_x3dhq_43";
|
|
7
|
+
const main_nav_link = "_main_nav_link_x3dhq_51";
|
|
8
|
+
const sub_nav_link = "_sub_nav_link_x3dhq_87";
|
|
9
|
+
const signin_wrap = "_signin_wrap_x3dhq_91";
|
|
10
|
+
const signin_btn = "_signin_btn_x3dhq_93";
|
|
11
|
+
const header_sub_row = "_header_sub_row_x3dhq_167";
|
|
12
|
+
const signin_dropdown = "_signin_dropdown_x3dhq_231";
|
|
13
|
+
const shadow = "_shadow_x3dhq_251";
|
|
14
|
+
const signin_header = "_signin_header_x3dhq_271";
|
|
15
|
+
const signin_subheader = "_signin_subheader_x3dhq_285";
|
|
16
|
+
const opacity = "_opacity_x3dhq_329";
|
|
17
|
+
const fadeInDown = "_fadeInDown_x3dhq_1";
|
|
18
|
+
const signin_footer = "_signin_footer_x3dhq_341";
|
|
19
|
+
const open = "_open_x3dhq_383";
|
|
20
|
+
const dd_wrapper = "_dd_wrapper_x3dhq_407";
|
|
21
|
+
const dd_media = "_dd_media_x3dhq_425";
|
|
22
|
+
const dd_media_img = "_dd_media_img_x3dhq_435";
|
|
23
|
+
const dd_site_navs = "_dd_site_navs_x3dhq_443";
|
|
24
|
+
const dd_media_header = "_dd_media_header_x3dhq_457";
|
|
25
|
+
const mt_8 = "_mt_8_x3dhq_477";
|
|
26
|
+
const mt_16 = "_mt_16_x3dhq_485";
|
|
27
|
+
const ml_8 = "_ml_8_x3dhq_493";
|
|
28
|
+
const dd_media_cta = "_dd_media_cta_x3dhq_501";
|
|
29
|
+
const reversed_row = "_reversed_row_x3dhq_565";
|
|
30
|
+
const headline = "_headline_x3dhq_585";
|
|
31
|
+
const nav_anchor = "_nav_anchor_x3dhq_601";
|
|
32
|
+
const headline_cta = "_headline_cta_x3dhq_617";
|
|
33
|
+
const site_lists = "_site_lists_x3dhq_647";
|
|
34
|
+
const hamburger = "_hamburger_x3dhq_723";
|
|
35
|
+
const mobile_only = "_mobile_only_x3dhq_751";
|
|
36
|
+
const mobile_logo = "_mobile_logo_x3dhq_763";
|
|
37
|
+
const highlight = "_highlight_x3dhq_773";
|
|
38
|
+
const mobile_nav = "_mobile_nav_x3dhq_825";
|
|
39
|
+
const mobile_opened = "_mobile_opened_x3dhq_847";
|
|
40
|
+
const mobile_nav_item = "_mobile_nav_item_x3dhq_863";
|
|
41
|
+
const has_dropdown = "_has_dropdown_x3dhq_893";
|
|
42
|
+
const icon_wrap = "_icon_wrap_x3dhq_925";
|
|
43
|
+
const mobile_footer = "_mobile_footer_x3dhq_935";
|
|
44
|
+
const mobile_footer_content = "_mobile_footer_content_x3dhq_945";
|
|
45
|
+
const mobile_footer_media = "_mobile_footer_media_x3dhq_973";
|
|
46
|
+
const footer_cta = "_footer_cta_x3dhq_985";
|
|
47
|
+
const inner_wrapper = "_inner_wrapper_x3dhq_1041";
|
|
48
|
+
const btn = "_btn_x3dhq_1051";
|
|
49
|
+
const sub_menu = "_sub_menu_x3dhq_1061";
|
|
50
|
+
const main = "_main_x3dhq_51";
|
|
51
|
+
const dd_footer = "_dd_footer_x3dhq_1111";
|
|
52
|
+
const skip_btn = "_skip_btn_x3dhq_1127";
|
|
53
|
+
const desktop_only = "_desktop_only_x3dhq_1217";
|
|
54
54
|
const styles = {
|
|
55
55
|
header,
|
|
56
56
|
wrapper,
|
|
@@ -120,6 +120,16 @@
|
|
|
120
120
|
._1tdyl740 .containment {
|
|
121
121
|
padding: 1.5rem 0;
|
|
122
122
|
}
|
|
123
|
+
._1tdyl74c h2 {
|
|
124
|
+
font-size: 20px;
|
|
125
|
+
line-height: 1.33;
|
|
126
|
+
}
|
|
127
|
+
._1tdyl74c .containment {
|
|
128
|
+
padding-block: 18px;
|
|
129
|
+
}
|
|
130
|
+
._1tdyl74c ._1tdyl74d {
|
|
131
|
+
padding-top: 18px;
|
|
132
|
+
}
|
|
123
133
|
}
|
|
124
134
|
@media screen and (min-width:1024px) {
|
|
125
135
|
._1tdyl740 .flex {
|
|
@@ -140,4 +150,22 @@
|
|
|
140
150
|
._1tdyl743 ._1tdyl74d, ._1tdyl744 ._1tdyl74d {
|
|
141
151
|
margin-top: 0;
|
|
142
152
|
}
|
|
153
|
+
}
|
|
154
|
+
@media screen and (max-width:603px) {
|
|
155
|
+
._1tdyl74c h2 {
|
|
156
|
+
font-size: 12px;
|
|
157
|
+
}
|
|
158
|
+
._1tdyl74c .containment {
|
|
159
|
+
padding-block: 12px;
|
|
160
|
+
}
|
|
161
|
+
._1tdyl74c ._1tdyl74d {
|
|
162
|
+
padding-top: 12px;
|
|
163
|
+
}
|
|
164
|
+
._1tdyl74c ._13pdpuj6 {
|
|
165
|
+
padding: 4px 24px;
|
|
166
|
+
}
|
|
167
|
+
._1tdyl74c ._13pdpuj0 {
|
|
168
|
+
font-size: 14px;
|
|
169
|
+
line-height: 1.43;
|
|
170
|
+
}
|
|
143
171
|
}
|