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

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 (97) hide show
  1. package/dist/ATMLocator/ATMLocator.js +15 -11
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.d.ts +3 -7
  4. package/dist/Button/Button.js +119 -18
  5. package/dist/Calculators/Calculator.js +27 -23
  6. package/dist/Calculators/MarginTradingCalculator/index.js +1 -2
  7. package/dist/Calculators/MaxLoanCalculator/index.js +6 -5
  8. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +16 -1
  9. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +7 -7
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +9 -8
  11. package/dist/CallToActionBar/index.js +47 -30
  12. package/dist/Carousel/index.js +16 -12
  13. package/dist/Chevron/Chevron.interface.d.ts +2 -0
  14. package/dist/Chevron/index.js +46 -24
  15. package/dist/Comparison/Comparison.js +14 -10
  16. package/dist/Comparison/ComparisonSet.js +18 -14
  17. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +20 -16
  18. package/dist/Forms/ApplicationStart.js +3 -2
  19. package/dist/Forms/CommercialLending.js +3 -2
  20. package/dist/Forms/ContactCompany.js +3 -2
  21. package/dist/Forms/ContactUs.js +3 -2
  22. package/dist/Forms/ContactUsAAS.js +3 -2
  23. package/dist/Forms/ContactUsBusiness.js +13 -9
  24. package/dist/Forms/ContactUsNMLSId.js +13 -9
  25. package/dist/Forms/DealerServices.js +3 -2
  26. package/dist/Forms/EmailOnly.js +13 -9
  27. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  28. package/dist/Forms/ScheduleCall.js +7 -3
  29. package/dist/Forms/ScheduleCallPremier.js +3 -2
  30. package/dist/Forms/SuccesForm.js +30 -26
  31. package/dist/Forms/WcplSurvey.js +3 -2
  32. package/dist/Hyperlink/Hyperlink.css.d.ts +26 -0
  33. package/dist/Hyperlink/Hyperlink.css.js +6 -0
  34. package/dist/Hyperlink/Hyperlink.interface.d.ts +1 -0
  35. package/dist/Hyperlink/index.js +28 -19
  36. package/dist/IconBillboard/IconBillboard.js +10 -1
  37. package/dist/ImageLink/ImageLink.js +18 -15
  38. package/dist/ImageLink/ImageLinkSet.js +10 -6
  39. package/dist/ImageLink/index.js +19 -15
  40. package/dist/Input/Checkbox.d.ts +1 -1
  41. package/dist/Input/CurrencyInput.js +3 -2
  42. package/dist/Input/DatePicker.css.d.ts +1 -0
  43. package/dist/Input/DatePicker.css.js +6 -0
  44. package/dist/Input/Datepicker.d.ts +3 -0
  45. package/dist/Input/Datepicker.js +47 -0
  46. package/dist/Input/InputDate.css.d.ts +6 -0
  47. package/dist/Input/InputDate.css.js +15 -0
  48. package/dist/Input/InputDate.d.ts +3 -0
  49. package/dist/Input/InputDate.js +47 -0
  50. package/dist/Input/InputPhone.js +3 -2
  51. package/dist/Input/InputProps.d.ts +6 -0
  52. package/dist/Input/index.d.ts +3 -0
  53. package/dist/Input/index.js +6 -0
  54. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -0
  55. package/dist/Interstitial/Interstitial-variants.css.js +6 -2
  56. package/dist/Interstitial/Interstitial.d.ts +5 -3
  57. package/dist/Interstitial/Interstitial.js +30 -5
  58. package/dist/Modal/Modal.js +13 -9
  59. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +0 -1
  60. package/dist/NavigationMenu/AxosAdvisorServices/index.js +0 -16
  61. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  62. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1931 -1756
  63. package/dist/NavigationMenu/AxosBank/index.js +8 -15
  64. package/dist/NavigationMenu/AxosClearing/NavBar.css.d.ts +1 -0
  65. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +5 -0
  66. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +98 -0
  67. package/dist/NavigationMenu/AxosClearing/NavData.d.ts +21 -0
  68. package/dist/NavigationMenu/AxosClearing/NavData.js +63 -0
  69. package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts +1 -0
  70. package/dist/NavigationMenu/AxosClearing/SubNavBar.js +56 -0
  71. package/dist/NavigationMenu/AxosClearing/index.d.ts +2 -0
  72. package/dist/NavigationMenu/AxosClearing/index.js +470 -0
  73. package/dist/NavigationMenu/index.d.ts +1 -0
  74. package/dist/NavigationMenu/index.js +5 -3
  75. package/dist/SetContainer/SetContainer.js +20 -16
  76. package/dist/Table/Table.d.ts +22 -9
  77. package/dist/TopicalNavSet/TopicalNavSet.js +3 -3
  78. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +19 -6
  79. package/dist/assets/CallToActionBar/CallToActionBar.css +3 -1
  80. package/dist/assets/Hyperlink/Hyperlink.css +22 -0
  81. package/dist/assets/Input/DatePicker.css +95 -0
  82. package/dist/assets/Input/InputDate.css +39 -0
  83. package/dist/assets/Interstitial/Interstitial-variants.css +9 -0
  84. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +126 -124
  85. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +4 -0
  86. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +405 -0
  87. package/dist/assets/globals.css +71 -0
  88. package/dist/icons/Clock/index.d.ts +4 -0
  89. package/dist/icons/Clock/index.js +22 -0
  90. package/dist/icons/index.d.ts +1 -0
  91. package/dist/icons/index.js +14 -12
  92. package/dist/main.d.ts +4 -4
  93. package/dist/main.js +69 -59
  94. package/dist/utils/allowedAxosDomains.js +1 -0
  95. package/package.json +1 -1
  96. package/dist/Interstitial/index.d.ts +0 -1
  97. package/dist/Interstitial/index.js +0 -22
