@axos-web-dev/shared-components 0.0.90 → 0.0.92

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 (75) hide show
  1. package/dist/ATMLocator/ATMLocator.d.ts +4 -2
  2. package/dist/ATMLocator/ATMLocator.js +124 -18
  3. package/dist/Accordion/Accordion.css.d.ts +9 -9
  4. package/dist/Calculators/Calculator.js +14 -4
  5. package/dist/CallToActionBar/index.js +47 -30
  6. package/dist/Carousel/index.js +12 -11
  7. package/dist/Chevron/index.js +17 -16
  8. package/dist/Comparison/Comparison.js +15 -14
  9. package/dist/Comparison/ComparisonSet.js +20 -19
  10. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +19 -18
  11. package/dist/Forms/ApplicationStart.js +2 -3
  12. package/dist/Forms/CommercialLending.js +2 -3
  13. package/dist/Forms/ContactCompany.js +2 -3
  14. package/dist/Forms/ContactUs.js +2 -3
  15. package/dist/Forms/ContactUsAAS.js +2 -3
  16. package/dist/Forms/ContactUsBusiness.js +17 -16
  17. package/dist/Forms/ContactUsNMLSId.js +17 -16
  18. package/dist/Forms/DealerServices.js +2 -3
  19. package/dist/Forms/EmailOnly.js +17 -16
  20. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
  21. package/dist/Forms/ScheduleCall.js +3 -7
  22. package/dist/Forms/ScheduleCallPremier.js +2 -3
  23. package/dist/Forms/SuccesForm.js +13 -12
  24. package/dist/Forms/WcplSurvey.js +2 -3
  25. package/dist/Hyperlink/index.js +20 -19
  26. package/dist/ImageLink/ImageLink.js +13 -12
  27. package/dist/ImageLink/ImageLinkSet.js +11 -10
  28. package/dist/ImageLink/index.js +18 -17
  29. package/dist/Input/Checkbox.d.ts +1 -1
  30. package/dist/Input/CurrencyInput.js +2 -3
  31. package/dist/Input/InputPhone.js +2 -3
  32. package/dist/Input/InputProps.d.ts +0 -6
  33. package/dist/Input/index.d.ts +0 -3
  34. package/dist/Input/index.js +0 -6
  35. package/dist/Modal/Modal.js +16 -15
  36. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  37. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1927 -1755
  38. package/dist/NavigationMenu/AxosBank/index.js +8 -15
  39. package/dist/NavigationMenu/AxosClearing/NavBar.css.d.ts +1 -0
  40. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +5 -0
  41. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +98 -0
  42. package/dist/NavigationMenu/AxosClearing/NavData.d.ts +21 -0
  43. package/dist/NavigationMenu/AxosClearing/NavData.js +63 -0
  44. package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts +1 -0
  45. package/dist/NavigationMenu/AxosClearing/SubNavBar.js +56 -0
  46. package/dist/NavigationMenu/AxosClearing/index.d.ts +2 -0
  47. package/dist/NavigationMenu/AxosClearing/index.js +470 -0
  48. package/dist/NavigationMenu/index.d.ts +1 -0
  49. package/dist/NavigationMenu/index.js +5 -3
  50. package/dist/SetContainer/SetContainer.js +13 -12
  51. package/dist/Table/Table.d.ts +22 -9
  52. package/dist/TopicalNavSet/TopicalNavSet.js +3 -3
  53. package/dist/assets/CallToActionBar/CallToActionBar.css +3 -1
  54. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +126 -124
  55. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +4 -0
  56. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +405 -0
  57. package/dist/assets/Table/Table.css +1 -1
  58. package/dist/assets/globals.css +71 -0
  59. package/dist/icons/Clock/index.d.ts +4 -0
  60. package/dist/icons/Clock/index.js +22 -0
  61. package/dist/icons/index.d.ts +1 -0
  62. package/dist/icons/index.js +14 -12
  63. package/dist/main.js +52 -54
  64. package/dist/utils/allowedAxosDomains.js +3 -1
  65. package/package.json +1 -1
  66. package/dist/Input/DatePicker.css.d.ts +0 -1
  67. package/dist/Input/DatePicker.css.js +0 -6
  68. package/dist/Input/Datepicker.d.ts +0 -3
  69. package/dist/Input/Datepicker.js +0 -47
  70. package/dist/Input/InputDate.css.d.ts +0 -6
  71. package/dist/Input/InputDate.css.js +0 -15
  72. package/dist/Input/InputDate.d.ts +0 -3
  73. package/dist/Input/InputDate.js +0 -47
  74. package/dist/assets/Input/DatePicker.css +0 -95
  75. package/dist/assets/Input/InputDate.css +0 -39
