@axos-web-dev/shared-components 0.0.101 → 0.0.102

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 (52) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.js +3 -2
  4. package/dist/Calculators/Calculator.js +2 -1
  5. package/dist/Carousel/index.js +2 -1
  6. package/dist/Chevron/index.js +3 -2
  7. package/dist/Comparison/Comparison.js +3 -2
  8. package/dist/Comparison/ComparisonSet.js +3 -2
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  10. package/dist/Forms/ApplicationStart.js +3 -2
  11. package/dist/Forms/CommercialLending.d.ts +12 -8
  12. package/dist/Forms/CommercialLending.js +177 -63
  13. package/dist/Forms/ContactCompany.js +3 -2
  14. package/dist/Forms/ContactUs.js +3 -2
  15. package/dist/Forms/ContactUsAAS.js +3 -2
  16. package/dist/Forms/ContactUsBusiness.js +4 -3
  17. package/dist/Forms/ContactUsNMLSId.js +4 -3
  18. package/dist/Forms/DealerServices.js +3 -2
  19. package/dist/Forms/EmailOnly.js +4 -3
  20. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  21. package/dist/Forms/ScheduleCall.js +7 -3
  22. package/dist/Forms/ScheduleCallPremier.js +3 -2
  23. package/dist/Forms/SuccesForm.js +2 -1
  24. package/dist/Forms/WcplSurvey.js +3 -2
  25. package/dist/Hyperlink/index.js +2 -1
  26. package/dist/ImageLink/ImageLink.js +3 -2
  27. package/dist/ImageLink/ImageLinkSet.js +2 -1
  28. package/dist/ImageLink/index.js +2 -1
  29. package/dist/Input/Checkbox.d.ts +1 -1
  30. package/dist/Input/CurrencyInput.js +3 -2
  31. package/dist/Input/DatePicker.css.d.ts +1 -0
  32. package/dist/Input/DatePicker.css.js +6 -0
  33. package/dist/Input/Datepicker.d.ts +3 -0
  34. package/dist/Input/Datepicker.js +47 -0
  35. package/dist/Input/InputDate.css.d.ts +6 -0
  36. package/dist/Input/InputDate.css.js +15 -0
  37. package/dist/Input/InputDate.d.ts +3 -0
  38. package/dist/Input/InputDate.js +47 -0
  39. package/dist/Input/InputPhone.js +3 -2
  40. package/dist/Input/InputProps.d.ts +6 -0
  41. package/dist/Input/index.d.ts +3 -0
  42. package/dist/Input/index.js +6 -0
  43. package/dist/Modal/Modal.js +3 -2
  44. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +1 -1
  45. package/dist/NavigationMenu/AxosAdvisorServices/index.js +7 -89
  46. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  47. package/dist/SetContainer/SetContainer.js +3 -2
  48. package/dist/Table/Table.d.ts +13 -13
  49. package/dist/assets/Input/DatePicker.css +95 -0
  50. package/dist/assets/Input/InputDate.css +39 -0
  51. package/dist/main.js +6 -0
  52. package/package.json +1 -1
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -21,7 +23,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
21
23
  import "../Accordion/Accordion.js";
22
24
  import "../Accordion/Accordion.css.js";
23
25
  import { getVariant } from "../utils/getVariant.js";
24
- import "react";
25
26
  import "../Chevron/Chevron.css.js";
26
27
  import "../AlertBanner/AlertBanner.css.js";
27
28
  import "../Article/Article.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -21,7 +23,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
21
23
  import "../Accordion/Accordion.js";
22
24
  import "../Accordion/Accordion.css.js";
23
25
  import { getVariant } from "../utils/getVariant.js";
24
- import "react";
25
26
  import "../Chevron/Chevron.css.js";
26
27
  import "../AlertBanner/AlertBanner.css.js";
27
28
  import "../Article/Article.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 "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -21,7 +23,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
21
23
  import "../Accordion/Accordion.js";