@@ -63,10 +63,15 @@ const CallToActionBar = ({
63
63
  children: /* @__PURE__ */ jsxs(
64
64
  "div",
65
65
  {
66
- className: "containment flex middle",
66
+ className: clsx(
67
+ "containment",
68
+ "flex",
69
+ "middle",
70
+ row_reverse && image ? "reversed" : ""
71
+ ),
67
72
  style: { justifyContent: "center" },
68
73
  children: [
69
- banner_size !== "small" && !imageMobileView && image ? /* @__PURE__ */ jsx(
74
+ banner_size !== "small" && !imageMobileView && image && /* @__PURE__ */ jsx(
70
75
  "div",
71
76
  {
72
77
  className: `${cta_image_section} ${image_overlap ? cta_image_section_overlap : ""}`,
@@ -79,7 +84,7 @@ const CallToActionBar = ({
79
84
  }
80
85
  )
81
86
  }
82
- ) : null,
87
+ ),
83
88
  /* @__PURE__ */ jsxs(
84
89
  "div",
85
90
  {
@@ -88,6 +93,7 @@ const CallToActionBar = ({
88
93
  banner_size !== "large" ? "flex middle" : "",
89
94
  row_reverse ? "reversed" : ""
90
95
  ),
96
+ style: imageMobileView && !image ? { justifyContent: "center" } : {},
91
97
  children: [
92
98
  /* @__PURE__ */ jsxs(
93
99
  "div",
@@ -103,33 +109,44 @@ const CallToActionBar = ({
103
109
  ]
104
110
  }
105
111
  ),
106
- callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx(ctas_section, "flex", "text_center"), children: callToActionRow.map(
107
- ({
108
- id: id2,
109
- variant,
110
- displayText,
111
- targetUrl,
112
- type
113
- }) => type === "Button" ? /* @__PURE__ */ jsx(
114
- Button,
115
- {
116
- targetUrl,
117
- color: getVariant(variant),
118
- size: "medium",
119
- rounded: "medium",
120
- children: displayText
121
- },
122
- id2
123
- ) : /* @__PURE__ */ jsx(
124
- Chevron,
125
- {
126
- targetUrl,
127
- variant: getVariant(variant),
128
- children: displayText
129
- },
130
- id2
131
- )
132
- ) })
112
+ callToActionRow.length > 0 && /* @__PURE__ */ jsx(
113
+ "div",
114
+ {
115
+ className: clsx(
116
+ ctas_section,
117
+ "flex",
118
+ "text_center",
119
+ (!image || imageMobileView) && "center"
120
+ ),
121
+ children: callToActionRow.map(
122
+ ({
123
+ id: id2,
124
+ variant,
125
+ displayText,
126
+ targetUrl,
127
+ type
128
+ }) => type === "Button" ? /* @__PURE__ */ jsx(
129
+ Button,
130
+ {
131
+ targetUrl,
132
+ color: getVariant(variant),
133
+ size: "medium",
134
+ rounded: "medium",
135
+ children: displayText
136
+ },
137
+ id2
138
+ ) : /* @__PURE__ */ jsx(
139
+ Chevron,
140
+ {
141
+ targetUrl,
142
+ variant: getVariant(variant),
143
+ children: displayText
144
+ },
145
+ id2
146
+ )
147
+ )
148
+ }
149
+ )
133
150
  ]
134
151
  }
135
152
  )
@@ -13,22 +13,31 @@ 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
+ import "../Button/Button.css.js";
22
+ import React, { useEffect, Children, cloneElement } from "react";
23
+ import "react-use";
24
+ import "../Interstitial/Interstitial-variants.css.js";
25
+ import "../Chevron/Chevron.css.js";
26
+ /* empty css */
16
27
  import "../Modal/contextApi/store.js";
17
28
  import clsx from "clsx";
18
- import React, { useEffect, Children, cloneElement } from "react";
19
- import "../Button/Button.css.js";
20
29
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
21
30
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
22
- import "react-use";
23
31
  import "../Table/Table.css.js";
24
32
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
33
  import "@hookform/resolvers/zod";
26
34
  import "../Input/Checkbox.js";
27
35
  import "../Input/CurrencyInput.js";
36
+ import "../Input/Input.css.js";
37
+ /* empty css */
28
38
  import "../Input/Dropdown.js";
29
39
  /* empty css */
30
40
  import "../Input/Input.js";
31
- import "../Input/Input.css.js";
32
41
  import "../Input/InputPhone.js";
33
42
  import "../Input/InputTextArea.js";
34
43
  import "react-hook-form";
@@ -40,15 +49,11 @@ import "iframe-resizer";
40
49
  import "../Calculators/calculator.css.js";
41
50
  /* empty css */
42
51
  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
52
  /* empty css */
49
53
  /* empty css */
50
54
  import "next/image.js";
51
55
  /* empty css */
56
+ import "../Hyperlink/Hyperlink.css.js";
52
57
  /* empty css */
53
58
  import "../Comparison/Comparison.css.js";
54
59
  import "../HeroBanner/HeroBanner.css.js";
@@ -64,17 +69,16 @@ import "../FaqAccordion/index.js";
64
69
  import "../FooterDisclosure/FooterDisclosure.css.js";
65
70
  /* empty css */
66
71
  import "../ImageBillboard/ImageBillboard.css.js";
67
- import "../Interstitial/Interstitial-variants.css.js";
68
72
  import "../LandingPageHeader/LandingPageHeader.css.js";
69
- import "../Chevron/Chevron.css.js";
70
- /* empty css */
71
73
  /* empty css */
72
74
  /* empty css */
73
75
  /* empty css */
74
76
  /* empty css */
75
77
  import "next/link.js";
76
78
  /* empty css */
79
+ import "next/navigation.js";
77
80
  /* empty css */
81
+ /* empty css */
78
82
  /* empty css */
79
83
  /* empty css */
80
84
  import "../StepItem/StepItem.css.js";
@@ -1,3 +1,4 @@
1
+ import { interstitialProps } from '../Interstitial/Interstitial';
1
2
  import { CallToActionTypes } from '../utils/variant.types';
2
3
  import { PropsWithChildren, ReactNode } from 'react';
3
4
 
@@ -38,4 +39,5 @@ export interface ChevronProps extends PropsWithChildren {
38
39
  * URL for icon selection button
39
40
  */
40
41
  icon?: string;
42
+ marketingIntersitial?: interstitialProps;
41
43
  }
@@ -1,17 +1,25 @@
1
1
  "use client";
2
- import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  /* empty css */
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
+ import { Interstitial } from "../Interstitial/Interstitial.js";
16
+ import { chevron_wrapper, chevron } from "./Chevron.css.js";
17
+ /* empty css */
9
18
  import { useGlobalContext } from "../Modal/contextApi/store.js";
10
19
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
11
- import { getVariant } from "../utils/getVariant.js";
12
20
  import { validateLink } from "../utils/validateExternalLinks.js";
13
21
  import "clsx";
14
- import "react";
22
+ import { useState } from "react";
15
23
  import "../Button/Button.css.js";
16
24
  import "../IconBillboard/IconBillboard.css.js";
17
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -22,11 +30,12 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
22
30
  import "@hookform/resolvers/zod";
23
31
  import "../Input/Checkbox.js";
24
32
  import "../Input/CurrencyInput.js";
25
- import "../Input/Dropdown.js";
33
+ import "../Input/Input.css.js";
26
34
  /* empty css */
35
+ /* empty css */
36
+ import "../Input/Dropdown.js";
27
37
  /* empty css */
28
38
  import "../Input/Input.js";
29
- import "../Input/Input.css.js";
30
39
  import "../Input/InputPhone.js";
31
40
  import "../Input/InputTextArea.js";
32
41
  import "react-hook-form";
@@ -38,17 +47,13 @@ import "iframe-resizer";
38
47
  import "../Calculators/calculator.css.js";
39
48
  /* empty css */
40
49
  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
50
  /* empty css */
47
51
  /* empty css */
48
52
  import "next/image.js";
49
53
  /* empty css */
50
54
  /* empty css */
51
55
  import "../Carousel/index.js";
56
+ import "../Hyperlink/Hyperlink.css.js";
52
57
  /* empty css */
53
58
  import "../Comparison/Comparison.css.js";
54
59
  import "../HeroBanner/HeroBanner.css.js";
@@ -64,17 +69,16 @@ import "../FaqAccordion/index.js";
64
69
  import "../FooterDisclosure/FooterDisclosure.css.js";
65
70
  /* empty css */
66
71
  import "../ImageBillboard/ImageBillboard.css.js";
67
- import "../Interstitial/Interstitial-variants.css.js";
68
72
  import "../LandingPageHeader/LandingPageHeader.css.js";
69
- import { chevron_wrapper, chevron } from "./Chevron.css.js";
70
- /* empty css */
71
73
  /* empty css */
72
74
  /* empty css */
73
75
  /* empty css */
74
76
  /* empty css */
75
77
  import "next/link.js";
76
78
  /* empty css */
79
+ import "next/navigation.js";
77
80
  /* empty css */
81
+ /* empty css */
78
82
  /* empty css */
79
83
  /* empty css */
80
84
  import "../StepItem/StepItem.css.js";
@@ -91,10 +95,18 @@ const Chevron = ({
91
95
  targetUrl,
92
96
  id,
93
97
  className,
94
- goBack = false
98
+ goBack = false,
99
+ marketingIntersitial
95
100
  }) => {
96
101
  variant = getVariant(variant);
97
102
  const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
103
+ const [isOpenMktInterstitial, setIsOpenMktInterstitial] = useState(false);
104
+ const openMarketingInterstitial = () => {
105
+ setIsOpenMktInterstitial(true);
106
+ };
107
+ const closeMarketingInterstitial = () => {
108
+ setIsOpenMktInterstitial(false);
109
+ };
98
110
  const backFunction = (e) => {
99
111
  e.preventDefault();
100
112
  if (window.history.length === 0) {
@@ -127,18 +139,28 @@ const Chevron = ({
127
139
  }
128
140
  }
129
141
  } : backFunction;
130
- return /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
131
- /* @__PURE__ */ jsx(
132
- "a",
142
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
143
+ /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
144
+ /* @__PURE__ */ jsx(
145
+ "a",
146
+ {
147
+ id,
148
+ href: findMoreAxosDomains(targetUrl),
149
+ className: `${chevron({ variant })} ${className ? className : ""}`,
150
+ onClick: marketingIntersitial ? openMarketingInterstitial : onClick,
151
+ children
152
+ }
153
+ ),
154
+ /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
155
+ ] }),
156
+ marketingIntersitial && isOpenMktInterstitial && /* @__PURE__ */ jsx(
157
+ Interstitial,
133
158
  {
134
- id,
135
- href: findMoreAxosDomains(targetUrl),
136
- className: `${chevron({ variant })} ${className ? className : ""}`,
137
- onClick,
138
- children
159
+ ...marketingIntersitial,
160
+ isOpen: isOpenMktInterstitial,
161
+ onClose: closeMarketingInterstitial
139
162
  }
140
- ),
141
- /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
163
+ )
142
164
  ] });