@@ -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;
@@ -1,21 +1,127 @@
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
+ import "next/navigation.js";
72
+ /* empty css */
73
+ /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
+ import "../StepItem/StepItem.css.js";
77
+ import "../StepItemSet/StepItemSet.css.js";
78
+ import "../Table/Table.css.js";
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ import "next/script.js";
83
+ /* empty css */
84
+ /* empty css */
85
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
86
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
87
+ import "iframe-resizer";
88
+ import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
89
+ const ATMLocator = (props) => {
90
+ const { id, bodyCopy, icon = false, disclosure, headline } = props;
91
+ const variant = getVariant(props.variant);
92
+ return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
93
+ /* @__PURE__ */ jsxs("div", { children: [
94
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
95
+ /* @__PURE__ */ jsx(
96
+ "h2",
97
+ {
98
+ className: clsx(
99
+ "header_2 text_center",
100
+ calculator_headline({ variant })
101
+ ),
102
+ children: headline
103
+ }
104
+ ),
105
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: bodyCopy })
106
+ ] }),
107
+ /* @__PURE__ */ jsx("div", { className: "calc section-narrow", children: /* @__PURE__ */ jsx(
108
+ "iframe",
109
+ {
110
+ id: "atmlocator",
111
+ src: "https://axosbank.locatorsearch.com/index.aspx?' + iFrameUrl + '",
112
+ height: "1000",
113
+ width: "100%",
114
+ name: "atmlocator",
115
+ frameBorder: "0",
116
+ allowTransparency: true,
117
+ allow: "geolocation",
118
+ scrolling: "no",
119
+ title: "LocatorSearch",
120
+ children: "Your browser doesn\\'t support iframes"
121
+ }
122
+ ) }),
123
+ /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
124
+ ] }) });
19
125
  };
20
126
  export {
21
127
  ATMLocator
@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
4
4
  width: {
5
5
  "1/2": {
6
6
  display: "flex";
7
- flexBasis: "50%";
7
+ flexBasis: `${number}%`;
8
8
  };
9
9
  "1/3": {
10
10
  display: "flex";
11
- flexBasis: "33.333333333333336%";
11
+ flexBasis: `${number}%`;
12
12
  };
13
13
  "2/3": {
14
14
  display: "flex";
15
- flexBasis: "66.66666666666667%";
15
+ flexBasis: `${number}%`;
16
16
  };
17
17
  "1/4": {
18
18
  display: "flex";
19
- flexBasis: "25%";
19
+ flexBasis: `${number}%`;
20
20
  };
21
21
  "3/4": {
22
22
  display: "flex";
23
- flexBasis: "75%";
23
+ flexBasis: `${number}%`;
24
24
  };
25
25
  "1/5": {
26
26
  display: "flex";
27
- flexBasis: "20%";
27
+ flexBasis: `${number}%`;
28
28
  };
29
29
  "2/5": {
30
30
  display: "flex";
31
- flexBasis: "40%";
31
+ flexBasis: `${number}%`;
32
32
  };
33
33
  "3/5": {
34
34
  display: "flex";
35
- flexBasis: "60%";
35
+ flexBasis: `${number}%`;
36
36
  };
37
37
  "4/5": {
38
38
  display: "flex";
39
- flexBasis: "80%";
39
+ flexBasis: `${number}%`;
40
40
  };
41
41
  };
42
42
  }>;
@@ -10,12 +10,11 @@ import "../Button/Button.css.js";
10
10
  import "react-use";
11
11
  import "../Input/Checkbox.js";
12
12
  import "../Input/CurrencyInput.js";
13
- import "../Input/Input.css.js";
14
- /* empty css */
15
- /* empty css */
16
13
  import "../Input/Dropdown.js";
14
+ /* empty css */
17
15
  /* empty css */
18
16
  import "../Input/Input.js";
17
+ import "../Input/Input.css.js";
19
18
  import "../Input/InputPhone.js";
20
19
  import "../Input/InputTextArea.js";
21
20
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -74,7 +73,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
74
73
  /* empty css */
75
74
  import "next/link.js";
76
75
  /* empty css */
76
+ import "next/navigation.js";
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  /* empty css */
80
81
  import "../StepItem/StepItem.css.js";
@@ -108,7 +109,16 @@ const Calculator = (props) => {
108
109
  }, []);
109
110
  const variant = getVariant(props.variant);
