@axos-web-dev/shared-components 0.0.89 → 0.0.91

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 (27) hide show
  1. package/dist/ATMLocator/ATMLocator.d.ts +4 -2
  2. package/dist/ATMLocator/ATMLocator.js +122 -18
  3. package/dist/Calculators/Calculator.js +10 -1
  4. package/dist/Carousel/index.js +9 -9
  5. package/dist/Chevron/index.js +14 -14
  6. package/dist/Comparison/Comparison.js +11 -11
  7. package/dist/Comparison/ComparisonSet.js +17 -17
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +16 -16
  9. package/dist/Forms/ContactUsAAS.js +27 -26
  10. package/dist/Forms/ContactUsBusiness.js +12 -12
  11. package/dist/Forms/ContactUsNMLSId.js +12 -12
  12. package/dist/Forms/EmailOnly.js +12 -12
  13. package/dist/Forms/SuccesForm.js +9 -9
  14. package/dist/Hyperlink/index.js +17 -17
  15. package/dist/ImageLink/ImageLink.js +10 -10
  16. package/dist/ImageLink/ImageLinkSet.js +8 -8
  17. package/dist/ImageLink/index.js +15 -15
  18. package/dist/Modal/Modal.js +13 -13
  19. package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
  20. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
  21. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
  22. package/dist/NavigationMenu/AxosBank/SubNavBar.js +16 -16
  23. package/dist/SetContainer/SetContainer.js +10 -10
  24. package/dist/Table/Table.d.ts +4 -4
  25. package/dist/assets/Table/Table.css +1 -1
  26. package/dist/utils/allowedAxosDomains.js +3 -1
  27. package/package.json +1 -1
