@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.
Files changed (58) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +9 -9
  2. package/dist/Calculators/ApyCalculator/index.js +2 -4
  3. package/dist/Calculators/Calculator.js +9 -8
  4. package/dist/Calculators/MarginTradingCalculator/index.js +3 -6
  5. package/dist/Calculators/MaxLoanCalculator/index.d.ts +2 -2
  6. package/dist/Calculators/MaxLoanCalculator/index.js +3 -3
  7. package/dist/Calculators/index.d.ts +6 -0
  8. package/dist/Calculators/index.js +12 -0
  9. package/dist/CallToActionBar/index.js +1 -2
  10. package/dist/Carousel/index.js +10 -7
  11. package/dist/Chevron/index.js +6 -5
  12. package/dist/Comparison/Comparison.js +6 -5
  13. package/dist/Comparison/ComparisonSet.js +7 -6
  14. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -5
  15. package/dist/Forms/ApplicationStart.js +3 -2
  16. package/dist/Forms/CommercialLending.js +3 -2
  17. package/dist/Forms/ContactCompany.js +3 -2
  18. package/dist/Forms/ContactUs.js +3 -2
  19. package/dist/Forms/ContactUsAAS.js +30 -28
  20. package/dist/Forms/ContactUsBusiness.js +8 -7
  21. package/dist/Forms/ContactUsNMLSId.js +8 -7
  22. package/dist/Forms/DealerServices.js +3 -2
  23. package/dist/Forms/EmailOnly.js +8 -7
  24. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  25. package/dist/Forms/ScheduleCall.js +7 -3
  26. package/dist/Forms/ScheduleCallPremier.js +3 -2
  27. package/dist/Forms/SuccesForm.js +6 -5
  28. package/dist/Forms/WcplSurvey.js +3 -2
  29. package/dist/Hyperlink/index.js +6 -5
  30. package/dist/ImageLink/ImageLink.js +6 -5
  31. package/dist/ImageLink/ImageLinkSet.js +6 -5
  32. package/dist/ImageLink/index.js +6 -5
  33. package/dist/Input/Checkbox.d.ts +1 -1
  34. package/dist/Input/CurrencyInput.js +3 -2
  35. package/dist/Input/DatePicker.css.d.ts +1 -0
  36. package/dist/Input/DatePicker.css.js +6 -0
  37. package/dist/Input/Datepicker.d.ts +3 -0
  38. package/dist/Input/Datepicker.js +47 -0
  39. package/dist/Input/InputDate.css.d.ts +6 -0
  40. package/dist/Input/InputDate.css.js +15 -0
  41. package/dist/Input/InputDate.d.ts +3 -0
  42. package/dist/Input/InputDate.js +47 -0
  43. package/dist/Input/InputPhone.js +3 -2
  44. package/dist/Input/InputProps.d.ts +6 -0
  45. package/dist/Input/index.d.ts +3 -0
  46. package/dist/Input/index.js +6 -0
  47. package/dist/Modal/Modal.js +7 -6
  48. package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
  49. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
  50. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
  51. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -5
  52. package/dist/SetContainer/SetContainer.js +6 -5
  53. package/dist/Table/Table.d.ts +11 -11
  54. package/dist/assets/Input/DatePicker.css +95 -0
  55. package/dist/assets/Input/InputDate.css +39 -0
  56. package/dist/main.js +12 -2
  57. package/dist/utils/allowedAxosDomains.js +3 -3
  58. 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: `${number}%`;
7
+ flexBasis: "50%";
8
8
  };
9
9
  "1/3": {
10
10
  display: "flex";
11
- flexBasis: `${number}%`;
11
+ flexBasis: "33.333333333333336%";
12
12
  };
13
13
  "2/3": {
14
14
  display: "flex";
15
- flexBasis: `${number}%`;
15
+ flexBasis: "66.66666666666667%";
16
16
  };
17
17
  "1/4": {
18
18
  display: "flex";
19
- flexBasis: `${number}%`;
19
+ flexBasis: "25%";
20
20
  };
21
21
  "3/4": {
22
22
  display: "flex";
23
- flexBasis: `${number}%`;
23
+ flexBasis: "75%";
24
24
  };
25
25
  "1/5": {
26
26
  display: "flex";
27
- flexBasis: `${number}%`;
27
+ flexBasis: "20%";
28
28
  };
29
29
  "2/5": {
30
30
  display: "flex";
31
- flexBasis: `${number}%`;
31
+ flexBasis: "40%";
32
32
  };
33
33
  "3/5": {
34
34
  display: "flex";
35
- flexBasis: `${number}%`;
35
+ flexBasis: "60%";
36
36
  };
37
37
  "4/5": {
38
38
  display: "flex";
39
- flexBasis: `${number}%`;
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/Dropdown.js";
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 MonthlyPaymentCalculatorProps {
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<MonthlyPaymentCalculatorProps>;
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
  };
@@ -33,8 +33,7 @@ const CallToActionBar = ({
33
33
  }
34
34
  }, [banner_size]);
35
35
  useEffect(() => {
36
- if (!stickyTop)
37
- return;
36
+ if (!stickyTop) return;
38
37
  window.addEventListener("scroll", isSticky);
39
38
  return () => {
40
39
  window.removeEventListener("scroll", isSticky);
@@ -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
- /* empty css */
32
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
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__ */ jsx("span", { children: "|" }),
119
- /* @__PURE__ */ jsx("span", { children: location })
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
  };
@@ -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
- /* empty css */
31
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
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
- /* empty css */
30
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
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
- /* empty css */
29
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
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
- /* empty css */
29
- import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
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/Dropdown.js";
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 { Dropdown } from "../Input/Dropdown.js";
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/Dropdown.js";
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 "../Input/Dropdown.js";
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 { Dropdown } from "../Input/Dropdown.js";
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 { CurrentAssets, Roles } from "./FormEnums.js";
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).trim().min(1, { message: "First Name is required." }),
49
- last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
50
- email: z.string().email({ message: "Business email is required." }).refine(async (val) => await validateEmail(val)),
51
- phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business phone is required." }).max(12, { message: "Business phone is required." }).transform((val, ctx) => {
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: "Business phone must have at least 10 and no more than 10 characters."
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).trim().min(1, { message: "Company is required." }),
63
- Current_Assets_Under_Management__c: z.string().min(1, { message: "Current Assets is required." }).refine(
64
- (val) => CurrentAssets.includes(val),
65
- "Current assets is required."
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).min(1, { message: "Comments is required." })
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: "onChange",
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: "Business Email*",
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: "Business Phone*",
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", { required: true }),
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
- required: true
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: "Select option",
204
+ defaultValue: "",
203
205
  children: [
204
- /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select option" }),
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,