143
165
  };
144
166
  export {
@@ -9,24 +9,30 @@ 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 "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
13
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
12
+ import "../Accordion/Accordion.js";
13
+ import "../Accordion/Accordion.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
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
20
25
  import "../Table/Table.css.js";
21
26
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
22
27
  import "@hookform/resolvers/zod";
23
28
  import "../Input/Checkbox.js";
24
29
  import "../Input/CurrencyInput.js";
25
- import "../Input/Dropdown.js";
30
+ import "../Input/Input.css.js";
26
31
  /* empty css */
32
+ /* empty css */
33
+ import "../Input/Dropdown.js";
27
34
  /* empty css */
28
35
  import "../Input/Input.js";
29
- import "../Input/Input.css.js";
30
36
  import "../Input/InputPhone.js";
31
37
  import "../Input/InputTextArea.js";
32
38
  import "react-hook-form";
@@ -38,16 +44,12 @@ import "iframe-resizer";
38
44
  import "../Calculators/calculator.css.js";
39
45
  /* empty css */
40
46
  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
47
  /* empty css */
47
48
  /* empty css */
48
49
  import "next/image.js";
49
50
  /* empty css */
50
51
  import "../Carousel/index.js";
52
+ import "../Hyperlink/Hyperlink.css.js";
51
53
  /* empty css */
52
54
  import { comparison, comparison_layout, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
53
55
  import "../HeroBanner/HeroBanner.css.js";
@@ -73,7 +75,9 @@ import "../Modal/contextApi/store.js";
73
75
  /* empty css */
74
76
  import "next/link.js";
75
77
  /* empty css */
78
+ import "next/navigation.js";
76
79
  /* empty css */
80
+ /* empty css */
77
81
  /* empty css */
78
82
  /* empty css */
79
83
  import "../StepItem/StepItem.css.js";
@@ -140,7 +144,7 @@ const Comparison = ({
140
144
  }
141
145
  ) }),