22
24
  import "../Accordion/Accordion.css.js";
23
25
  import { getVariant } from "../utils/getVariant.js";
24
- import "react";
25
26
  import "../Chevron/Chevron.css.js";
26
27
  import "../AlertBanner/AlertBanner.css.js";
27
28
  import "../Article/Article.css.js";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import * as z from "zod";
3
2
  export interface SalesforceFields {
4
3
  brand: string;
@@ -7,11 +7,13 @@ 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";
16
+ import { InputDate } from "../Input/InputDate.js";
15
17
  import { InputPhone } from "../Input/InputPhone.js";
16
18
  import "../Input/InputTextArea.js";
17
19
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -219,7 +221,9 @@ const ScheduleCall = ({
219
221
  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
220
222
  ]
221
223
  }
222
- ) })
224
+ ) }),
225
+ /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
226
+ } })
223
227
  ] }),
224
228
  children,
225
229
  /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../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 { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -50,10 +50,11 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
50
50
  import "../ImageBillboard/ImageBillboard.css.js";
51
51
  import "../Input/Checkbox.js";
52
52
  import "../Input/CurrencyInput.js";
53
+ import "../Input/Input.css.js";
54
+ /* empty css */
53
55
  import "../Input/Dropdown.js";
54
56
  /* empty css */
55
57
  import "../Input/Input.js";
56
- import "../Input/Input.css.js";
57
58
  import "../Input/InputPhone.js";
58
59
  import "../Input/InputTextArea.js";
59
60
  import "../LandingPageHeader/LandingPageHeader.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/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 { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
@@ -31,10 +31,11 @@ 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";
@@ -25,15 +25,17 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
25
  import "@hookform/resolvers/zod";
26
26
  import "../Input/Checkbox.js";
27
27
  import "../Input/CurrencyInput.js";
28
+ import "../Input/Input.css.js";
29
+ /* empty css */
28
30
  import "../Input/Dropdown.js";
29
31
  /* empty css */
30
32
  import "../Input/Input.js";
31
- import "../Input/Input.css.js";
32
33
  import "../Input/InputPhone.js";
33
34
  import "../Input/InputTextArea.js";
34
35
  import "react-hook-form";
35
36
  import "../Forms/Forms.css.js";
36
37
  import "../Forms/SalesforceFieldsForm.js";
38
+ import "react-use";
37
39
  import "../LoadingIndicator/LoadingIndicator.css.js";
38
40
  import "../Input/RadioButton.js";
39
41
  import "iframe-resizer";
@@ -62,7 +64,6 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
62
64
  import "../Chevron/Chevron.css.js";
63
65
  /* empty css */
64
66
  import "../Modal/contextApi/store.js";
65
- import "react-use";
66
67
  /* empty css */
67
68
  /* empty css */
68
69
  /* empty css */
@@ -30,10 +30,11 @@ 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";
@@ -29,10 +29,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
32
+ import "../Input/Input.css.js";
33
+ /* empty css */
32
34
  import "../Input/Dropdown.js";
33
35
  /* empty css */
34
36
  import "../Input/Input.js";
35
- import "../Input/Input.css.js";
36
37
  import "../Input/InputPhone.js";
37
38
  import "../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -1,5 +1,5 @@
1
1
  import { InputProps } from './InputProps';
2
2
 
3
3
  export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
4
- children?: import('react').ReactNode;
4
+ children?: import('react').ReactNode | undefined;
5
5
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { InputNumberFormat } from "@react-input/number-format";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
- import "./Dropdown.js";
5
+ import "./Input.css.js";
6
6
  /* empty css */
7
+ /* empty css */
8
+ import "./Dropdown.js";
7
9
  /* empty css */
8
10
  import { Input } from "./Input.js";
9
- import "./Input.css.js";
10
11
  import "./InputPhone.js";
11
12
  import "./InputTextArea.js";
12
13
  const CurrencyInput = forwardRef(
@@ -0,0 +1 @@
1
+ export declare const datePicker: string;
@@ -0,0 +1,6 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var datePicker = "_1oit9ls0";
4
+ export {
5
+ datePicker
6
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,47 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import DatePicker from "react-date-picker";
5
+ import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
+ const DatePickerInput = (props) => {
7
+ const {
8
+ disabled,
9
+ label,
10
+ iconLeft,
11
+ iconRight,
12
+ sizes,
13
+ error = false,
14
+ helperText: helper,
15
+ variant
16
+ } = props;
17
+ const [value, onChange] = useState();
18
+ return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
+ label && /* @__PURE__ */ jsx(
20
+ "label",
21
+ {
22
+ className: labelClassName({ error, variant }),
23
+ htmlFor: props.name,
24
+ children: label
25
+ }
26
+ ),
27
+ /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
+ iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
+ /* @__PURE__ */ jsx(
30
+ DatePicker,
31
+ {
32
+ dayPlaceholder: "dd",
33
+ monthPlaceholder: "mm",
34
+ yearPlaceholder: "yyyy",
35
+ minDate: /* @__PURE__ */ new Date(),
36
+ onChange,
37
+ value
38
+ }
39
+ ),
40
+ iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
+ ] }),
42
+ /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
+ ] });
44
+ };
45
+ export {
46
+ DatePickerInput
47
+ };
@@ -0,0 +1,6 @@
1
+ export declare const calendarContainer: string;
2
+ export declare const calendarIcon: string;
3
+ export declare const inputDate: string;
4
+ export declare const verticalCenter: string;
5
+ export declare const calendar: string;
6
+ export declare const headerCalendar: string;
@@ -0,0 +1,15 @@
1
+ /* empty css */
2
+ var calendarContainer = "skzved0";
3
+ var calendarIcon = "skzved1";
4
+ var inputDate = "skzved2";
5
+ var verticalCenter = "skzved3";
6
+ var calendar = "skzved4";
7
+ var headerCalendar = "skzved5";
8
+ export {
9
+ calendar,
10
+ calendarContainer,
11
+ calendarIcon,
12
+ headerCalendar,
13
+ inputDate,
14
+ verticalCenter
15
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,47 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import DatePicker from "react-date-picker";
5
+ import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
+ const InputDate = (props) => {
7
+ const {
8
+ disabled,
9
+ label,
10
+ iconLeft,
11
+ iconRight,
12
+ sizes,
13
+ error = false,
14
+ helperText: helper,
15
+ variant
16
+ } = props;
17
+ const [value, onChange] = useState();
18
+ return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
+ label && /* @__PURE__ */ jsx(
20
+ "label",
21
+ {
22
+ className: labelClassName({ error, variant }),
23
+ htmlFor: props.name,
24
+ children: label
25
+ }
26
+ ),
27
+ /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
+ iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
+ /* @__PURE__ */ jsx(
30
+ DatePicker,
31
+ {
32
+ dayPlaceholder: "dd",
33
+ monthPlaceholder: "mm",
34
+ yearPlaceholder: "yyyy",
35
+ minDate: /* @__PURE__ */ new Date(),
36
+ onChange,
37
+ value
38
+ }
39
+ ),
40
+ iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
+ ] }),
42
+ /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
+ ] });
44
+ };
45
+ export {
46
+ InputDate
47
+ };
@@ -3,11 +3,12 @@ import { InputMask } from "@react-input/mask";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
5
  import "./CurrencyInput.js";
