@axos-web-dev/shared-components 1.0.77-patch.62 → 1.0.77-patch.63

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 (53) hide show
  1. package/dist/Accordion/Accordion.js +3 -3
  2. package/dist/AlertBanner/index.js +1 -1
  3. package/dist/Article/Article.js +1 -1
  4. package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
  5. package/dist/Calculators/ApyCalculator/index.js +1 -1
  6. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  7. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  8. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
  9. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  11. package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
  12. package/dist/Carousel/index.js +1 -1
  13. package/dist/ContentBanner/index.js +1 -1
  14. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  15. package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
  16. package/dist/FaqAccordion/index.js +1 -1
  17. package/dist/FooterDisclosure/FooterDisclosure.js +1 -1
  18. package/dist/Forms/BoatMooringLocation.d.ts +25 -0
  19. package/dist/Forms/BoatMooringLocation.js +481 -0
  20. package/dist/Forms/ConstructionLendingDynamic.d.ts +12 -0
  21. package/dist/Forms/ConstructionLendingDynamic.js +327 -0
  22. package/dist/Forms/EmailUs.js +1 -1
  23. package/dist/Forms/Forms.css.d.ts +3 -0
  24. package/dist/Forms/Forms.css.js +39 -39
  25. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  26. package/dist/Forms/index.d.ts +2 -0
  27. package/dist/Forms/index.js +4 -0
  28. package/dist/HeroBanner/HeroBanner.js +2 -2
  29. package/dist/Hyperlink/index.js +3 -2
  30. package/dist/IconBillboard/IconBillboardSet.js +1 -1
  31. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  32. package/dist/Input/Checkbox.js +2 -2
  33. package/dist/Input/DownPaymentInput.js +1 -1
  34. package/dist/Input/Dropdown.js +1 -1
  35. package/dist/Input/Input.js +1 -1
  36. package/dist/Input/InputTextArea.js +1 -1
  37. package/dist/Insight/Featured/Featured.js +2 -2
  38. package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
  39. package/dist/Modal/contextApi/store.js +1 -1
  40. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +2 -0
  41. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +6 -0
  42. package/dist/NavigationMenu/AxosBank/SubNavBar.js +18 -0
  43. package/dist/PageNavItem/PageNavItem.js +1 -1
  44. package/dist/SetContainer/SetContainer.js +1 -1
  45. package/dist/StepItem/StepItem.js +1 -1
  46. package/dist/StepItemSet/StepItemSet.js +1 -1
  47. package/dist/Table/Table.js +1 -1
  48. package/dist/Topic/Topic.js +1 -1
  49. package/dist/assets/Forms/Forms.css +94 -91
  50. package/dist/main.js +4 -0
  51. package/dist/utils/appendQueryParams.js +36 -5
  52. package/dist/utils/validateExternalLinks.js +2 -4
  53. package/package.json +135 -135
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import clsx from "clsx";
4
- import React, { createContext, useState, useContext } from "react";
4
+ import React, { createContext, useContext, useState } from "react";
5
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
7
  import SvgChevronDown from "../icons/ChevronDown.js";
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
- import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
15
+ import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
16
16
  const AccordionCtx = createContext({
17
17
  isOpen: false,
18
18
  onclick: () => {
@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
10
10
  /* empty css */
11
11
  import SvgLockIcon from "../icons/LockIcon/index.js";
12
12
  import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
13
- import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
13
+ import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
14
14
  const AlertBanner = ({
15
15
  alertType,
16
16
  message,
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
3
  import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
4
- import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta, ant_article } from "./Article.css.js";
4
+ import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
5
5
  import { Button } from "../Button/Button.js";
6
6
  import "../Button/Button.css.js";
7
7
  import "react";
@@ -8,7 +8,7 @@ import { getVariant } from "../../utils/getVariant.js";
8
8
  import { useRef, useState, useEffect } from "react";
9
9
  import clsx from "clsx";
10
10
  import { calculator } from "../calculator.css.js";
11
- import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block, container } from "./AnnualFeeCalculator.css.js";
11
+ import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
12
12
  const AnnualFeeCalculator = ({
13
13
  marketingTiles,
14
14
  variant: fullVariant = "primary"
@@ -7,7 +7,7 @@ import "react-use";
7
7
  import { Chevron } from "../../Chevron/index.js";
8
8
  import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
9
9
  import { getVariant } from "../../utils/getVariant.js";
10
- import { apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent, container } from "./ApyCalculator.css.js";
10
+ import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
11
11
  const ApyCalculator = ({
12
12
  header,
13
13
  body,
@@ -23,7 +23,7 @@ import { z } from "zod";
23
23
  import { getVariant } from "../../utils/getVariant.js";
24
24
  import clsx from "clsx";
25
25
  import { useForm, FormProvider } from "react-hook-form";
26
- import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure, calc_container } from "./BuyDownCalculator.css.js";
26
+ import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
27
27
  const BuyDownCalculator = ({
28
28
  header,
29
29
  body,
@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
4
4
  import { button } from "../../Button/Button.css.js";
5
5
  import { useEffect } from "react";
6
6
  import "react-use";
7
- import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
7
+ import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
8
8
  import { Chevron } from "../../Chevron/index.js";
9
9
  import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
10
10
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -8,7 +8,7 @@ import { useState } from "react";
8
8
  import clsx from "clsx";
9
9
  import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
10
10
  import { calculator } from "../calculator.css.js";
11
- import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
11
+ import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
12
12
  const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
13
13
  const fullVariant = getVariant(variant);
14
14
  const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { button } from "../../Button/Button.css.js";
4
- import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
4
+ import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
5
5
  import { title } from "../../IconBillboard/IconBillboard.css.js";
6
6
  import "../../utils/allowedAxosDomains.js";
7
7
  import { getVariant } from "../../utils/getVariant.js";
@@ -8,7 +8,7 @@ import { useState } from "react";
8
8
  import clsx from "clsx";
9
9
  import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
10
10
  import { calculator } from "../calculator.css.js";
11
- import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
11
+ import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
12
12
  const MonthlyPaymentCalculator = ({
13
13
  variant,
14
14
  header,
@@ -5,7 +5,7 @@ import "../../utils/allowedAxosDomains.js";
5
5
  import { getVariant } from "../../utils/getVariant.js";
6
6
  import { useState } from "react";
7
7
  import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
8
- import { calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax, bg_vars } from "./MonthlyPaymentCalculator.css.js";
8
+ import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
9
9
  const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
10
10
  const theme = getVariant(variant);
11
11
  const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");
@@ -133,7 +133,7 @@ import "../StepItemSet/StepItemSet.css.js";
133
133
  /* empty css */
134
134
  /* empty css */
135
135
  /* empty css */
136
- import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
136
+ import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
137
137
  import { useCarousel } from "./store.js";
138
138
  const iconVarints = /* @__PURE__ */ new Map([
139
139
  [
@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
7
7
  import { Button } from "../Button/Button.js";
8
8
  import "../Button/Button.css.js";
9
9
  import "react-use";
10
- import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
10
+ import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
11
11
  const ContentBanner = ({
12
12
  variant,
13
13
  icon,
@@ -4,7 +4,7 @@ import { useRef, useState, useEffect, createElement } from "react";
4
4
  import { getVariant } from "../utils/getVariant.js";
5
5
  import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
6
6
  import { Overlay } from "./Overlay.js";
7
- import { executive_bio, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay, ceoSection } from "./ExecutiveBio.css.js";
7
+ import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
8
8
  import "../Accordion/Accordion.js";
9
9
  import "../Accordion/Accordion.css.js";
10
10
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
3
  import { ExecutiveBio } from "./ExecutiveBio.js";
4
- import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
4
+ import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
5
5
  const ExecutiveBioSet = ({
6
6
  id,
7
7
  title,
@@ -135,7 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
135
135
  /* empty css */
136
136
  import { getLevelNumber } from "../utils/faqAccordionOptions.js";
137
137
  import { create } from "zustand";
138
- import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
138
+ import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
139
139
  const useAccordion = create()((set) => ({
140
140
  itemsOpened: [],
141
141
  addItem: (id) => {
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
- import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
3
+ import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
4
4
  const FooterContent = (props) => {
5
5
  return /* @__PURE__ */ jsx(
6
6
  "div",
@@ -0,0 +1,25 @@
1
+ import { FormProps } from './FormProps';
2
+
3
+ export type BoatMooringLocationInputs = {
4
+ email: string;
5
+ firstName: string;
6
+ lastName: string;
7
+ boatName: string;
8
+ marinaAddress: string;
9
+ marinaAddress2: string;
10
+ city: string;
11
+ state: string;
12
+ zip: string;
13
+ country: string;
14
+ seasonallyMove: "Yes" | "No";
15
+ charter: "Yes" | "No";
16
+ extraMarinaAddress: string;
17
+ extraMarinaAddress2: string;
18
+ extraCity: string;
19
+ extraState: string;
20
+ extraZip: string;
21
+ extraCountry: string;
22
+ charterType: "Limited Charter" | "Full-time Charter";
23
+ charterCompany: string;
24
+ };
25
+ export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;