@axos-web-dev/shared-components 0.0.87 → 0.0.90
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/Accordion/Accordion.css.d.ts +9 -9
- package/dist/Calculators/ApyCalculator/index.js +2 -4
- package/dist/Calculators/Calculator.js +9 -8
- package/dist/Calculators/MarginTradingCalculator/index.js +3 -6
- package/dist/Calculators/MaxLoanCalculator/index.d.ts +2 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +3 -3
- package/dist/Calculators/index.d.ts +6 -0
- package/dist/Calculators/index.js +12 -0
- package/dist/CallToActionBar/index.js +1 -2
- package/dist/Carousel/index.js +10 -7
- package/dist/Chevron/index.js +6 -5
- package/dist/Comparison/Comparison.js +6 -5
- package/dist/Comparison/ComparisonSet.js +7 -6
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -5
- package/dist/Forms/ApplicationStart.js +3 -2
- package/dist/Forms/CommercialLending.js +3 -2
- package/dist/Forms/ContactCompany.js +3 -2
- package/dist/Forms/ContactUs.js +3 -2
- package/dist/Forms/ContactUsAAS.js +30 -28
- package/dist/Forms/ContactUsBusiness.js +8 -7
- package/dist/Forms/ContactUsNMLSId.js +8 -7
- package/dist/Forms/DealerServices.js +3 -2
- package/dist/Forms/EmailOnly.js +8 -7
- package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
- package/dist/Forms/ScheduleCall.js +7 -3
- package/dist/Forms/ScheduleCallPremier.js +3 -2
- package/dist/Forms/SuccesForm.js +6 -5
- package/dist/Forms/WcplSurvey.js +3 -2
- package/dist/Hyperlink/index.js +6 -5
- package/dist/ImageLink/ImageLink.js +6 -5
- package/dist/ImageLink/ImageLinkSet.js +6 -5
- package/dist/ImageLink/index.js +6 -5
- package/dist/Input/Checkbox.d.ts +1 -1
- package/dist/Input/CurrencyInput.js +3 -2
- package/dist/Input/DatePicker.css.d.ts +1 -0
- package/dist/Input/DatePicker.css.js +6 -0
- package/dist/Input/Datepicker.d.ts +3 -0
- package/dist/Input/Datepicker.js +47 -0
- package/dist/Input/InputDate.css.d.ts +6 -0
- package/dist/Input/InputDate.css.js +15 -0
- package/dist/Input/InputDate.d.ts +3 -0
- package/dist/Input/InputDate.js +47 -0
- package/dist/Input/InputPhone.js +3 -2
- package/dist/Input/InputProps.d.ts +6 -0
- package/dist/Input/index.d.ts +3 -0
- package/dist/Input/index.js +6 -0
- package/dist/Modal/Modal.js +7 -6
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -5
- package/dist/SetContainer/SetContainer.js +6 -5
- package/dist/Table/Table.d.ts +11 -11
- package/dist/assets/Input/DatePicker.css +95 -0
- package/dist/assets/Input/InputDate.css +39 -0
- package/dist/main.js +12 -2
- package/dist/utils/allowedAxosDomains.js +3 -3
- package/package.json +9 -9
|
@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
4
4
|
width: {
|
|
5
5
|
"1/2": {
|
|
6
6
|
display: "flex";
|
|
7
|
-
flexBasis:
|
|
7
|
+
flexBasis: "50%";
|
|
8
8
|
};
|
|
9
9
|
"1/3": {
|
|
10
10
|
display: "flex";
|
|
11
|
-
flexBasis:
|
|
11
|
+
flexBasis: "33.333333333333336%";
|
|
12
12
|
};
|
|
13
13
|
"2/3": {
|
|
14
14
|
display: "flex";
|
|
15
|
-
flexBasis:
|
|
15
|
+
flexBasis: "66.66666666666667%";
|
|
16
16
|
};
|
|
17
17
|
"1/4": {
|
|
18
18
|
display: "flex";
|
|
19
|
-
flexBasis:
|
|
19
|
+
flexBasis: "25%";
|
|
20
20
|
};
|
|
21
21
|
"3/4": {
|
|
22
22
|
display: "flex";
|
|
23
|
-
flexBasis:
|
|
23
|
+
flexBasis: "75%";
|
|
24
24
|
};
|
|
25
25
|
"1/5": {
|
|
26
26
|
display: "flex";
|
|
27
|
-
flexBasis:
|
|
27
|
+
flexBasis: "20%";
|
|
28
28
|
};
|
|
29
29
|
"2/5": {
|
|
30
30
|
display: "flex";
|
|
31
|
-
flexBasis:
|
|
31
|
+
flexBasis: "40%";
|
|
32
32
|
};
|
|
33
33
|
"3/5": {
|
|
34
34
|
display: "flex";
|
|
35
|
-
flexBasis:
|
|
35
|
+
flexBasis: "60%";
|
|
36
36
|
};
|
|
37
37
|
"4/5": {
|
|
38
38
|
display: "flex";
|
|
39
|
-
flexBasis:
|
|
39
|
+
flexBasis: "80%";
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
}>;
|
|
@@ -30,16 +30,14 @@ const ApyCalculator = ({
|
|
|
30
30
|
return false;
|
|
31
31
|
} else if (input < 0 || Number.isNaN(input)) {
|
|
32
32
|
return false;
|
|
33
|
-
} else
|
|
34
|
-
return true;
|
|
33
|
+
} else return true;
|
|
35
34
|
};
|
|
36
35
|
const isValidAPY = (input) => {
|
|
37
36
|
if (typeof input !== "number") {
|
|
38
37
|
return false;
|
|
39
38
|
} else if (input <= 0 || Number.isNaN(input)) {
|
|
40
39
|
return false;
|
|
41
|
-
} else
|
|
42
|
-
return true;
|
|
40
|
+
} else return true;
|
|
43
41
|
};
|
|
44
42
|
const convertInterest = useCallback(() => {
|
|
45
43
|
const newInterestRate = 0.01 * APR;
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { ATMLocator } from "../ATMLocator/ATMLocator.js";
|
|
4
|
-
import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
5
|
-
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
6
|
-
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
7
|
-
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
8
|
-
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
9
4
|
import "@hookform/resolvers/zod";
|
|
10
5
|
import "../Modal/contextApi/store.js";
|
|
11
6
|
import { getVariant } from "../utils/getVariant.js";
|
|
@@ -15,11 +10,12 @@ import "../Button/Button.css.js";
|
|
|
15
10
|
import "react-use";
|
|
16
11
|
import "../Input/Checkbox.js";
|
|
17
12
|
import "../Input/CurrencyInput.js";
|
|
18
|
-
import "../Input/
|
|
13
|
+
import "../Input/Input.css.js";
|
|
19
14
|
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
import "../Input/Dropdown.js";
|
|
20
17
|
/* empty css */
|
|
21
18
|
import "../Input/Input.js";
|
|
22
|
-
import "../Input/Input.css.js";
|
|
23
19
|
import "../Input/InputPhone.js";
|
|
24
20
|
import "../Input/InputTextArea.js";
|
|
25
21
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -45,7 +41,13 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
45
41
|
import "next/image.js";
|
|
46
42
|
import "../IconBillboard/IconBillboard.css.js";
|
|
47
43
|
/* empty css */
|
|
44
|
+
import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
45
|
+
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
46
|
+
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
48
47
|
import { calculator_headline, calculator_description } from "./calculator.css.js";
|
|
48
|
+
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
49
|
+
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
50
|
+
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
49
51
|
/* empty css */
|
|
50
52
|
import "../Carousel/index.js";
|
|
51
53
|
/* empty css */
|
|
@@ -86,7 +88,6 @@ import "next/script.js";
|
|
|
86
88
|
/* empty css */
|
|
87
89
|
import "../Input/RadioButton.js";
|
|
88
90
|
import { iframeResizer } from "iframe-resizer";
|
|
89
|
-
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
90
91
|
import { calculators } from "./calculators.js";
|
|
91
92
|
const Calculator = (props) => {
|
|
92
93
|
const {
|
|
@@ -46,8 +46,7 @@ const MarginTradingCalculator = ({
|
|
|
46
46
|
purchasedAmt.innerHTML = usd.format(
|
|
47
47
|
Number(cashVal.value) * 2 + Number(secVal.value)
|
|
48
48
|
);
|
|
49
|
-
if (!duration.value)
|
|
50
|
-
duration.value = "30";
|
|
49
|
+
if (!duration.value) duration.value = "30";
|
|
51
50
|
populateTable();
|
|
52
51
|
}
|
|
53
52
|
}
|
|
@@ -58,8 +57,7 @@ const MarginTradingCalculator = ({
|
|
|
58
57
|
borrowedAmt.innerHTML = usd.format(
|
|
59
58
|
Number(cashVal.value) + Number(secVal.value)
|
|
60
59
|
);
|
|
61
|
-
if (!duration.value)
|
|
62
|
-
duration.value = "30";
|
|
60
|
+
if (!duration.value) duration.value = "30";
|
|
63
61
|
populateTable();
|
|
64
62
|
}
|
|
65
63
|
}
|
|
@@ -133,8 +131,7 @@ const MarginTradingCalculator = ({
|
|
|
133
131
|
duration.value = "";
|
|
134
132
|
clearTbl();
|
|
135
133
|
} else {
|
|
136
|
-
if (calculateBtn)
|
|
137
|
-
calculateBtn.click();
|
|
134
|
+
if (calculateBtn) calculateBtn.click();
|
|
138
135
|
}
|
|
139
136
|
});
|
|
140
137
|
const borrowedAmtChecker = () => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React, FC } from 'react';
|
|
2
2
|
|
|
3
|
-
export interface
|
|
3
|
+
export interface MaxLoanCalculatorProps {
|
|
4
4
|
header?: React.ReactNode | string;
|
|
5
5
|
body?: React.ReactNode | string;
|
|
6
6
|
variant?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const MaxLoanCalculator: FC<
|
|
8
|
+
export declare const MaxLoanCalculator: FC<MaxLoanCalculatorProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
4
3
|
import { button } from "../../Button/Button.css.js";
|
|
5
|
-
import { getVariant } from "../../utils/getVariant.js";
|
|
6
|
-
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
7
4
|
import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
5
|
+
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
6
|
+
import { getVariant } from "../../utils/getVariant.js";
|
|
7
|
+
import { useState } from "react";
|
|
8
8
|
const MaxLoanCalculator = ({
|
|
9
9
|
variant,
|
|
10
10
|
header
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
export * from './AnnualFeeCalculator';
|
|
2
|
+
export * from './ApyCalculator';
|
|
3
|
+
export * from './BalanceAPYCalculator';
|
|
1
4
|
export * from './Calculator';
|
|
2
5
|
export * from './calculator.css';
|
|
6
|
+
export * from './MarginTradingCalculator';
|
|
7
|
+
export * from './MaxLoanCalculator';
|
|
8
|
+
export * from './MonthlyPaymentCalculator';
|
|
@@ -1,7 +1,19 @@
|
|
|
1
|
+
import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
2
|
+
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
3
|
+
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
1
4
|
import { Calculator } from "./Calculator.js";
|
|
2
5
|
import { calculator_description, calculator_headline } from "./calculator.css.js";
|
|
6
|
+
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
7
|
+
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
8
|
+
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
3
9
|
export {
|
|
10
|
+
AnnualFeeCalculator,
|
|
11
|
+
ApyCalculator,
|
|
12
|
+
BalanceAPYCalculator,
|
|
4
13
|
Calculator,
|
|
14
|
+
MarginTradingCalculator,
|
|
15
|
+
MaxLoanCalculator,
|
|
16
|
+
MonthlyPaymentCalculator,
|
|
5
17
|
calculator_description,
|
|
6
18
|
calculator_headline
|
|
7
19
|
};
|
package/dist/Carousel/index.js
CHANGED
|
@@ -28,15 +28,16 @@ import "../Button/Button.css.js";
|
|
|
28
28
|
import "react-use";
|
|
29
29
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
30
30
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
31
|
-
|
|
32
|
-
import "../Calculators/
|
|
31
|
+
import "../Table/Table.css.js";
|
|
32
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
33
33
|
import "@hookform/resolvers/zod";
|
|
34
34
|
import "../Input/Checkbox.js";
|
|
35
35
|
import "../Input/CurrencyInput.js";
|
|
36
|
+
import "../Input/Input.css.js";
|
|
37
|
+
/* empty css */
|
|
36
38
|
import "../Input/Dropdown.js";
|
|
37
39
|
/* empty css */
|
|
38
40
|
import "../Input/Input.js";
|
|
39
|
-
import "../Input/Input.css.js";
|
|
40
41
|
import "../Input/InputPhone.js";
|
|
41
42
|
import "../Input/InputTextArea.js";
|
|
42
43
|
import "react-hook-form";
|
|
@@ -45,9 +46,9 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
45
46
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
46
47
|
import "../Input/RadioButton.js";
|
|
47
48
|
import "iframe-resizer";
|
|
48
|
-
import "../Table/Table.css.js";
|
|
49
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
50
49
|
import "../Calculators/calculator.css.js";
|
|
50
|
+
/* empty css */
|
|
51
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
51
52
|
/* empty css */
|
|
52
53
|
/* empty css */
|
|
53
54
|
import "../Comparison/Comparison.css.js";
|
|
@@ -115,8 +116,10 @@ const CarouselSlide = (props) => {
|
|
|
115
116
|
content,
|
|
116
117
|
/* @__PURE__ */ jsxs("div", { className: authorLocation, children: [
|
|
117
118
|
/* @__PURE__ */ jsx("span", { className: author({ variant }), children: author$1 }),
|
|
118
|
-
/* @__PURE__ */
|
|
119
|
-
|
|
119
|
+
location !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
120
|
+
/* @__PURE__ */ jsx("span", { children: "|" }),
|
|
121
|
+
/* @__PURE__ */ jsx("span", { children: location })
|
|
122
|
+
] })
|
|
120
123
|
] })
|
|
121
124
|
] }) });
|
|
122
125
|
};
|
package/dist/Chevron/index.js
CHANGED
|
@@ -27,15 +27,16 @@ import "../Button/Button.css.js";
|
|
|
27
27
|
import "react-use";
|
|
28
28
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
29
29
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
30
|
-
|
|
31
|
-
import "../Calculators/
|
|
30
|
+
import "../Table/Table.css.js";
|
|
31
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
32
32
|
import "@hookform/resolvers/zod";
|
|
33
33
|
import "../Input/Checkbox.js";
|
|
34
34
|
import "../Input/CurrencyInput.js";
|
|
35
|
+
import "../Input/Input.css.js";
|
|
36
|
+
/* empty css */
|
|
35
37
|
import "../Input/Dropdown.js";
|
|
36
38
|
/* empty css */
|
|
37
39
|
import "../Input/Input.js";
|
|
38
|
-
import "../Input/Input.css.js";
|
|
39
40
|
import "../Input/InputPhone.js";
|
|
40
41
|
import "../Input/InputTextArea.js";
|
|
41
42
|
import "react-hook-form";
|
|
@@ -44,9 +45,9 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
44
45
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
46
|
import "../Input/RadioButton.js";
|
|
46
47
|
import "iframe-resizer";
|
|
47
|
-
import "../Table/Table.css.js";
|
|
48
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
49
48
|
import "../Calculators/calculator.css.js";
|
|
49
|
+
/* empty css */
|
|
50
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
50
51
|
/* empty css */
|
|
51
52
|
import "../Carousel/index.js";
|
|
52
53
|
/* empty css */
|
|
@@ -26,15 +26,16 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
26
26
|
import "next/image.js";
|
|
27
27
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
|
-
|
|
30
|
-
import "../Calculators/
|
|
29
|
+
import "../Table/Table.css.js";
|
|
30
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
31
31
|
import "@hookform/resolvers/zod";
|
|
32
32
|
import "../Input/Checkbox.js";
|
|
33
33
|
import "../Input/CurrencyInput.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
35
|
+
/* empty css */
|
|
34
36
|
import "../Input/Dropdown.js";
|
|
35
37
|
/* empty css */
|
|
36
38
|
import "../Input/Input.js";
|
|
37
|
-
import "../Input/Input.css.js";
|
|
38
39
|
import "../Input/InputPhone.js";
|
|
39
40
|
import "../Input/InputTextArea.js";
|
|
40
41
|
import "react-hook-form";
|
|
@@ -43,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
43
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
45
|
import "../Input/RadioButton.js";
|
|
45
46
|
import "iframe-resizer";
|
|
46
|
-
import "../Table/Table.css.js";
|
|
47
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
48
47
|
import "../Calculators/calculator.css.js";
|
|
48
|
+
/* empty css */
|
|
49
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
50
|
/* empty css */
|
|
50
51
|
import "../Carousel/index.js";
|
|
51
52
|
/* empty css */
|
|
@@ -25,27 +25,28 @@ import "../Button/Button.css.js";
|
|
|
25
25
|
import "react-use";
|
|
26
26
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
27
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
28
|
-
|
|
29
|
-
import "../
|
|
28
|
+
import clsx from "clsx";
|
|
29
|
+
import "../Table/Table.css.js";
|
|
30
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
30
31
|
import "@hookform/resolvers/zod";
|
|
31
32
|
import "../Input/Checkbox.js";
|
|
32
33
|
import "../Input/CurrencyInput.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
35
|
+
/* empty css */
|
|
33
36
|
import "../Input/Dropdown.js";
|
|
34
37
|
/* empty css */
|
|
35
38
|
import "../Input/Input.js";
|
|
36
|
-
import "../Input/Input.css.js";
|
|
37
39
|
import "../Input/InputPhone.js";
|
|
38
40
|
import "../Input/InputTextArea.js";
|
|
39
|
-
import clsx from "clsx";
|
|
40
41
|
import "react-hook-form";
|
|
41
42
|
import "../Forms/Forms.css.js";
|
|
42
43
|
import "../Forms/SalesforceFieldsForm.js";
|
|
43
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
45
|
import "../Input/RadioButton.js";
|
|
45
46
|
import "iframe-resizer";
|
|
46
|
-
import "../Table/Table.css.js";
|
|
47
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
48
47
|
import "../Calculators/calculator.css.js";
|
|
48
|
+
/* empty css */
|
|
49
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
50
|
/* empty css */
|
|
50
51
|
import "../Carousel/index.js";
|
|
51
52
|
/* empty css */
|
|
@@ -25,15 +25,16 @@ import "../../Button/Button.css.js";
|
|
|
25
25
|
import "react-use";
|
|
26
26
|
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
27
|
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
28
|
-
|
|
29
|
-
import "../../Calculators/
|
|
28
|
+
import "../../Table/Table.css.js";
|
|
29
|
+
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
30
30
|
import "@hookform/resolvers/zod";
|
|
31
31
|
import "../../Input/Checkbox.js";
|
|
32
32
|
import "../../Input/CurrencyInput.js";
|
|
33
|
+
import "../../Input/Input.css.js";
|
|
34
|
+
/* empty css */
|
|
33
35
|
import "../../Input/Dropdown.js";
|
|
34
36
|
/* empty css */
|
|
35
37
|
import "../../Input/Input.js";
|
|
36
|
-
import "../../Input/Input.css.js";
|
|
37
38
|
import "../../Input/InputPhone.js";
|
|
38
39
|
import "../../Input/InputTextArea.js";
|
|
39
40
|
import "react-hook-form";
|
|
@@ -42,9 +43,9 @@ import "../../Forms/SalesforceFieldsForm.js";
|
|
|
42
43
|
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
43
44
|
import "../../Input/RadioButton.js";
|
|
44
45
|
import "iframe-resizer";
|
|
45
|
-
import "../../Table/Table.css.js";
|
|
46
|
-
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
47
46
|
import "../../Calculators/calculator.css.js";
|
|
47
|
+
/* empty css */
|
|
48
|
+
import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
import "../../Carousel/index.js";
|
|
50
51
|
/* empty css */
|
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import { Checkbox } from "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import { Input } from "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import "../Input/InputTextArea.js";
|
|
17
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import { Dropdown } from "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import { Input } from "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import "../Input/InputTextArea.js";
|
|
17
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import { Input } from "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import "../Input/InputTextArea.js";
|
|
17
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
package/dist/Forms/ContactUs.js
CHANGED
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import { Input } from "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import "../Input/InputTextArea.js";
|
|
17
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import { Dropdown } from "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import { Input } from "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import { InputTextArea } from "../Input/InputTextArea.js";
|
|
17
18
|
import { LoadingIndicator } from "../LoadingIndicator/index.js";
|
|
@@ -27,7 +28,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
27
28
|
import clsx from "clsx";
|
|
28
29
|
import { useForm, FormProvider } from "react-hook-form";
|
|
29
30
|
import { z } from "zod";
|
|
30
|
-
import {
|
|
31
|
+
import { Roles } from "./FormEnums.js";
|
|
31
32
|
import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
|
|
32
33
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
33
34
|
const ContactUsAAS = ({
|
|
@@ -45,27 +46,32 @@ const ContactUsAAS = ({
|
|
|
45
46
|
id
|
|
46
47
|
}) => {
|
|
47
48
|
const schema = z.object({
|
|
48
|
-
first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
50
|
+
message: "Invalid first name"
|
|
51
|
+
}).trim().min(1, { message: "First Name is required." }),
|
|
52
|
+
last_name: z.string({ message: "Last name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
53
|
+
message: "Invalid last name"
|
|
54
|
+
}).trim().min(1, { message: "Last Name is required." }),
|
|
55
|
+
email: z.string({ message: "Email is required." }).email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
|
|
56
|
+
phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, {
|
|
57
|
+
message: "Invalid phone number"
|
|
58
|
+
}).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
|
|
52
59
|
const removeDashes = val.replace(/-/gi, "");
|
|
53
60
|
if (removeDashes.length !== 10) {
|
|
54
61
|
ctx.addIssue({
|
|
55
62
|
code: z.ZodIssueCode.custom,
|
|
56
|
-
message: "
|
|
63
|
+
message: "Phone must have at least 10 and no more than 10 characters."
|
|
57
64
|
});
|
|
58
65
|
return z.NEVER;
|
|
59
66
|
}
|
|
60
67
|
return removeDashes;
|
|
61
68
|
}),
|
|
62
|
-
company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
),
|
|
69
|
+
company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
70
|
+
message: "Invalid company name"
|
|
71
|
+
}).trim().optional().or(z.literal("")),
|
|
72
|
+
Current_Assets_Under_Management__c: z.union([z.string(), z.undefined()]),
|
|
67
73
|
Role__c: z.string().min(1, { message: "Role is required." }).refine((val) => Roles.includes(val), "Role is required"),
|
|
68
|
-
description: z.string().trim().max(32e3)
|
|
74
|
+
description: z.optional(z.string().trim().max(32e3))
|
|
69
75
|
});
|
|
70
76
|
const methods = useForm({
|
|
71
77
|
resolver: zodResolver(
|
|
@@ -75,7 +81,7 @@ const ContactUsAAS = ({
|
|
|
75
81
|
},
|
|
76
82
|
{ mode: "async" }
|
|
77
83
|
),
|
|
78
|
-
mode: "
|
|
84
|
+
mode: "all",
|
|
79
85
|
shouldUnregister: true,
|
|
80
86
|
defaultValues: {
|
|
81
87
|
email: ""
|
|
@@ -145,7 +151,7 @@ const ContactUsAAS = ({
|
|
|
145
151
|
required: true
|
|
146
152
|
}),
|
|
147
153
|
type: "email",
|
|
148
|
-
label: "
|
|
154
|
+
label: "Email*",
|
|
149
155
|
sizes: "medium",
|
|
150
156
|
placeholder: "",
|
|
151
157
|
required: true,
|
|
@@ -162,7 +168,7 @@ const ContactUsAAS = ({
|
|
|
162
168
|
required: true,
|
|
163
169
|
maxLength: 12
|
|
164
170
|
}),
|
|
165
|
-
label: "
|
|
171
|
+
label: "Phone*",
|
|
166
172
|
sizes: "medium",
|
|
167
173
|
placeholder: "",
|
|
168
174
|
type: "tel",
|
|
@@ -176,11 +182,10 @@ const ContactUsAAS = ({
|
|
|
176
182
|
Input,
|
|
177
183
|
{
|
|
178
184
|
id: "company",
|
|
179
|
-
...register("company"
|
|
180
|
-
label: "Company
|
|
185
|
+
...register("company"),
|
|
186
|
+
label: "Company",
|
|
181
187
|
sizes: "medium",
|
|
182
188
|
placeholder: "",
|
|
183
|
-
required: true,
|
|
184
189
|
error: !!errors.company,
|
|
185
190
|
helperText: errors.company?.message,
|
|
186
191
|
variant
|
|
@@ -190,18 +195,15 @@ const ContactUsAAS = ({
|
|
|
190
195
|
Dropdown,
|
|
191
196
|
{
|
|
192
197
|
id: "Current_Assets_Under_Management__c",
|
|
193
|
-
...register("Current_Assets_Under_Management__c",
|
|
194
|
-
|
|
195
|
-
}),
|
|
196
|
-
label: "Current AUM*",
|
|
198
|
+
...register("Current_Assets_Under_Management__c"),
|
|
199
|
+
label: "Current AUM",
|
|
197
200
|
sizes: "medium",
|
|
198
|
-
required: true,
|
|
199
201
|
error: !!errors.Current_Assets_Under_Management__c,
|
|
200
202
|
helperText: errors.Current_Assets_Under_Management__c?.message,
|
|
201
203
|
variant,
|
|
202
|
-
defaultValue: "
|
|
204
|
+
defaultValue: "",
|
|
203
205
|
children: [
|
|
204
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
206
|
+
/* @__PURE__ */ jsx("option", { value: "", children: "Select option" }),
|
|
205
207
|
/* @__PURE__ */ jsx("option", { value: "$0 - $25M", children: "$0 — $25M" }),
|
|
206
208
|
/* @__PURE__ */ jsx("option", { value: "$26M - $150M", children: "$26M — $150M" }),
|
|
207
209
|
/* @__PURE__ */ jsx("option", { value: "$151M - $500M", children: "$151M — $500M" }),
|
|
@@ -239,7 +241,7 @@ const ContactUsAAS = ({
|
|
|
239
241
|
{
|
|
240
242
|
id: "description",
|
|
241
243
|
...register("description"),
|
|
242
|
-
label: "Comments
|
|
244
|
+
label: "Comments",
|
|
243
245
|
sizes: "medium",
|
|
244
246
|
placeholder: "",
|
|
245
247
|
error: !!errors.description,
|