110
111
  if (name?.toLowerCase()?.includes("atm locator")) {
111
- return /* @__PURE__ */ jsx(ATMLocator, {});
112
+ return /* @__PURE__ */ jsx(
113
+ ATMLocator,
114
+ {
115
+ headline,
116
+ bodyCopy,
117
+ marketingTiles,
118
+ variant,
119
+ disclosure
120
+ }
121
+ );
112
122
  } else if (name === "APY") {
113
123
  return /* @__PURE__ */ jsx(
114
124
  ApyCalculator,
@@ -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,31 +13,22 @@ 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";
34
26
  import "../Input/Checkbox.js";
35
27
  import "../Input/CurrencyInput.js";
36
- import "../Input/Input.css.js";
37
- /* empty css */
38
28
  import "../Input/Dropdown.js";
39
29
  /* empty css */
40
30
  import "../Input/Input.js";
31
+ import "../Input/Input.css.js";
41
32
  import "../Input/InputPhone.js";
42
33
  import "../Input/InputTextArea.js";
43
34
  import "react-hook-form";
@@ -49,6 +40,14 @@ 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";
52
51
  /* empty css */
53
52
  /* empty css */
54
53
  import "../Comparison/Comparison.css.js";
@@ -75,7 +74,9 @@ import "../Chevron/Chevron.css.js";
75
74
  /* empty css */
76
75
  import "next/link.js";
77
76
  /* empty css */
77
+ import "next/navigation.js";
78
78
  /* empty css */
79
+ /* empty css */
79
80
  /* empty css */
80
81
  /* empty css */
81
82
  import "../StepItem/StepItem.css.js";
@@ -6,37 +6,27 @@ 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
- import "../Input/Input.css.js";
36
- /* empty css */
37
25
  import "../Input/Dropdown.js";
26
+ /* empty css */
38
27
  /* empty css */
39
28
  import "../Input/Input.js";
29
+ import "../Input/Input.css.js";
40
30
  import "../Input/InputPhone.js";
41
31
  import "../Input/InputTextArea.js";
42
32
  import "react-hook-form";
@@ -48,6 +38,15 @@ import "iframe-resizer";
48
38
  import "../Calculators/calculator.css.js";
49
39
  /* empty css */
50
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 */
51
50
  /* empty css */
52
51
  import "../Carousel/index.js";
53
52
  /* empty css */
@@ -75,7 +74,9 @@ import { chevron_wrapper, chevron } from "./Chevron.css.js";
75
74
  /* empty css */
76
75
  import "next/link.js";
77
76
  /* empty css */
77
+ import "next/navigation.js";
78
78
  /* empty css */
79
+ /* empty css */
79
80
  /* empty css */
80
81
  /* empty css */
81
82
  import "../StepItem/StepItem.css.js";
@@ -9,33 +9,24 @@ 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
- import "../Input/Input.css.js";
35
- /* empty css */
36
25
  import "../Input/Dropdown.js";
26
+ /* empty css */
37
27
  /* empty css */
38
28
  import "../Input/Input.js";
29
+ import "../Input/Input.css.js";
39
30
  import "../Input/InputPhone.js";
40
31
  import "../Input/InputTextArea.js";
41
32
  import "react-hook-form";
@@ -47,6 +38,14 @@ 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";
50
49
  /* empty css */
51
50
  import "../Carousel/index.js";
52
51
  /* empty css */
@@ -74,7 +73,9 @@ import "../Modal/contextApi/store.js";
74
73
  /* empty css */
75
74
  import "next/link.js";
76
75
  /* empty css */
76
+ import "next/navigation.js";
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  /* empty css */
80
81
  import "../StepItem/StepItem.css.js";
@@ -141,7 +142,7 @@ const Comparison = ({
141
142
  }
142
143
  ) }),
143
144
  /* @__PURE__ */ jsx("span", { children: item.copy })
144
- ] }, id)
145
+ ] }, item.id)
145
146
  ) }) })
146
147
  ] }) }),
147
148
  callToActionRow && /* @__PURE__ */ jsx("div", { className: clsx(comparison_buttons, "push_up"), children: callToActionRow.map(
@@ -1,41 +1,31 @@
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";
31
21
  import "@hookform/resolvers/zod";
32
22
  import "../Input/Checkbox.js";
33
23
  import "../Input/CurrencyInput.js";
34
- import "../Input/Input.css.js";
35
- /* empty css */
36
24
  import "../Input/Dropdown.js";
25
+ /* empty css */
37
26
  /* empty css */
38
27
  import "../Input/Input.js";
28
+ import "../Input/Input.css.js";
39
29
  import "../Input/InputPhone.js";
40
30
  import "../Input/InputTextArea.js";
41
31
  import "react-hook-form";
@@ -47,6 +37,15 @@ import "iframe-resizer";
47
37
  import "../Calculators/calculator.css.js";
48
38
  /* empty css */
49
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 */
50
49
  /* empty css */
51
50
  import "../Carousel/index.js";
52
51
  /* empty css */
@@ -74,7 +73,9 @@ import "../Modal/contextApi/store.js";
74
73
  /* empty css */
75
74
  import "next/link.js";
76
75
  /* empty css */
76
+ import "next/navigation.js";
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  /* empty css */
80
81
  import "../StepItem/StepItem.css.js";