6
- import "./Dropdown.js";
6
+ import "./Input.css.js";
7
7
  /* empty css */
8
+ /* empty css */
9
+ import "./Dropdown.js";
8
10
  /* empty css */
9
11
  import { Input } from "./Input.js";
10
- import "./Input.css.js";
11
12
  import "./InputTextArea.js";
12
13
  const InputPhone = forwardRef(
13
14
  (props, ref) => {
@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
36
36
  value: string | number;
37
37
  groupName: string;
38
38
  }
39
+ export interface DatepickerInputProps extends InputProps {
40
+ month?: string;
41
+ selected?: string;
42
+ show?: boolean;
43
+ onDateChange: (day: string) => void;
44
+ }
@@ -1,9 +1,12 @@
1
1
  export * from './Checkbox';
2
2
  export * from './CurrencyInput';
3
+ export * from './Datepicker';
4
+ export * from './DatePicker.css';
3
5
  export * from './Dropdown';
4
6
  export * from './Dropdown.css';
5
7
  export * from './Input';
6
8
  export * from './Input.css';
9
+ export * from './InputDate';
7
10
  export * from './InputPhone';
8
11
  export * from './InputProps';
9
12
  export * from './InputTextArea';
@@ -1,19 +1,25 @@
1
1
  import { Checkbox } from "./Checkbox.js";
2
2
  import { CurrencyInput } from "./CurrencyInput.js";
3
+ import { DatePickerInput } from "./Datepicker.js";
4
+ import { datePicker } from "./DatePicker.css.js";
3
5
  import { Dropdown } from "./Dropdown.js";
4
6
  import { selectInput } from "./Dropdown.css.js";
5
7
  import { Input } from "./Input.js";
6
8
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
9
+ import { InputDate } from "./InputDate.js";
7
10
  import { InputPhone } from "./InputPhone.js";
8
11
  import { InputTextArea } from "./InputTextArea.js";
9
12
  export {
10
13
  Checkbox,
11
14
  CurrencyInput,
15
+ DatePickerInput,
12
16
  Dropdown,
13
17
  Input,
18
+ InputDate,
14
19
  InputPhone,
15
20
  InputTextArea,
16
21
  container,
22
+ datePicker,
17
23
  helperText,
18
24
  iconContainer,
19
25
  iconContainerBase,
@@ -25,11 +25,12 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
25
  import "@hookform/resolvers/zod";
26
26
  import "../Input/Checkbox.js";
27
27
  import "../Input/CurrencyInput.js";
28
- import "../Input/Dropdown.js";
28
+ import "../Input/Input.css.js";
29
29
  /* empty css */
30
+ /* empty css */
31
+ import "../Input/Dropdown.js";
30
32
  /* empty css */
31
33
  import "../Input/Input.js";
32
- import "../Input/Input.css.js";
33
34
  import "../Input/InputPhone.js";
34
35
  import "../Input/InputTextArea.js";
35
36
  import "react-hook-form";
@@ -22,7 +22,7 @@ function SubNavBar() {
22
22
  ].some((el) => pathname?.includes(el))
23
23
  );
24
24
  }, [pathname]);
