@axos-web-dev/shared-components 0.0.119 → 0.0.121

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 (70) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -0
  2. package/dist/Article/Article.js +8 -4
  3. package/dist/Button/Button.js +3 -2
  4. package/dist/Calculators/Calculator.js +1 -0
  5. package/dist/Carousel/index.js +5 -4
  6. package/dist/Chevron/index.js +3 -2
  7. package/dist/Comparison/Comparison.css.js +2 -2
  8. package/dist/Comparison/Comparison.js +1 -0
  9. package/dist/FaqAccordion/index.js +1 -0
  10. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -3
  11. package/dist/Forms/ClearingForm.js +2 -2
  12. package/dist/Forms/CommercialDeposits.d.ts +18 -0
  13. package/dist/Forms/CommercialDeposits.js +326 -0
  14. package/dist/Forms/ContactUsBusiness.js +4 -3
  15. package/dist/Forms/ContactUsNMLSId.js +4 -3
  16. package/dist/Forms/CpraRequest.d.ts +3 -3
  17. package/dist/Forms/CpraRequest.js +9 -9
  18. package/dist/Forms/DealerServices.d.ts +1 -1
  19. package/dist/Forms/DealerServices.js +12 -8
  20. package/dist/Forms/EmailOnly.js +4 -3
  21. package/dist/Forms/Forms.css.d.ts +3 -0
  22. package/dist/Forms/Forms.css.js +9 -3
  23. package/dist/Forms/ScheduleCall.js +1 -0
  24. package/dist/Forms/ScheduleCallPremier.js +1 -0
  25. package/dist/Forms/SuccesForm.js +1 -0
  26. package/dist/Forms/index.d.ts +2 -0
  27. package/dist/Forms/index.js +7 -2
  28. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  29. package/dist/Hyperlink/index.js +4 -3
  30. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  31. package/dist/ImageLink/ImageLink.js +1 -0
  32. package/dist/ImageLink/ImageLinkSet.d.ts +1 -0
  33. package/dist/ImageLink/ImageLinkSet.js +3 -1
  34. package/dist/ImageLink/index.js +4 -3
  35. package/dist/Input/Input.css.js +1 -1
  36. package/dist/Input/InputProps.d.ts +0 -6
  37. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  38. package/dist/Insight/Featured/CategorySelector.js +1 -0
  39. package/dist/Insight/Featured/Featured.js +5 -4
  40. package/dist/Modal/Modal.js +4 -3
  41. package/dist/NavigationMenu/AxosBank/NavData.js +4 -3
  42. package/dist/NavigationMenu/AxosBank/SubNavBar.js +4 -3
  43. package/dist/NavigationMenu/AxosBank/index.js +1 -0
  44. package/dist/SetContainer/SetContainer.js +1 -0
  45. package/dist/VideoTile/VideoInit.js +2 -1
  46. package/dist/VideoWrapper/index.js +1 -0
  47. package/dist/assets/Forms/Forms.css +22 -0
  48. package/dist/assets/PageNavItem/PageNavItem.css +1 -0
  49. package/dist/assets/PageNavSet/PageNavigationSet.css +1 -1
  50. package/dist/assets/SetContainer/SetContainer.css +0 -1
  51. package/dist/assets/Table/Table.css +8 -4
  52. package/dist/assets/VideoTile/VideoTile.css +5 -0
  53. package/dist/index.css.js +1 -1
  54. package/dist/main.js +7 -2
  55. package/dist/utils/allowedAxosDomains.js +2 -1
  56. package/package.json +17 -17
  57. package/dist/Forms/BlendPurchase.d.ts +0 -11
  58. package/dist/Forms/BlendPurchase.js +0 -215
  59. package/dist/Forms/BlendRefinance.d.ts +0 -11
  60. package/dist/Forms/BlendRefinance.js +0 -215
  61. package/dist/Input/DatePicker.css.d.ts +0 -1
  62. package/dist/Input/DatePicker.css.js +0 -6
  63. package/dist/Input/Datepicker.d.ts +0 -3
  64. package/dist/Input/Datepicker.js +0 -47
  65. package/dist/Input/InputDate.css.d.ts +0 -6
  66. package/dist/Input/InputDate.css.js +0 -15
  67. package/dist/Input/InputDate.d.ts +0 -3
  68. package/dist/Input/InputDate.js +0 -47
  69. package/dist/assets/Input/DatePicker.css +0 -95
  70. package/dist/assets/Input/InputDate.css +0 -39