142
146
  /* @__PURE__ */ jsx("span", { children: item.copy })
143
- ] }, id)
147
+ ] }, item.id)
144
148
  ) }) })
145
149
  ] }) }),
146
150
  callToActionRow && /* @__PURE__ */ jsx("div", { className: clsx(comparison_buttons, "push_up"), children: callToActionRow.map(
@@ -1,31 +1,37 @@
1
1
  "use client";
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState, createElement } from "react";
4
- import { Button } from "../Button/Button.js";
4
+ import "../Accordion/Accordion.js";
5
+ import "../Accordion/Accordion.css.js";
5
6
  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";
12
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
13
8
  import "../icons/CheckIcon/CheckIcon.css.js";
14
9
  /* empty css */
15
10
  /* empty css */
16
11
  /* empty css */
17
12
  /* 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
+ import { Button } from "../Button/Button.js";
18
+ import { buttons } from "../IconBillboard/IconBillboard.css.js";
19
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
20
+ import "../Button/Button.css.js";
21
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
22
+ import "react-use";
18
23
  import clsx from "clsx";
19
24
  import "../Table/Table.css.js";
20
25
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
21
26
  import "@hookform/resolvers/zod";
22
27
  import "../Input/Checkbox.js";
23
28
  import "../Input/CurrencyInput.js";
24
- import "../Input/Dropdown.js";
29
+ import "../Input/Input.css.js";
25
30
  /* empty css */
31
+ /* empty css */
32
+ import "../Input/Dropdown.js";
26
33
  /* empty css */
27
34
  import "../Input/Input.js";
28
- import "../Input/Input.css.js";
29
35
  import "../Input/InputPhone.js";
30
36
  import "../Input/InputTextArea.js";
31
37
  import "react-hook-form";
@@ -37,17 +43,13 @@ import "iframe-resizer";
37
43
  import "../Calculators/calculator.css.js";
38
44
  /* empty css */
39
45
  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
46
  /* empty css */
46
47
  /* empty css */
47
48
  import "next/image.js";
48
49
  /* empty css */
49
50
  /* empty css */
50
51
  import "../Carousel/index.js";
52
+ import "../Hyperlink/Hyperlink.css.js";
51
53
  /* empty css */
52
54
  import { comparison_container, comparison_tab_container } from "./Comparison.css.js";
53
55
  import "../HeroBanner/HeroBanner.css.js";
@@ -73,7 +75,9 @@ import "../Modal/contextApi/store.js";
73
75
  /* empty css */
74
76
  import "next/link.js";
75
77
  /* empty css */
78
+ import "next/navigation.js";
76
79
  /* empty css */
80
+ /* empty css */
77
81
  /* empty css */
78
82
  /* empty css */
79
83
  import "../StepItem/StepItem.css.js";
@@ -1,30 +1,39 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
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";
2
+ import "../../Accordion/Accordion.js";
3
+ import "../../Accordion/Accordion.css.js";
7
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
8
5
  import "../../icons/CheckIcon/CheckIcon.css.js";
9
6
  /* empty css */
10
7
  /* empty css */
11
8
  /* empty css */
12
9
  /* empty css */
10
+ import "react";
13
11
  import "../../Chevron/Chevron.css.js";
12
+ import "../../AlertBanner/AlertBanner.css.js";
13
+ import "../../Article/Article.css.js";
14
+ import "../../ArticlesSet/ArticlesSet.css.js";
14
15
  import "../../IconBillboard/IconBillboard.css.js";
16
+ /* empty css */
17
+ /* empty css */
18
+ import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
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";
15
25
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
16
26
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
17
- import "react-use";
18
27
  import "../../Table/Table.css.js";
19
28
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
20
29
  import "@hookform/resolvers/zod";
21
30
  import "../../Input/Checkbox.js";
22
31
  import "../../Input/CurrencyInput.js";
32
+ import "../../Input/Input.css.js";
33
+ /* empty css */
23
34
  import "../../Input/Dropdown.js";
24
- /* empty css */
25
35
  /* empty css */
26
36
  import "../../Input/Input.js";
27
- import "../../Input/Input.css.js";
28
37
  import "../../Input/InputPhone.js";
29
38
  import "../../Input/InputTextArea.js";
30
39
  import "react-hook-form";
@@ -36,17 +45,12 @@ import "iframe-resizer";
36
45
  import "../../Calculators/calculator.css.js";
37
46
  /* empty css */
38
47
  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
48
  /* empty css */
45
49
  /* empty css */
46
50
  import "next/image.js";
47
- /* empty css */
48
51
  /* empty css */
49
52
  import "../../Carousel/index.js";
53
+ import "../../Hyperlink/Hyperlink.css.js";
50
54
  /* empty css */
51
55
  import "../../Comparison/Comparison.css.js";
52
56
  import "../../HeroBanner/HeroBanner.css.js";
@@ -62,16 +66,16 @@ import "../../FaqAccordion/index.js";
62
66
  import "../../FooterDisclosure/FooterDisclosure.css.js";
63
67
  import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
64
68
  import "../../ImageBillboard/ImageBillboard.css.js";
65
- import "../../Interstitial/Interstitial-variants.css.js";
66
69
  import "../../LandingPageHeader/LandingPageHeader.css.js";
67
- /* empty css */
68
70
  /* empty css */
69
71
  /* empty css */
70
72
  /* empty css */
71
73
  /* empty css */
72
74
  import "next/link.js";
73
75
  /* empty css */
76
+ import "next/navigation.js";
74
77
  /* empty css */
78
+ /* empty css */
75
79
  /* empty css */
76
80
  /* empty css */
77
81
  import "../../StepItem/StepItem.css.js";
@@ -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";