@axos-web-dev/shared-components 0.0.111 → 0.0.112

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 (43) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -0
  2. package/dist/Button/Button.js +4 -1
  3. package/dist/Calculators/Calculator.js +1 -0
  4. package/dist/Carousel/index.js +1 -0
  5. package/dist/Chevron/index.js +1 -0
  6. package/dist/Comparison/Comparison.js +1 -0
  7. package/dist/FaqAccordion/index.js +1 -0
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +95 -72
  9. package/dist/Forms/ContactUsBusiness.js +1 -0
  10. package/dist/Forms/ContactUsNMLSId.js +1 -0
  11. package/dist/Forms/EmailOnly.js +1 -0
  12. package/dist/Forms/ScheduleCall.js +4 -1
  13. package/dist/Forms/SuccesForm.js +1 -0
  14. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  15. package/dist/Hyperlink/index.js +1 -0
  16. package/dist/ImageLink/ImageLink.js +1 -0
  17. package/dist/ImageLink/ImageLinkSet.js +1 -0
  18. package/dist/ImageLink/index.js +1 -0
  19. package/dist/Input/DatePicker.css.d.ts +1 -0
  20. package/dist/Input/DatePicker.css.js +6 -0
  21. package/dist/Input/Datepicker.d.ts +3 -0
  22. package/dist/Input/Datepicker.js +47 -0
  23. package/dist/Input/InputDate.css.d.ts +6 -0
  24. package/dist/Input/InputDate.css.js +15 -0
  25. package/dist/Input/InputDate.d.ts +3 -0
  26. package/dist/Input/InputDate.js +47 -0
  27. package/dist/Input/InputProps.d.ts +6 -0
  28. package/dist/Insight/Featured/CategorySelector.js +1 -0
  29. package/dist/Insight/Featured/Featured.js +1 -0
  30. package/dist/Modal/Modal.js +1 -0
  31. package/dist/NavigationMenu/AxosBank/NavData.d.ts +2 -36
  32. package/dist/NavigationMenu/AxosBank/NavData.js +133 -33
  33. package/dist/NavigationMenu/AxosBank/SubNavBar.js +369 -166
  34. package/dist/NavigationMenu/AxosBank/index.js +268 -28
  35. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +49 -31
  36. package/dist/NavigationMenu/AxosClearing/NavData.js +1 -1
  37. package/dist/NavigationMenu/AxosClearing/index.js +119 -12
  38. package/dist/SetContainer/SetContainer.js +1 -0
  39. package/dist/assets/HeroBanner/HeroBanner.css +1 -0
  40. package/dist/assets/Input/DatePicker.css +95 -0
  41. package/dist/assets/Input/InputDate.css +39 -0
  42. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +133 -82
  43. package/package.json +118 -118
@@ -80,6 +80,7 @@ import "../Modal/contextApi/store.js";
80
80
  /* empty css */
81
81
  /* empty css */
82
82
  /* empty css */
83
+ import "../NavigationMenu/AxosBank/NavData.js";
83
84
  import "next/image.js";
84
85
  import "next/link.js";
85
86
  import "next/navigation.js";
@@ -75,6 +75,7 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
75
75
  /* empty css */
76
76
  /* empty css */
77
77
  /* empty css */
78
+ import "../NavigationMenu/AxosBank/NavData.js";
78
79
  import "next/image.js";
79
80
  import "next/link.js";
80
81
  import "next/navigation.js";
@@ -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
+ };
@@ -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
+ }
@@ -74,6 +74,7 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
74
74
  /* empty css */
75
75
  /* empty css */
76
76
  /* empty css */
77
+ import "../../NavigationMenu/AxosBank/NavData.js";
77
78
  import "next/image.js";
78
79
  import "next/link.js";
79
80
  import "next/navigation.js";
@@ -78,6 +78,7 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
78
78
  /* empty css */
79
79
  /* empty css */
80
80
  /* empty css */
81
+ import "../../NavigationMenu/AxosBank/NavData.js";
81
82
  import "next/image.js";
82
83
  import "next/link.js";
83
84
  import "next/navigation.js";
@@ -75,6 +75,7 @@ import "./contextApi/store.js";
75
75
  /* empty css */
76
76
  /* empty css */