package/dist/ATMLocator/ATMLocator.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- export type ATMLocatorProps = object;
2
- export declare const ATMLocator: () => import("react/jsx-runtime").JSX.Element;
1
+ import { CalculatorProps } from '../Calculators';
2
+
3
+ export type ATMLocatorProps = CalculatorProps;
4
+ export declare const ATMLocator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -1,21 +1,125 @@
1
- import { jsx } from "react/jsx-runtime";
2
- const ATMLocator = () => {
3
- return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
4
- "iframe",
5
- {
6
- id: "atmlocator",
7
- src: "https://axosbank.locatorsearch.com/index.aspx?' + iFrameUrl + '",
8
- height: "1000",
9
- width: "100%",
10
- name: "atmlocator",
11
- frameBorder: "0",
12
- allowTransparency: true,
13
- allow: "geolocation",
14
- scrolling: "no",
15
- title: "LocatorSearch",
16
- children: "Your browser doesn\\'t support iframes"
17
- }
18
- ) });
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "../Modal/contextApi/store.js";
3
+ import { getVariant } from "../utils/getVariant.js";
4
+ import clsx from "clsx";
5
+ import "react";
6
+ import "../Button/Button.css.js";
7
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
8
+ import SvgAxosX from "../icons/AxosX/index.js";
9
+ import SvgComponent from "../icons/AxosX/Blue.js";
10
+ import "../icons/CheckIcon/CheckIcon.css.js";
11
+ /* empty css */
12
+ /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ import "../Accordion/Accordion.js";
16
+ import "../Accordion/Accordion.css.js";
17
+ import "../AlertBanner/AlertBanner.css.js";
18
+ import "../Article/Article.css.js";
19
+ import "../ArticlesSet/ArticlesSet.css.js";
20
+ /* empty css */
21
+ /* empty css */
22
+ /* empty css */
23
+ import "next/image.js";
24
+ import "../IconBillboard/IconBillboard.css.js";
25
+ /* empty css */
26
+ import "react-use";
27
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
+ /* empty css */
29
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
30
+ /* empty css */
31
+ import "../Carousel/index.js";
32
+ /* empty css */
33
+ import "../Comparison/Comparison.css.js";
34
+ import "../HeroBanner/HeroBanner.css.js";
35
+ import "../HeroBanner/LargeBanner.css.js";
36
+ import "../HeroBanner/SelectionBanner.css.js";
37
+ import "../SetContainer/SetContainer.css.js";
38
+ import "../Tab/Tab.css.js";
39
+ import "../icons/Star/Star.css.js";
40
+ import "../ContentBanner/ContentBanner.css.js";
41
+ /* empty css */
42
+ import "../ExecutiveBio/ExecutiveBio.css.js";
43
+ import "../FaqAccordion/index.js";
44
+ import "../FooterDisclosure/FooterDisclosure.css.js";
45
+ /* empty css */
46
+ import "@hookform/resolvers/zod";
47
+ import "../Input/Checkbox.js";
48
+ import "../Input/CurrencyInput.js";
49
+ import "../Input/Dropdown.js";
50
+ /* empty css */
51
+ import "../Input/Input.js";
52
+ import "../Input/Input.css.js";
53
+ import "../Input/InputPhone.js";
54
+ import "../Input/InputTextArea.js";
55
+ import "react-hook-form";
56
+ import { iconForm } from "../Forms/Forms.css.js";
57
+ import "../Forms/SalesforceFieldsForm.js";
58
+ import "../LoadingIndicator/LoadingIndicator.css.js";
59
+ import "../Input/RadioButton.js";
60
+ import "../ImageBillboard/ImageBillboard.css.js";
61
+ import "../Interstitial/Interstitial-variants.css.js";
62
+ import "../LandingPageHeader/LandingPageHeader.css.js";
63
+ import "../Chevron/Chevron.css.js";
64
+ /* empty css */
65
+ /* empty css */
66
+ /* empty css */
67
+ /* empty css */
68
+ /* empty css */
69
+ import "next/link.js";
70
+ /* empty css */
71
+ /* empty css */
72
+ /* empty css */
73
+ /* empty css */
74
+ import "../StepItem/StepItem.css.js";
75
+ import "../StepItemSet/StepItemSet.css.js";
76
+ import "../Table/Table.css.js";
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ import "next/script.js";
81
+ /* empty css */
82
+ /* empty css */
83
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
84
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
85
+ import "iframe-resizer";
86
+ import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
87
+ const ATMLocator = (props) => {
88
+ const { id, bodyCopy, icon = false, disclosure, headline } = props;
89
+ const variant = getVariant(props.variant);
90
+ return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
91
+ /* @__PURE__ */ jsxs("div", { children: [
92
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
93
+ /* @__PURE__ */ jsx(
94
+ "h2",
95
+ {
96
+ className: clsx(
97
+ "header_2 text_center",
98
+ calculator_headline({ variant })
99
+ ),
100
+ children: headline
101
+ }
102
+ ),
103
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: bodyCopy })
104
+ ] }),
105
+ /* @__PURE__ */ jsx("div", { className: "calc section-narrow", children: /* @__PURE__ */ jsx(
106
+ "iframe",
107
+ {
108
+ id: "atmlocator",
109
+ src: "https://axosbank.locatorsearch.com/index.aspx?' + iFrameUrl + '",
110
+ height: "1000",
111
+ width: "100%",
112
+ name: "atmlocator",
113
+ frameBorder: "0",
114
+ allowTransparency: true,
115
+ allow: "geolocation",
116
+ scrolling: "no",
117
+ title: "LocatorSearch",
118
+ children: "Your browser doesn\\'t support iframes"
119
+ }
120
+ ) }),
121
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
122
+ ] }) });
19
123
  };
20
124
  export {
21
125
  ATMLocator
package/dist/Calculators/Calculator.js CHANGED
@@ -107,7 +107,16 @@ const Calculator = (props) => {
107
107
  }, []);
108
108
  const variant = getVariant(props.variant);