25
- return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
25
+ return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
26
26
  pathname?.includes("/scale-your-business") && scaleYourBusiness.length > 0 && scaleYourBusiness?.map(
27
27
  (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
28
28
  ),
@@ -21,11 +21,9 @@ function NavBar() {
21
21
  const signInToggle = () => setisOpenSignInToggle(!isOpenSignInToggle);
22
22
  const mobileToggle = () => setisOpenMobile(!isOpenMobile);
23
23
  const handleClick = (index) => setActiveIndex(index);
24
- const [isOpenProducts1, setisOpenProducts1] = useState(false);
25
24
  const [isOpenProducts2, setisOpenProducts2] = useState(false);
26
25
  const [isOpenProducts3, setisOpenProducts3] = useState(false);
27
26
  const [isOpenProducts4, setisOpenProducts4] = useState(false);
28
- const toggleProducts1 = () => setisOpenProducts1(!isOpenProducts1);
29
27
  const toggleProducts2 = () => setisOpenProducts2(!isOpenProducts2);
30
28
  const toggleProducts3 = () => setisOpenProducts3(!isOpenProducts3);
31
29
  const toggleProducts4 = () => setisOpenProducts4(!isOpenProducts4);
@@ -228,68 +226,15 @@ function NavBar() {
228
226
  ) })