77
77
  /* empty css */
78
+ import "../NavigationMenu/AxosBank/NavData.js";
78
79
  import "next/image.js";
79
80
  import "next/link.js";
80
81
  import "next/navigation.js";
@@ -1,36 +1,2 @@
1
- export declare const navItems: {
2
- name: string;
3
- url: string;
4
- }[];
5
- export declare const subNavItems: {
6
- personal: {
7
- name: string;
8
- url: string;
9
- id: string;
10
- }[];
11
- business: {
12
- name: string;
13
- url: string;
14
- id: string;
15
- }[];
16
- partners: {
17
- name: string;
18
- url: string;
19
- id: string;
20
- }[];
21
- support: {
22
- name: string;
23
- url: string;
24
- id: string;
25
- }[];
26
- about: {
27
- name: string;
28
- url: string;
29
- id: string;
30
- }[];
31
- legal: {
32
- name: string;
33
- url: string;
34
- id: string;
35
- }[];
36
- };
1
+ export declare const navItems: any;
2
+ export declare const subNavItems: any;
@@ -1,46 +1,142 @@
1
- const navItems = [
2
- { name: "Personal", url: "/personal" },
3
- { name: "Business", url: "/business" },
4
- { name: "Partners", url: "/partners" },
5
- { name: "Support", url: "/customer-support" }
1
+ import "../../Accordion/Accordion.js";
2
+ import "../../Accordion/Accordion.css.js";
3
+ import "react/jsx-runtime";
4
+ import "../../icons/ArrowIcon/ArrowIcon.css.js";
5
+ import "../../icons/CheckIcon/CheckIcon.css.js";
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ import "react";
11
+ import "../../Chevron/Chevron.css.js";
12
+ import "../../AlertBanner/AlertBanner.css.js";
13
+ import "../../Article/Article.css.js";
14
+ import "../../ArticlesSet/ArticlesSet.css.js";
15
+ import "../../IconBillboard/IconBillboard.css.js";
16
+ import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
17
+ /* empty css */
18
+ /* empty css */
19
+ import "../../Button/Button.css.js";
20
+ import "react-use";
21
+ import "../../Interstitial/Interstitial-variants.css.js";
22
+ /* empty css */
23
+ import "../../Modal/contextApi/store.js";
24
+ import "clsx";
25
+ import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
+ import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
27
+ import "../../Table/Table.css.js";
28
+ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
+ import "@hookform/resolvers/zod";
30
+ import "../../Input/Checkbox.js";
31
+ import "../../Input/CurrencyInput.js";
32
+ import "../../Input/Dropdown.js";
33
+ /* empty css */
34
+ import "../../Input/Input.js";
35
+ import "../../Input/Input.css.js";
36
+ import "../../Input/InputAmount.js";
37
+ import "../../Input/InputPhone.js";
38
+ import "../../Input/InputTextArea.js";
39
+ import "react-hook-form";
40
+ import "../../Forms/Forms.css.js";
41
+ import "../../Forms/SalesforceFieldsForm.js";
42
+ import "../../LoadingIndicator/LoadingIndicator.css.js";
43
+ import "../../Input/RadioButton.js";
44
+ import "../../Input/RadioButton.css.js";
45
+ import "../../Input/Checkbox.css.js";
46
+ import "iframe-resizer";
47
+ import "../../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
+ /* empty css */
51
+ /* empty css */
52
+ /* empty css */
53
+ import "../../Carousel/index.js";
54
+ import "../../Hyperlink/Hyperlink.css.js";
55
+ /* empty css */
56
+ import "../../Comparison/Comparison.css.js";
57
+ import "../../HeroBanner/HeroBanner.css.js";
58
+ import "../../HeroBanner/LargeBanner.css.js";
59
+ import "../../HeroBanner/SelectionBanner.css.js";
60
+ import "../../SetContainer/SetContainer.css.js";
61
+ import "../../Tab/Tab.css.js";
62
+ import "../../icons/Star/Star.css.js";
63
+ import "../../ContentBanner/ContentBanner.css.js";
64
+ /* empty css */
65
+ import "../../ExecutiveBio/ExecutiveBio.css.js";
66
+ import "../../FaqAccordion/index.js";
67
+ import "../../FooterDisclosure/FooterDisclosure.css.js";
68
+ /* empty css */
69
+ import "../../ImageBillboard/ImageBillboard.css.js";
70
+ /* empty css */
71
+ /* empty css */
72
+ import "../../LandingPageHeader/LandingPageHeader.css.js";
73
+ /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ import "next/image.js";
79
+ import "next/link.js";
80
+ import "next/navigation.js";
81
+ /* empty css */
82
+ /* empty css */
83
+ import "../../PageNavItem/PageNavItem.css.js";
84
+ import "lodash";
85
+ import "react-slick";
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
+ import "../../StepItem/StepItem.css.js";
91
+ import "../../StepItemSet/StepItemSet.css.js";
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
+ const navItemsRaw = [
98
+ { name: "Personal", url: findMoreAxosDomains("{AXOSBANK}/personal") },
99
+ { name: "Business", url: findMoreAxosDomains("{AXOSBANK}/business") },
100
+ { name: "Partners", url: findMoreAxosDomains("{AXOSBANK}/partners") },
101
+ { name: "Support", url: findMoreAxosDomains("{AXOSBANK}/customer-support") }
6
102
  ];
7
- const subNavItems = {
103
+ const subNavItemsRaw = {
8
104
  personal: [
9
105
  {
10
106
  name: "Bank",
11
- url: "/personal",
107
+ url: findMoreAxosDomains("{AXOSBANK}/personal"),
12
108
  id: "ps_1"
13
109
  },
14
110
  {
15
111
  name: "Borrow",
16
- url: "/personal/borrow",
112
+ url: findMoreAxosDomains("{AXOSBANK}/personal/borrow"),
17
113
  id: "ps_2"
18
114
  },
19
115
  {
20
116
  name: "Invest",
21
- url: "https://www.axos.com/invest",
117
+ url: findMoreAxosDomains("{AXOS}"),
22
118
  id: "ps_3"
23
119
  },
24
120
  {
25
121
  name: "Plan",
26
- url: "/personal/plan",
122
+ url: findMoreAxosDomains("{AXOSBANK}/personal/plan"),
27
123
  id: "ps_4"
28
124
  }
29
125
  ],
30
126
  business: [
31
127
  {
32
128
  name: "Small Business Banking",
33
- url: "/business/small-business-banking",
129
+ url: findMoreAxosDomains("{AXOSBANK}/business"),
34
130
  id: "b_1"
35
131
  },
36
132
  {
37
133
  name: "Commercial Banking",
38
- url: "/business/commercial-banking",
134
+ url: findMoreAxosDomains("{AXOSBANK}/commercial"),
39
135
  id: "b_2"
40
136
  },
41
137
  {
42
138
  name: "Commercial Lending",
43
- url: "/business/commercial-lending",
139
+ url: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
44
140
  id: "b_3"
45
141
  }
46
142
  ],
@@ -52,12 +148,14 @@ const subNavItems = {
52
148
  },
53
149
  {
54
150
  name: "Wholesale Lending",
55
- url: "/partners/wholesale-correspondent-portfolio-lending",
151
+ url: findMoreAxosDomains(
152
+ "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
153
+ ),
56
154
  id: "pt_2"
57
155
  },
58
156
  {
59
157
  name: "Small Balance Commercial",
60
- url: "/business/small-balance-commercial",
158
+ url: findMoreAxosDomains("{AXOSBANK}/business/small-balance-commercial"),
61
159
  id: "pt_3"
62
160
  },
63
161
  {
@@ -67,102 +165,104 @@ const subNavItems = {
67
165
  },
68
166
  {
69
167
  name: "Dealer Services",
70
- url: "/partners/dealer-services",
168
+ url: findMoreAxosDomains("{AXOSBANK}/partners/dealer-services"),
71
169
  id: "pt_5"
72
170
  },
73
171
  {
74
172
  name: "Strategic Partnerships",
75
- url: "/partners/strategic-partnerships",
173
+ url: findMoreAxosDomains("{AXOSBANK}/partners/strategic-partnerships"),
76
174
  id: "pt_6"
77
175
  }
78
176
  ],
79
177
  support: [
80
178
  {
81
179
  name: "Personal Support",
82
- url: "/customer-support/personal-support",
180
+ url: findMoreAxosDomains("{AXOSBANK}/support"),
83
181
  id: "b_1"
84
182
  },
85
183
  {
86
184
  name: "Business Support",
87
- url: "/customer-support/business-support",
185
+ url: findMoreAxosDomains("{AXOSBANK}/business/resources"),
88
186
  id: "b_2"
89
187
  },
90
188
  {
91
189
  name: "Partner Support",
92
- url: "/customer-support/partner-support",
190
+ url: findMoreAxosDomains("{AXOSBANK}/partners/support"),
93
191
  id: "b_3"
94
192
  }
95
193
  ],
96
194
  about: [
97
195
  {
98
196
  name: "Axos Financial",
99
- url: "/about-Us/axos-financial",
197
+ url: "https://investors.axosfinancial.com/corporate-profile/default.aspx",
100
198
  id: "a_1"
101
199
  },
102
200
  {
103
201
  name: "History",
104
- url: "/about-us/history-of-axos",
202
+ url: findMoreAxosDomains("{AXOSBANK}/about-us/history-of-axos"),
105
203
  id: "a_2"
106
204
  },
107
205
  {
108
206
  name: "Why Axos",
109
- url: "/about-us/why-axos",
207
+ url: findMoreAxosDomains("{AXOSBANK}/about-us/why-axos"),
110
208
  id: "a_3"
111
209
  },
112
210
  {
113
211
  name: "Awards and Recognitions",
114
- url: "/about-us/awards-and-recognitions",
212
+ url: findMoreAxosDomains("{AXOSBANK}/about-us/awards-and-recognitions"),
115
213
  id: "a_4"
116
214
  },
117
215
  {
118
216
  name: "Executive Team",
119
- url: "/about-us/executive-team",
217
+ url: findMoreAxosDomains("{AXOSBANK}/about-us/executive-team"),
120
218
  id: "a_5"
121
219
  },
122
220
  {
123
221
  name: "Press and News",
124
- url: "/about-us/press-and-news",
222
+ url: findMoreAxosDomains("{AXOSBANK}/about-us/press-and-news"),
125
223
  id: "a_6"
126
224
  }
127
225
  ],
128
226
  legal: [
129
227
  {
130
228
  name: "Business Disclosures",
131
- url: "/legal/disclosures",
229
+ url: findMoreAxosDomains("{AXOSBANK}/legal/disclosures"),
132
230
  id: "l_1"
133
231
  },
134
232
  {
135
233
  name: "HELOC Disclosures",
136
- url: "/legal/heloc-disclosures",
234
+ url: findMoreAxosDomains("{AXOSBANK}/legal/heloc-disclosures"),
137
235
  id: "l_2"
138
236
  },
139
237
  {
140
238
  name: "Home Equity Loan Disclosures",
141
- url: "/legal/home-equity-loan-disclosures",
239
+ url: findMoreAxosDomains("{AXOSBANK}/legal/home-equity-loan-disclosures"),
142
240
  id: "l_3"
143
241
  },
144
242
  {
145
243
  name: "Privacy Policy",
146
- url: "/legal/privacy",
244
+ url: findMoreAxosDomains("{AXOSBANK}/legal/privacy"),
147
245
  id: "l_4"
148
246
  },
149
247
  {
150
248
  name: "FDIC Notice",
151
- url: "/legal/fdic-notice",
249
+ url: findMoreAxosDomains("{AXOSBANK}/legal/fdic-notice"),
152
250
  id: "l_5"
153
251
  },
154
252
  {
155
253
  name: "EHL Notice",
156
- url: "/legal/ehl-notice",
254
+ url: findMoreAxosDomains("{AXOSBANK}/legal/ehl-notice"),
157
255
  id: "l_6"
158
256
  },
159
257
  {
160
258
  name: "SAFE Act",
161
- url: "/legal/safe-act",
259
+ url: findMoreAxosDomains("{AXOSBANK}/legal/safe-act"),
162
260
  id: "l_7"
163
261
  }
164
262
  ]
165
263
  };
264
+ const navItems = JSON.parse(JSON.stringify(navItemsRaw));
265
+ const subNavItems = JSON.parse(JSON.stringify(subNavItemsRaw));
166
266
  export {
167
267
  navItems,
168
268
  subNavItems