109
109
  if (name?.toLowerCase()?.includes("atm locator")) {
110
- return /* @__PURE__ */ jsx(ATMLocator, {});
110
+ return /* @__PURE__ */ jsx(
111
+ ATMLocator,
112
+ {
113
+ headline,
114
+ bodyCopy,
115
+ marketingTiles,
116
+ variant,
117
+ disclosure
118
+ }
119
+ );
111
120
  } else if (name === "APY") {
112
121
  return /* @__PURE__ */ jsx(
113
122
  ApyCalculator,
package/dist/Carousel/index.js CHANGED
@@ -13,21 +13,13 @@ import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  import { getVariant } from "../utils/getVariant.js";
16
- import "../Accordion/Accordion.js";
17
- import "../Accordion/Accordion.css.js";
18
- import "../AlertBanner/AlertBanner.css.js";
19
- import "../Article/Article.css.js";
20
- import "../ArticlesSet/ArticlesSet.css.js";
21
- /* empty css */
22
- /* empty css */
23
- import "next/image.js";
24
16
  import "../Modal/contextApi/store.js";
25
17
  import clsx from "clsx";
26
18
  import React, { useEffect, Children, cloneElement } from "react";
27
19
  import "../Button/Button.css.js";
28
- import "react-use";
29
20
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
21
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
22
+ import "react-use";
31
23
  import "../Table/Table.css.js";
32
24
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
25
  import "@hookform/resolvers/zod";
@@ -48,6 +40,14 @@ import "iframe-resizer";
48
40
  import "../Calculators/calculator.css.js";
49
41
  /* empty css */
50
42
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
+ import "../Accordion/Accordion.js";
44
+ import "../Accordion/Accordion.css.js";
45
+ import "../AlertBanner/AlertBanner.css.js";
46
+ import "../Article/Article.css.js";
47
+ import "../ArticlesSet/ArticlesSet.css.js";
48
+ /* empty css */
49
+ /* empty css */
50
+ import "next/image.js";
51
51
  /* empty css */
52
52
  /* empty css */
53
53
  import "../Comparison/Comparison.css.js";
package/dist/Chevron/index.js CHANGED
@@ -6,33 +6,24 @@ import "../icons/CheckIcon/CheckIcon.css.js";
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
- import "../Accordion/Accordion.js";
10
- import "../Accordion/Accordion.css.js";
11
- import "../AlertBanner/AlertBanner.css.js";
12
- import { getVariant } from "../utils/getVariant.js";
13
- import "../Article/Article.css.js";
14
- import "../ArticlesSet/ArticlesSet.css.js";
15
- /* empty css */
16
- /* empty css */
17
- /* empty css */
18
- import "next/image.js";
19
- import "../IconBillboard/IconBillboard.css.js";
20
- /* empty css */
9
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
21
10
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
11
+ import { getVariant } from "../utils/getVariant.js";
22
12
  import { validateLink } from "../utils/validateExternalLinks.js";
23
- import { useGlobalContext } from "../Modal/contextApi/store.js";
24
13
  import "clsx";
25
14
  import "react";
26
15
  import "../Button/Button.css.js";
27
- import "react-use";
16
+ import "../IconBillboard/IconBillboard.css.js";
28
17
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
18
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
19
+ import "react-use";
30
20
  import "../Table/Table.css.js";
31
21
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
22
  import "@hookform/resolvers/zod";
33
23
  import "../Input/Checkbox.js";
34
24
  import "../Input/CurrencyInput.js";
35
25
  import "../Input/Dropdown.js";
26
+ /* empty css */
36
27
  /* empty css */
37
28
  import "../Input/Input.js";
38
29
  import "../Input/Input.css.js";
@@ -47,6 +38,15 @@ import "iframe-resizer";
47
38
  import "../Calculators/calculator.css.js";
48
39
  /* empty css */
49
40
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
41
+ import "../Accordion/Accordion.js";
42
+ import "../Accordion/Accordion.css.js";
43
+ import "../AlertBanner/AlertBanner.css.js";
44
+ import "../Article/Article.css.js";
45
+ import "../ArticlesSet/ArticlesSet.css.js";
46
+ /* empty css */
47
+ /* empty css */
48
+ import "next/image.js";
49
+ /* empty css */
50
50
  /* empty css */
51
51
  import "../Carousel/index.js";
52
52
  /* empty css */
package/dist/Comparison/Comparison.js CHANGED
@@ -9,29 +9,21 @@ import "react";
9
9
  import "react-use";
10
10
  import { content, title } from "../IconBillboard/IconBillboard.css.js";
11
11
  import SvgStarIcon from "../icons/Star/index.js";
12
- import "../Accordion/Accordion.js";
13
- import "../Accordion/Accordion.css.js";
12
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
13
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
14
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
15
15
  import "../icons/CheckIcon/CheckIcon.css.js";
16
16
  /* empty css */
17
17
  /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
20
- import "../AlertBanner/AlertBanner.css.js";
21
- import "../Article/Article.css.js";
22
- import "../ArticlesSet/ArticlesSet.css.js";
23
- /* empty css */
24
- /* empty css */
25
- /* empty css */
26
- import "next/image.js";
27
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
20
  import "../Table/Table.css.js";
30
21
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
22
  import "@hookform/resolvers/zod";
32
23
  import "../Input/Checkbox.js";
33
24
  import "../Input/CurrencyInput.js";
34
25
  import "../Input/Dropdown.js";
26
+ /* empty css */
35
27
  /* empty css */
36
28
  import "../Input/Input.js";
37
29
  import "../Input/Input.css.js";
@@ -46,6 +38,14 @@ import "iframe-resizer";
46
38
  import "../Calculators/calculator.css.js";
47
39
  /* empty css */
48
40
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
41
+ import "../Accordion/Accordion.js";
42
+ import "../Accordion/Accordion.css.js";
43
+ import "../AlertBanner/AlertBanner.css.js";
44
+ import "../Article/Article.css.js";
45
+ import "../ArticlesSet/ArticlesSet.css.js";
46
+ /* empty css */
47
+ /* empty css */
48
+ import "next/image.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  /* empty css */
package/dist/Comparison/ComparisonSet.js CHANGED
@@ -1,30 +1,20 @@
1
1
  "use client";
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState, createElement } from "react";
4
- import "../Accordion/Accordion.js";
5
- import "../Accordion/Accordion.css.js";
4
+ import { Button } from "../Button/Button.js";
6
5
  import { Chevron } from "../Chevron/index.js";
6
+ import { buttons } from "../IconBillboard/IconBillboard.css.js";
7
+ import { getVariant } from "../utils/getVariant.js";
8
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
9
+ import "../Button/Button.css.js";
10
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
11
+ import "react-use";
7
12
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
13
  import "../icons/CheckIcon/CheckIcon.css.js";
9
14
  /* empty css */
10
15
  /* empty css */
11
16
  /* empty css */
12
17
  /* empty css */
13
- import "../AlertBanner/AlertBanner.css.js";
14
- import { getVariant } from "../utils/getVariant.js";
15
- import "../Article/Article.css.js";
16
- import "../ArticlesSet/ArticlesSet.css.js";
17
- /* empty css */
18
- /* empty css */
19
- /* empty css */
20
- import "next/image.js";
21
- import { buttons } from "../IconBillboard/IconBillboard.css.js";
22
- /* empty css */
23
- import { Button } from "../Button/Button.js";
24
- import "../Button/Button.css.js";
25
- import "react-use";
26
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
18
  import clsx from "clsx";
29
19
  import "../Table/Table.css.js";
30
20
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -32,6 +22,7 @@ import "@hookform/resolvers/zod";
32
22
  import "../Input/Checkbox.js";
33
23
  import "../Input/CurrencyInput.js";
34
24
  import "../Input/Dropdown.js";
25
+ /* empty css */
35
26
  /* empty css */
36
27
  import "../Input/Input.js";
37
28
  import "../Input/Input.css.js";
@@ -46,6 +37,15 @@ import "iframe-resizer";
46
37
  import "../Calculators/calculator.css.js";
47
38
  /* empty css */
48
39
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
40
+ import "../Accordion/Accordion.js";
41
+ import "../Accordion/Accordion.css.js";
42
+ import "../AlertBanner/AlertBanner.css.js";
43
+ import "../Article/Article.css.js";
44
+ import "../ArticlesSet/ArticlesSet.css.js";
45
+ /* empty css */
46
+ /* empty css */
47
+ import "next/image.js";
48
+ /* empty css */
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  /* empty css */
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import "../../Accordion/Accordion.js";
3
- import "../../Accordion/Accordion.css.js";
2
+ import "../../Modal/contextApi/store.js";
3
+ import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
4
+ import "clsx";
5
+ import "react";
6
+ import "../../Button/Button.css.js";
4
7
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
5
8
  import "../../icons/CheckIcon/CheckIcon.css.js";
6
9
  /* empty css */
@@ -8,29 +11,17 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
8
11
  /* empty css */
9
12
  /* empty css */
10
13
  import "../../Chevron/Chevron.css.js";
11
- import "../../AlertBanner/AlertBanner.css.js";
12
- import "../../Article/Article.css.js";
13
- import "../../ArticlesSet/ArticlesSet.css.js";
14
- /* empty css */
15
- /* empty css */
16
- /* empty css */
17
- import "next/image.js";
18
14
  import "../../IconBillboard/IconBillboard.css.js";
19
- /* empty css */
20
- import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
21
- import "../../Modal/contextApi/store.js";
22
- import "clsx";
23
- import "react";
24
- import "../../Button/Button.css.js";
25
- import "react-use";
26
15
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
16
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
17
+ import "react-use";
28
18
  import "../../Table/Table.css.js";
29
19
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
20
  import "@hookform/resolvers/zod";
31
21
  import "../../Input/Checkbox.js";
32
22
  import "../../Input/CurrencyInput.js";
33
23
  import "../../Input/Dropdown.js";
24
+ /* empty css */
34
25
  /* empty css */
35
26
  import "../../Input/Input.js";
36
27
  import "../../Input/Input.css.js";
@@ -45,6 +36,15 @@ import "iframe-resizer";
45
36
  import "../../Calculators/calculator.css.js";
46
37
  /* empty css */
47
38
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
39
+ import "../../Accordion/Accordion.js";
40
+ import "../../Accordion/Accordion.css.js";
41
+ import "../../AlertBanner/AlertBanner.css.js";
42
+ import "../../Article/Article.css.js";
43
+ import "../../ArticlesSet/ArticlesSet.css.js";
44
+ /* empty css */
45
+ /* empty css */
46
+ import "next/image.js";
47
+ /* empty css */
48
48
  /* empty css */
49
49
  import "../../Carousel/index.js";
50
50
  /* empty css */
package/dist/Forms/ContactUsAAS.js CHANGED
@@ -27,7 +27,7 @@ import { getVariant } from "../utils/getVariant.js";
27
27
  import clsx from "clsx";
28
28
  import { useForm, FormProvider } from "react-hook-form";
29
29
  import { z } from "zod";
30
- import { CurrentAssets, Roles } from "./FormEnums.js";
30
+ import { Roles } from "./FormEnums.js";
31
31
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
32
32
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
33
33
  const ContactUsAAS = ({
@@ -45,27 +45,32 @@ const ContactUsAAS = ({
45
45
  id
46
46
  }) => {
47
47
  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) => {
48
+ first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
49
+ message: "Invalid first name"
50
+ }).trim().min(1, { message: "First Name is required." }),
51
+ last_name: z.string({ message: "Last name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
52
+ message: "Invalid last name"
53
+ }).trim().min(1, { message: "Last Name is required." }),
54
+ email: z.string({ message: "Email is required." }).email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
55
+ phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, {
56
+ message: "Invalid phone number"
57
+ }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
52
58
  const removeDashes = val.replace(/-/gi, "");
53
59
  if (removeDashes.length !== 10) {
54
60
  ctx.addIssue({
55
61
  code: z.ZodIssueCode.custom,
56
- message: "Business phone must have at least 10 and no more than 10 characters."
62
+ message: "Phone must have at least 10 and no more than 10 characters."
57
63
  });
58
64
  return z.NEVER;
59
65
  }
60
66
  return removeDashes;
61
67
  }),
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
- ),
68
+ company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
69
+ message: "Invalid company name"
70
+ }).trim().optional().or(z.literal("")),
71
+ Current_Assets_Under_Management__c: z.union([z.string(), z.undefined()]),
67
72
  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." })