229
227
  ] }),
230
228
  /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", "aria-expanded": isOpenMobile, children: [
231
- /* @__PURE__ */ jsxs(
232
- "li",
229
+ /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
230
+ "a",
233
231
  {
234
- className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
235
- id: "dd_1",
236
- children: [
237
- /* @__PURE__ */ jsxs(
238
- "a",
239
- {
240
- href: "#",
241
- onClick: toggleProducts1,
242
- role: "button",
243
- className: clsx("flex_row", "between"),
244
- children: [
245
- "Scale Your Business",
246
- /* @__PURE__ */ jsx(
247
- "span",
248
- {
249
- className: clsx(
250
- styles.icon_wrap,
251
- isOpenProducts1 && styles.open
252
- ),
253
- children: /* @__PURE__ */ jsx(
254
- "svg",
255
- {
256
- xmlns: "http://www.w3.org/2000/svg",
257
- width: "24",
258
- height: "24",
259
- viewBox: "0 0 24 24",
260
- fill: "none",
261
- children: /* @__PURE__ */ jsx(
262
- "path",
263
- {
264
- d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
265
- fill: "#4A5560"
266
- }
267
- )
268
- }
269
- )
270
- }
271
- )
272
- ]
273
- }
274
- ),
275
- /* @__PURE__ */ jsx(
276
- "div",
277
- {
278
- className: clsx(styles.sub_menu, isOpenProducts1 && expand),
279
- children: /* @__PURE__ */ jsx(
280
- "a",
281
- {
282
- href: "/scale-your-business",
283
- className: styles.main,
284
- role: "heading",
285
- children: "Scale Your Business Home"
286
- }
287
- )
288
- }
289
- )
290
- ]
232
+ href: "/scale-your-business",
233
+ role: "button",
234
+ className: "flex_row between",
235
+ children: "Scale Your Business"
291
236
  }
292
- ),
237
+ ) }),
293
238
  /* @__PURE__ */ jsxs(
294
239
  "li",
295
240
  {
@@ -339,15 +284,6 @@ function NavBar() {
339
284
  {
340
285
  className: clsx(styles.sub_menu, isOpenProducts2 && expand),
341
286
  children: [
342
- /* @__PURE__ */ jsx(
343
- "a",
344
- {
345
- href: "/serve-your-clients",
346
- className: styles.main,
347
- role: "heading",
348
- children: "Serve Your Clients Home"
349
- }
350
- ),
351
287
  /* @__PURE__ */ jsx("a", { href: "/cash-management-solutions", role: "menuitem", children: "Cash Management Solutions" }),
352
288
  /* @__PURE__ */ jsx(
353
289
  "a",
@@ -420,15 +356,6 @@ function NavBar() {
420
356
  {
421
357
  className: clsx(styles.sub_menu, isOpenProducts3 && expand),
422
358
  children: [
423
- /* @__PURE__ */ jsx(
424
- "a",
425
- {
426
- href: "/optimize-operations",
427
- className: styles.main,
428
- role: "heading",
429
- children: "Optimize Operations Home"
430
- }
431
- ),
432
359
  /* @__PURE__ */ jsx(
433
360
  "a",
434
361
  {
@@ -500,15 +427,6 @@ function NavBar() {
500
427
  {
501
428
  className: clsx(styles.sub_menu, isOpenProducts4 && expand),
502
429
  children: [
503
- /* @__PURE__ */ jsx(
504
- "a",
505
- {
506
- href: "/axos-advantage",
507
- className: styles.main,
508
- role: "heading",
509
- children: "Axos Advantage Home"
510
- }
511
- ),
512
430
  /* @__PURE__ */ jsx("a", { href: "/axos-advantage/about-axos", role: "menuitem", children: "About AXOS" }),
513
431
  /* @__PURE__ */ jsx(
514
432
  "a",