@@ -56,10 +56,10 @@ const CpraRequest = ({
56
56
  Previously_Employed_by_Axos_Financial: z.string(),
57
57
  Ever_Applied_for_Employment_with_Axos_Financial: z.string(),
58
58
  Axos_Financial_interaction_outlet: z.string(),
59
- "Street Address": z.string(),
59
+ Street_Address: z.string(),
60
60
  City: z.string(),
61
- State: z.string(),
62
- "Zip Code": z.string().regex(/^\d{5}(-\d{4})?$/, { message: "Invalid Zip Code format." }),
61
+ State_: z.string(),
62
+ Zip_Code: z.string().regex(/^\d{5}(-\d{4})?$/, { message: "Invalid Zip Code format." }),
63
63
  Contact_Method: z.string(),
64
64
  DOB: z.string(),
65
65
  First_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
@@ -575,7 +575,7 @@ const CpraRequest = ({
575
575
  Input,
576
576
  {
577
577
  id: "Street_Address",
578
- ...register("Street Address", { required: true }),
578
+ ...register("Street_Address", { required: true }),
579
579
  label: "Street Address",
580
580
  sizes: "medium",
581
581
  required: true,
@@ -596,15 +596,15 @@ const CpraRequest = ({
596
596
  /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
597
597
  Dropdown,
598
598
  {
599
- id: "State",
600
- ...register("State", {
599
+ id: "State_",
600
+ ...register("State_", {
601
601
  required: true
602
602
  }),
603
603
  label: "Assets Under Management",
604
604
  sizes: "medium",
605
605
  required: true,
606
- error: !!errors.State,
607
- helperText: errors.State?.message,
606
+ error: !!errors.State_,
607
+ helperText: errors.State_?.message,
608
608
  variant,
609
609
  children: [
610
610
  /* @__PURE__ */ jsx("option", { value: "Alabama - AL", children: "Alabama - AL" }),
@@ -664,7 +664,7 @@ const CpraRequest = ({
664
664
  Input,
665
665
  {
666
666
  id: "Zip_Code",
667
- ...register("Zip Code", { required: true }),
667
+ ...register("Zip_Code", { required: true }),
668
668
  label: "Zip Code",
669
669
  sizes: "medium",
670
670
  required: true,
@@ -8,7 +8,7 @@ export type DealerServicesInputs = {
8
8
  title: string;
9
9
  company: string;
10
10
  Dealer_Type__c: string;
11
- Lead_Source_Detail_SFDC2__c: string;
11
+ Lead_Source_Detail_SFDC2__c2: string;
12
12
  city: string;
13
13
  state: string;
14
14
  zip: string;
@@ -48,7 +48,8 @@ const DealerServices = ({
48
48
  const schema = z.object({
49
49
  first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
50
50
  last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
51
- email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
51
+ email: z.string().email({ message: "Email is required." }),
52
+ // .refine(async (val: string) => await validateEmail(val)),
52
53
  phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
53
54
  const removeDashes = val.replace(/-/gi, "");
54
55
  if (removeDashes.length !== 10) {
@@ -63,7 +64,7 @@ const DealerServices = ({
63
64
  title: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Title is required." }),
64
65
  company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Company Name is required." }),
65
66
  Dealer_Type__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Franchise or Independent is required." }),
66
- Lead_Source_Detail_SFDC2__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, {
67
+ Lead_Source_Detail_SFDC2__c2: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, {
67
68
  message: "Dealer Services or Collector Car Program is required."
68
69
  }),
69
70
  city: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "City is required." }),
@@ -86,7 +87,10 @@ const DealerServices = ({
86
87
  formState: { errors, isValid, isSubmitting }
87
88
  } = methods;
88
89
  const submitForm = async (data) => {
89
- await onSubmit(data);
90
+ await onSubmit({
91
+ ...data,
92
+ Lead_Source_Detail_SFDC2__c: data.Lead_Source_Detail_SFDC2__c2
93
+ });
90
94
  };
91
95
  const variant = getVariant(fullVariant);
92
96
  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
@@ -142,7 +146,7 @@ const DealerServices = ({
142
146
  ...register("email", {
143
147
  required: true,
144
148
  validate: {
145
- isValid: associatedEmail
149
+ isValid: async (val) => await associatedEmail(val) && await validateEmail(val)
146
150
  }
147
151
  }),
148
152
  label: "Email",
@@ -220,16 +224,16 @@ const DealerServices = ({
220
224
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
221
225
  Dropdown,
222
226
  {
223
- id: "Lead_Source_Detail_SFDC2__c",
224
- ...register("Lead_Source_Detail_SFDC2__c", {
227
+ id: "Lead_Source_Detail_SFDC2__c2",
228
+ ...register("Lead_Source_Detail_SFDC2__c2", {
225
229
  required: true,
226
230
  maxLength: 12
227
231
  }),
228
232
  label: "Dealer Services or Collector Car Program",
229
233
  sizes: "medium",
230
234
  required: true,
231
- error: !!errors.Lead_Source_Detail_SFDC2__c,
232
- helperText: errors.Lead_Source_Detail_SFDC2__c?.message,
235
+ error: !!errors.Lead_Source_Detail_SFDC2__c2,
236
+ helperText: errors.Lead_Source_Detail_SFDC2__c2?.message,
233
237
  variant,
234
238
  defaultValue: "Dealer Services",
235
239
  children: [
@@ -26,16 +26,16 @@ import "react";
26
26
  import "../Chevron/Chevron.css.js";
27
27
  import "../AlertBanner/AlertBanner.css.js";
28
28
  import "../Article/Article.css.js";
29
- import "../ArticlesSet/ArticlesSet.css.js";
30
29
  import { Button } from "../Button/Button.js";
30
+ import "../Button/Button.css.js";
31
+ import "react-use";
32
+ import "../ArticlesSet/ArticlesSet.css.js";
31
33
  import "../IconBillboard/IconBillboard.css.js";
32
34
  import { associatedEmail } from "../utils/EverestValidity.js";
33
35
  import "../utils/allowedAxosDomains.js";
34
36
  import clsx from "clsx";
35
37
  import "../Calculators/calculator.css.js";
36
38
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
37
- import "../Button/Button.css.js";
38
- import "react-use";
39
39
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
40
40
  import "../Table/Table.css.js";
41
41
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -99,6 +99,7 @@ import "../StepItemSet/StepItemSet.css.js";
99
99
  /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
+ import "next/script.js";
102
103
  /* empty css */
103
104
  /* empty css */
104
105
  const EmailOnly = ({
@@ -180,3 +180,6 @@ export declare const section_title: import('@vanilla-extract/recipes').RuntimeFn
180
180
  }>;
181
181
  export declare const checkbox_group: string;
182
182
  export declare const ro_input: string;
183
+ export declare const pl_label: string;
184
+ export declare const x_input: string;
185
+ export declare const xc_input: string;
@@ -1,8 +1,8 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
- /* empty css */
5
3
  /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -24,6 +24,9 @@ var one_row = "tfms6a1a";
24
24
  var section_title = createRuntimeFn({ defaultClassName: "tfms6a1b", variantClassNames: { variant: { primary: "tfms6a1c", secondary: "tfms6a1d", tertiary: "tfms6a1e", quaternary: "tfms6a1f" } }, defaultVariants: {}, compoundVariants: [] });
25
25
  var checkbox_group = "tfms6a1g";
26
26
  var ro_input = "tfms6a1h";
27
+ var pl_label = "tfms6a1i";
28
+ var x_input = "tfms6a1j";
29
+ var xc_input = "tfms6a1k";
27
30
  export {
28
31
  actions,
29
32
  checkbox_group,
@@ -37,10 +40,13 @@ export {
37
40
  headerForm,
38
41
  iconForm,
39
42
  one_row,
43
+ pl_label,
40
44
  ro_input,
41
45
  section_title,
42
46
  succes_check_mark,
43
47
  success_circle,
44
48
  success_icon,
45
- success_wrap
49
+ success_wrap,
50
+ x_input,
51
+ xc_input
46
52
  };
@@ -172,6 +172,7 @@ const ScheduleCall = ({
172
172
  sizes: "medium",
173
173
  placeholder: "Best Date to Call",
174
174
  required: true,
175
+ min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
175
176
  error: !!errors.Best_Contact_Date__c,
176
177
  helperText: errors.Best_Contact_Date__c?.message,
177
178
  variant
@@ -179,6 +179,7 @@ const ScheduleCallPremier = ({
179
179
  label: "Best Date to Call",
180
180
  sizes: "medium",
181
181
  placeholder: "Best Date to Call",
182
+ min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
182
183
  required: true,
183
184
  error: !!errors.Best_Contact_Date__c,
184
185
  helperText: errors.Best_Contact_Date__c?.message,
@@ -86,6 +86,7 @@ import "../StepItemSet/StepItemSet.css.js";
86
86
  /* empty css */
87
87
  /* empty css */
88
88
  /* empty css */
89
+ import "next/script.js";
89
90
  /* empty css */
90
91
  /* empty css */
91
92
  import "../Interstitial/Interstitial-variants.css.js";
@@ -18,3 +18,5 @@ export * from './ScheduleCall';
18
18
  export * from './ScheduleCallPremier';
19
19
  export * from './SuccesForm';
20
20
  export * from './WcplSurvey';
21
+ export * from './CpraRequest';
22
+ export * from './CommercialDeposits';
@@ -10,16 +10,18 @@ import { CpraRequest } from "./CpraRequest.js";
10
10
  import { DealerServices } from "./DealerServices.js";
11
11
  import { EmailOnly } from "./EmailOnly.js";
12
12
  import { EmailUs } from "./EmailUs.js";
13
- import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
13
+ import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, pl_label, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, x_input, xc_input } from "./Forms.css.js";
14
14
  import { QuickPricer } from "./QuickPricer.js";
15
15
  import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
16
16
  import { ScheduleCall } from "./ScheduleCall.js";
17
17
  import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
18
18
  import { SuccesFormWrapper } from "./SuccesForm.js";
19
19
  import { WCPLSurvey } from "./WcplSurvey.js";
20
+ import { CommercialDeposits } from "./CommercialDeposits.js";
20
21
  export {
21
22
  ApplicationStart,
22
23
  ClearingForm,
24
+ CommercialDeposits,
23
25
  CommercialLending,
24
26
  ContactCompany,
25
27
  ContactUs,
@@ -49,10 +51,13 @@ export {
49
51
  headerForm,
50
52
  iconForm,
51
53
  one_row,
54
+ pl_label,
52
55
  ro_input,
53
56
  section_title,
54
57
  succes_check_mark,
55
58
  success_circle,
56
59
  success_icon,
57
- success_wrap
60
+ success_wrap,
61
+ x_input,
62
+ xc_input
58
63
  };
@@ -1,7 +1,7 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  /* empty css */
3
4
  /* empty css */
4
- /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var logout = "_1ye8k3f0";
@@ -12,18 +12,18 @@ import "react";
12
12
  import "../Chevron/Chevron.css.js";
13
13
  import "../AlertBanner/AlertBanner.css.js";
14
14
  import "../Article/Article.css.js";
15
- import "../ArticlesSet/ArticlesSet.css.js";
16
15
  import "../IconBillboard/IconBillboard.css.js";
17
16
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
18
17
  import { validateLink } from "../utils/validateExternalLinks.js";
19
18
  /* empty css */
20
19
  /* empty css */
21
- import "../Button/Button.css.js";
22
- import "react-use";
23
20
  import "../Interstitial/Interstitial-variants.css.js";
24
21
  /* empty css */
25
22
  import { useGlobalContext } from "../Modal/contextApi/store.js";
26
23
  import clsx from "clsx";
24
+ import "../Button/Button.css.js";
25
+ import "react-use";
26
+ import "../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../Calculators/calculator.css.js";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -93,6 +93,7 @@ import "../StepItemSet/StepItemSet.css.js";
93
93
  /* empty css */
94
94
  /* empty css */
95
95
  /* empty css */
96
+ import "next/script.js";
96
97
  /* empty css */
97
98
  /* empty css */
98
99
  import { hyperlink } from "./Hyperlink.css.js";
@@ -1,7 +1,7 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  /* empty css */
3
4
  /* empty css */
4
- /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -89,6 +89,7 @@ import "../StepItemSet/StepItemSet.css.js";
89
89
  /* empty css */
90
90
  /* empty css */
91
91
  /* empty css */
92
+ import "next/script.js";
92
93
  /* empty css */
93
94
  /* empty css */
94
95
  import "../Interstitial/Interstitial-variants.css.js";
@@ -5,5 +5,6 @@ import { ImageLinkProps } from './ImageLink';
5
5
  export interface ImageLinkSetProps extends SetContainerProps {
6
6
  imageLinks: ImageLinkProps[];
7
7
  callToActionRow?: ChevronProps[];
8
+ icon?: boolean;
8
9
  }
9
10
  export declare const ImageLinkSet: (props: ImageLinkSetProps) => import("react/jsx-runtime").JSX.Element;
@@ -96,11 +96,12 @@ import "../StepItemSet/StepItemSet.css.js";
96
96
  /* empty css */
97
97
  /* empty css */
98
98
  /* empty css */
99
+ import "next/script.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  import { image_link_set } from "./ImageLink.css.js";
102
103
  const ImageLinkSet = (props) => {
103
- const { callToActionRow } = props;
104
+ const { callToActionRow, icon } = props;
104
105
  const linksItems = props.imageLinks.map((item) => {
105
106
  return /* @__PURE__ */ jsx(ImageLink, { ...item }, item.id);
106
107
  });
@@ -136,6 +137,7 @@ const ImageLinkSet = (props) => {
136
137
  headline: props.headline,
137
138
  additionalDetails,
138
139
  className: image_link_set,
140
+ icon,
139
141
  children: linksItems
140
142
  }
141
143
  );
@@ -11,17 +11,17 @@ import "react";
11
11
  import "../Chevron/Chevron.css.js";
12
12
  import "../AlertBanner/AlertBanner.css.js";
13
13
  import "../Article/Article.css.js";
14
- import "../ArticlesSet/ArticlesSet.css.js";
15
14
  import "../IconBillboard/IconBillboard.css.js";
16
15
  import "../utils/allowedAxosDomains.js";
17
16
  /* empty css */
18
17
  /* empty css */
19
- import "../Button/Button.css.js";
20
- import "react-use";
21
18
  import "../Interstitial/Interstitial-variants.css.js";
22
19
  /* empty css */
23
20
  import "../Modal/contextApi/store.js";
24
21
  import "clsx";
22
+ import "../Button/Button.css.js";
23
+ import "react-use";
24
+ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../Calculators/calculator.css.js";
26
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -91,6 +91,7 @@ import "../StepItemSet/StepItemSet.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  /* empty css */
94
+ import "next/script.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  import "../Hyperlink/Hyperlink.css.js";
@@ -1,6 +1,6 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  /* empty css */
3
- /* empty css */
4
4
  /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -36,9 +36,3 @@ 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,7 +1,7 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  /* empty css */
3
4
  /* empty css */
4
- /* empty css */
5
5
  /* empty css */
6
6
  var selector_section = "_13y9ptj0";
7
7
  var selector_link = "_13y9ptj1";
@@ -91,6 +91,7 @@ import "../../StepItemSet/StepItemSet.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  /* empty css */
94
+ import "next/script.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  /* empty css */
@@ -15,15 +15,15 @@ import "../../Accordion/Accordion.js";
15
15
  import "../../Accordion/Accordion.css.js";
16
16
  import "../../AlertBanner/AlertBanner.css.js";
17
17
  import "../../Article/Article.css.js";
18
- import "../../ArticlesSet/ArticlesSet.css.js";
19
- import "../../Button/Button.css.js";
20
- import "react";
21
- import "react-use";
22
18
  import "../../Interstitial/Interstitial-variants.css.js";
23
19
  import "../../Chevron/Chevron.css.js";
24
20
  /* empty css */
25
21
  import "../../Modal/contextApi/store.js";
26
22
  import clsx from "clsx";
23
+ import "react";
24
+ import "../../Button/Button.css.js";
25
+ import "react-use";
26
+ import "../../ArticlesSet/ArticlesSet.css.js";
27
27
  import "../../Calculators/calculator.css.js";
28
28
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -95,6 +95,7 @@ import "../../StepItemSet/StepItemSet.css.js";
95
95
  /* empty css */
96
96
  /* empty css */
97
97
  /* empty css */
98
+ import "next/script.js";
98
99
  /* empty css */
99
100
  /* empty css */
100
101
  const FeaturedItem = (props) => {
@@ -11,15 +11,15 @@ import "../icons/CheckIcon/CheckIcon.css.js";
11
11
  import "react";
12
12
  import "../AlertBanner/AlertBanner.css.js";
13
13
  import "../Article/Article.css.js";
14
- import "../ArticlesSet/ArticlesSet.css.js";
15
14
  import { Button } from "../Button/Button.js";
15
+ import "../Button/Button.css.js";
16
+ import "react-use";
17
+ import "../ArticlesSet/ArticlesSet.css.js";
16
18
  import "../IconBillboard/IconBillboard.css.js";
17
19
  import "../utils/allowedAxosDomains.js";
18
20
  import "clsx";
19
21
  import "../Calculators/calculator.css.js";
20
22
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
21
- import "../Button/Button.css.js";
22
- import "react-use";
23
23
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
24
24
  import "../Table/Table.css.js";
25
25
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -92,6 +92,7 @@ import "../StepItemSet/StepItemSet.css.js";
92
92
  /* empty css */
93
93
  /* empty css */
94
94
  /* empty css */
95
+ import "next/script.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
@@ -11,17 +11,17 @@ import "react";
11
11
  import "../../Chevron/Chevron.css.js";
12
12
  import "../../AlertBanner/AlertBanner.css.js";
13
13
  import "../../Article/Article.css.js";
14
- import "../../ArticlesSet/ArticlesSet.css.js";
15
14
  import "../../IconBillboard/IconBillboard.css.js";
16
15
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
17
16
  /* empty css */
18
17
  /* empty css */
19
- import "../../Button/Button.css.js";
20
- import "react-use";
21
18
  import "../../Interstitial/Interstitial-variants.css.js";
22
19
  /* empty css */
23
20
  import "../../Modal/contextApi/store.js";
24
21
  import "clsx";
22
+ import "../../Button/Button.css.js";
23
+ import "react-use";
24
+ import "../../ArticlesSet/ArticlesSet.css.js";
25
25
  import "../../Calculators/calculator.css.js";
26
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -91,6 +91,7 @@ import "../../StepItemSet/StepItemSet.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  /* empty css */
94
+ import "next/script.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  const navItemsRaw = [
@@ -12,17 +12,17 @@ import { useState, useEffect } from "react";
12
12
  import "../../Chevron/Chevron.css.js";
13
13
  import "../../AlertBanner/AlertBanner.css.js";
14
14
  import "../../Article/Article.css.js";
15
- import "../../ArticlesSet/ArticlesSet.css.js";
16
15
  import "../../IconBillboard/IconBillboard.css.js";
17
16
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
18
17
  /* empty css */
19
18
  /* empty css */
20
- import "../../Button/Button.css.js";
21
- import "react-use";
22
19
  import "../../Interstitial/Interstitial-variants.css.js";
23
20
  /* empty css */
24
21
  import "../../Modal/contextApi/store.js";
25
22
  import "clsx";
23
+ import "../../Button/Button.css.js";
24
+ import "react-use";
25
+ import "../../ArticlesSet/ArticlesSet.css.js";
26
26
  import "../../Calculators/calculator.css.js";
27
27
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -90,6 +90,7 @@ import "../../StepItemSet/StepItemSet.css.js";
90
90
  /* empty css */
91
91
  /* empty css */
92
92
  /* empty css */
93
+ import "next/script.js";
93
94
  /* empty css */
94
95
  /* empty css */
95
96
  import Image from "next/image.js";
@@ -89,6 +89,7 @@ import "../../StepItemSet/StepItemSet.css.js";
89
89
  /* empty css */
90
90
  /* empty css */
91
91
  /* empty css */
92
+ import "next/script.js";
92
93
  /* empty css */
93
94
  /* empty css */
94
95
  import { Sign_in_btn, expand } from "./NavBar.css.js";
@@ -92,6 +92,7 @@ import "../StepItemSet/StepItemSet.css.js";
92
92
  /* empty css */
93
93
  /* empty css */
94
94
  /* empty css */
95
+ import "next/script.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  import "../Interstitial/Interstitial-variants.css.js";
@@ -1,6 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import Script from "next/script.js";
2
3
  const VideoInit = () => {
3
- return /* @__PURE__ */ jsx("script", { src: "https://play.vidyard.com/embed/v4.js" });
4
+ return /* @__PURE__ */ jsx(Script, { src: "https://play.vidyard.com/embed/v4.js", async: true });
4
5
  };
5
6
  export {
6
7
  VideoInit
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "next/script.js";
2
3
  import { VideoTile } from "../VideoTile/VideoTile.js";
3
4
  /* empty css */
4
5
  /* empty css */
@@ -243,6 +243,9 @@
243
243
  cursor: pointer;
244
244
  caret-color: transparent;
245
245
  }
246
+ .tfms6a1i {
247
+ padding-left: 16px;
248
+ }
246
249
  @media screen and (max-width:1023px) {
247
250
  .tfms6a0 {
248
251
  padding-inline: 0;
@@ -284,4 +287,23 @@
284
287
  .tfms6a1g ._18du0laf {
285
288
  padding: 6px;
286
289
  }
290
+ }
291
+ @media screen and (max-width: 768px) and (min-width: 604px) {
292
+ .tfms6a1j label {
293
+ height: 48px;
294
+ display: flex;
295
+ align-items: flex-end;
296
+ }
297
+ }
298
+ @media screen and (max-width: 579px) and (min-width: 481px) {
299
+ .tfms6a1j label {
300
+ height: 48px;
301
+ display: flex;
302
+ align-items: flex-end;
303
+ }
304
+ }
305
+ @media screen and (max-width: 483px) {
306
+ .tfms6a1j label {
307
+ white-space: nowrap;
308
+ }
287
309
  }
@@ -58,5 +58,6 @@
58
58
  @media (max-width:1280px) {
59
59
  ._13qd2mm3 {
60
60
  font: 400 16px / 1.5 var(--main-font-family);
61
+ padding: 8px 24px;
61
62
  }
62
63
  }
@@ -9,7 +9,7 @@
9
9
  .slick-slide + .slick-slide {
10
10
  margin-left: 8px;
11
11
  }
12
- main > .section_spacer:has(.sticky_nav) {
12
+ .section_spacer:has(._1qd6ohx1) {
13
13
  margin-top: 0;
14
14
  position: sticky;
15
15
  top: 0;
@@ -22,7 +22,6 @@
22
22
  padding-bottom: 2.5rem;
23
23
  text-align: center;
24
24
  max-width: 1000px;
25
- padding-top: 3rem;
26
25
  }
27
26
  ._18ygy9m5 .containment {
28
27
  width: 100%;