73
+ description: z.optional(z.string().trim().max(32e3))
69
74
  });
70
75
  const methods = useForm({
71
76
  resolver: zodResolver(
@@ -75,7 +80,7 @@ const ContactUsAAS = ({
75
80
  },
76
81
  { mode: "async" }
77
82
  ),
78
- mode: "onChange",
83
+ mode: "all",
79
84
  shouldUnregister: true,
80
85
  defaultValues: {
81
86
  email: ""
@@ -145,7 +150,7 @@ const ContactUsAAS = ({
145
150
  required: true
146
151
  }),
147
152
  type: "email",
148
- label: "Business Email*",
153
+ label: "Email*",
149
154
  sizes: "medium",
150
155
  placeholder: "",
151
156
  required: true,
@@ -162,7 +167,7 @@ const ContactUsAAS = ({
162
167
  required: true,
163
168
  maxLength: 12
164
169
  }),
165
- label: "Business Phone*",
170
+ label: "Phone*",
166
171
  sizes: "medium",
167
172
  placeholder: "",
168
173
  type: "tel",
@@ -176,11 +181,10 @@ const ContactUsAAS = ({
176
181
  Input,
177
182
  {
178
183
  id: "company",
179
- ...register("company", { required: true }),
180
- label: "Company*",
184
+ ...register("company"),
185
+ label: "Company",
181
186
  sizes: "medium",
182
187
  placeholder: "",
183
- required: true,
184
188
  error: !!errors.company,
185
189
  helperText: errors.company?.message,
186
190
  variant
@@ -190,18 +194,15 @@ const ContactUsAAS = ({
190
194
  Dropdown,
191
195
  {
192
196
  id: "Current_Assets_Under_Management__c",
193
- ...register("Current_Assets_Under_Management__c", {
194
- required: true
195
- }),
196
- label: "Current AUM*",
197
+ ...register("Current_Assets_Under_Management__c"),
198
+ label: "Current AUM",
197
199
  sizes: "medium",
198
- required: true,
199
200
  error: !!errors.Current_Assets_Under_Management__c,
200
201
  helperText: errors.Current_Assets_Under_Management__c?.message,
201
202
  variant,
202
- defaultValue: "Select option",
203
+ defaultValue: "",
203
204
  children: [
204
- /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select option" }),
205
+ /* @__PURE__ */ jsx("option", { value: "", children: "Select option" }),
205
206
  /* @__PURE__ */ jsx("option", { value: "$0 - $25M", children: "$0 — $25M" }),
206
207
  /* @__PURE__ */ jsx("option", { value: "$26M - $150M", children: "$26M — $150M" }),
207
208
  /* @__PURE__ */ jsx("option", { value: "$151M - $500M", children: "$151M — $500M" }),
@@ -239,7 +240,7 @@ const ContactUsAAS = ({
239
240
  {
240
241
  id: "description",
241
242
  ...register("description"),
242
- label: "Comments*",
243
+ label: "Comments",
243
244
  sizes: "medium",
244
245
  placeholder: "",
245
246
  error: !!errors.description,
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -18,24 +18,15 @@ import "../icons/CheckIcon/CheckIcon.css.js";
18
18
  /* empty css */
19
19
  /* empty css */
20
20
  /* empty css */
21
- import "../Accordion/Accordion.js";
22
- import "../Accordion/Accordion.css.js";
21
+ import { Button } from "../Button/Button.js";
23
22
  import { getVariant } from "../utils/getVariant.js";
24
23
  import "../Chevron/Chevron.css.js";
25
- import "../AlertBanner/AlertBanner.css.js";
26
- import "../Article/Article.css.js";
27
- import "../ArticlesSet/ArticlesSet.css.js";
28
- /* empty css */
29
- /* empty css */
30
- import "next/image.js";
31
24
  import "../IconBillboard/IconBillboard.css.js";
32
- /* empty css */
33
- import { Button } from "../Button/Button.js";
34
- import "../Button/Button.css.js";
35
25
  import "react";
36
- import "react-use";
37
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
+ import "../Button/Button.css.js";
38
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
+ import "react-use";
39
30
  import clsx from "clsx";
40
31
  import "../Table/Table.css.js";
41
32
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -49,6 +40,15 @@ import "iframe-resizer";
49
40
  import "../Calculators/calculator.css.js";
50
41
  /* empty css */
51
42
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
+ import "../Accordion/Accordion.js";
44
+ import "../Accordion/Accordion.css.js";
45
+ import "../AlertBanner/AlertBanner.css.js";
46
+ import "../Article/Article.css.js";
47
+ import "../ArticlesSet/ArticlesSet.css.js";
48
+ /* empty css */
49
+ /* empty css */
50
+ import "next/image.js";
51
+ /* empty css */
52
52
  /* empty css */
53
53
  import "../Carousel/index.js";
54
54
  /* empty css */