@axos-web-dev/shared-components 1.0.100-dev.76 → 1.0.100-dev.77

package/README.md

@@ -1,111 +1,111 @@
-# Installation
-
-Using npm:
-
-```shell
-$ npm install @axos-web-dev/shared-components
-```
-
-To import components
-In Node.js:
-
-```js
-// Import Components
-import {
-  AlertBanner,
-  CallToActionBar,
-  DownloadTile,
-  ImageBillboard,
-  SecondaryFooter,
-} from "@axos-web-dev/shared-components";
-
-// Import Types/Interfaces
-
-import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-```
-
-In css files:
-
-```css
-/*** Import styles ***/
-
-@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-```
-
-# Shared components
-
-This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
-
-## How to add new component
-
-For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
-
-Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
-
-```shell
-git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
-
-cd shared-components
-
-npm install
-
-# for using storybook
-npm run storybook
-
-# for build
-npm run build
-
-# for testing in other projects
-npm run build
-
-npm link
-
-```
-
-For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
-
-```
-Given a version number MAJOR.MINOR.PATCH, increment the:
-
-    MAJOR version when you make incompatible API changes
-    MINOR version when you add functionality in a backward compatible manner
-    PATCH version when you make backward compatible bug fixes
-
-Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
-```
-
-we can update the version with the following commands:
-
-```shell
-# bumps the patch number like 0.0.0 -> 0.0.1
-npm version patch
-
-# bumps the patch number like 0.0.0 -> 0.1.0
-npm version minor
-
-# bumps the patch number like 0.0.0 -> 1.0.0
-npm version major
-
-
-
-```
-
-## How to publish new library version to npm
-
-First update the version as previously described
-
-```shell
-npm version [...]
-```
-
-Then you will need to login into npm to do that write:
-
-```shell
-npm login --scope=@my-org
-```
-
-Last you to publish the new version:
-
-```shell
-npm publish
-```
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
+# Shared components
+
+This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
+
+## How to add new component
+
+For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
+
+Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
+
+```shell
+git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
+
+cd shared-components
+
+npm install
+
+# for using storybook
+npm run storybook
+
+# for build
+npm run build
+
+# for testing in other projects
+npm run build
+
+npm link
+
+```
+
+For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
+
+```
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+    MAJOR version when you make incompatible API changes
+    MINOR version when you add functionality in a backward compatible manner
+    PATCH version when you make backward compatible bug fixes
+
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+```
+
+we can update the version with the following commands:
+
+```shell
+# bumps the patch number like 0.0.0 -> 0.0.1
+npm version patch
+
+# bumps the patch number like 0.0.0 -> 0.1.0
+npm version minor
+
+# bumps the patch number like 0.0.0 -> 1.0.0
+npm version major
+
+
+
+```
+
+## How to publish new library version to npm
+
+First update the version as previously described
+
+```shell
+npm version [...]
+```
+
+Then you will need to login into npm to do that write:
+
+```shell
+npm login --scope=@my-org
+```
+
+Last you to publish the new version:
+
+```shell
+npm publish
+```

package/dist/Accordion/Accordion.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useState, useContext } from "react";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
+import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/AlertBanner/index.js

@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
-import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
+import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,
   message,

package/dist/Article/Article.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
-import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
+import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta, ant_article } from "./Article.css.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1clr6_1";
-const container = "_container_1clr6_5";
-const image = "_image_1clr6_14";
-const text = "_text_1clr6_23";
-const name = "_name_1clr6_29";
-const title = "_title_1clr6_37";
-const description = "_description_1clr6_44";
+import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_q4a8z_1";
+const container = "_container_q4a8z_9";
+const image = "_image_q4a8z_27";
+const text = "_text_q4a8z_45";
+const name = "_name_q4a8z_57";
+const title = "_title_q4a8z_73";
+const description = "_description_q4a8z_87";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_ovx4r_1";
-const author = "_author_ovx4r_7";
-const quote = "_quote_ovx4r_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_lqs2u_1";
+const author = "_author_lqs2u_13";
+const quote = "_quote_lqs2u_1";
 const css = {
   quote_spacer,
   author,

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -8,7 +8,7 @@ import { getVariant } from "../../utils/getVariant.js";
 import { useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { calculator } from "../calculator.css.js";
-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";
+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";
 const AnnualFeeCalculator = ({
   marketingTiles,
   variant: fullVariant = "primary"

package/dist/Calculators/ApyCalculator/index.js

@@ -7,7 +7,7 @@ import "react-use";
 import { Chevron } from "../../Chevron/index.js";
 import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";
-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";
+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";
 const ApyCalculator = ({
   header,
   body,

package/dist/Calculators/BuyDownCalculator/index.js

@@ -23,7 +23,7 @@ import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-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";
+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";
 const BuyDownCalculator = ({
   header,
   body,

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
 import { button } from "../../Button/Button.css.js";
 import { useEffect } from "react";
 import "react-use";
-import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
+import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -8,7 +8,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-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";
+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";
 const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -8,7 +8,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
   header,

package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js

@@ -5,7 +5,7 @@ import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-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";
+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";
 const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
   const theme = getVariant(variant);
   const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");

package/dist/Carousel/index.js

@@ -133,7 +133,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
+import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/ContentBanner/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
+import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -4,7 +4,7 @@ import { useRef, useState, useEffect, createElement } from "react";
 import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { Overlay } from "./Overlay.js";
-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";
+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";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
+import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
 const ExecutiveBioSet = ({
   id,
   title,

package/dist/FaqAccordion/index.js

@@ -135,7 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
+import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,5 +1,5 @@
-import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_1f6md_1";
-const inner_container = "_inner_container_1f6md_6";
+import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_eqzgp_1";
+const inner_container = "_inner_container_eqzgp_11";
 const css = {
   fdic_callout,
   inner_container

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
+import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/Forms/ConstructionLendingDynamic.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
+import { useEffect } from "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -39,6 +39,15 @@ import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const HOMEOWNER_VALUE = "I am a homeowner.";
 const BROKER_VALUE = "I am a broker.";
+const USER_TYPE_PARAM = "user_type";
+function getInitialUserTypeFromQuery() {
+  if (typeof window === "undefined") return "";
+  const params = new URLSearchParams(window.location.search);
+  const value = params.get(USER_TYPE_PARAM)?.toLowerCase();
+  if (value === "homeowner") return HOMEOWNER_VALUE;
+  if (value === "broker") return BROKER_VALUE;
+  return "";
+}
 const ConstructionLendingDynamic = ({
   icon = false,
   children,
@@ -129,8 +138,25 @@ const ConstructionLendingDynamic = ({
     handleSubmit,
     register,
     watch,
+    setValue,
     formState: { errors, isValid, isSubmitting }
   } = methods;
+  useEffect(() => {
+    const initialUserType = getInitialUserTypeFromQuery();
+    if (initialUserType) {
+      setValue("User_Type__c", initialUserType, { shouldValidate: true });
+    }
+  }, [setValue]);
+  useEffect(() => {
+    const syncUserTypeFromUrl = () => {
+      const userType2 = getInitialUserTypeFromQuery();
+      if (userType2) {
+        setValue("User_Type__c", userType2, { shouldValidate: true });
+      }
+    };
+    window.addEventListener("popstate", syncUserTypeFromUrl);
+    return () => window.removeEventListener("popstate", syncUserTypeFromUrl);
+  }, [setValue]);
   const userType = watch("User_Type__c");
   const isBroker = userType === BROKER_VALUE;
   const isExpanded = userType === HOMEOWNER_VALUE || userType === BROKER_VALUE;

package/dist/Forms/FormEnums.js

@@ -48,9 +48,7 @@ const PurposeOfLoan = ["Bridge", "Construction"];
 const Purposes = [
   { value: "Purchase", text: "Purchase" },
   { value: "RefiCashout", text: "Refi Cashout" },
-  { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." },
-  { value: "ConstructiontoPerm", text: "Construction to Perm" },
-  { value: "InvestorConstruction", text: "Investor Construction" }
+  { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." }
 ];
 const RepresentativesFico = [
   { value: "780", text: "780+" },

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -47,7 +47,7 @@ import "../../Input/RadioButton.js";
 import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";

package/dist/HeroBanner/HeroBanner.js

@@ -16,8 +16,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import { getVariant } from "../utils/getVariant.js";
 import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
-import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
+import { logout, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, hero_banner, reversed_lg_image } from "./HeroBanner.css.js";
+import { lg_hero_content, lg_hero_eyebrow, lg_headline_text, lg_hero_text, lg_hero_img, lg_hero_sizing, lg_hero_banner } from "./LargeBanner.css.js";
 import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,

package/dist/Hyperlink/index.js

@@ -17,7 +17,7 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import { validateLink } from "../utils/validateExternalLinks.js";
+import { isPhoneLink, isEmailLink, validateLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -144,6 +144,7 @@ const Hyperlink = ({
 }) => {
   const hyperlink_variant = variant.toLowerCase();
   const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
+  const isTelOrMailto = targetUrl && (isPhoneLink(targetUrl) || isEmailLink(targetUrl));
   const onClick = (e) => {
     if (targetUrl) {
       const external_link = validateLink(targetUrl);
@@ -167,7 +168,7 @@ const Hyperlink = ({
       ),
       onClick,
       "aria-label": ariaLabel,
-      target: newTab ? "_blank" : "_self",
+      target: newTab && !isTelOrMailto ? "_blank" : "_self",
       ...noFollow && { rel: "nofollow" },
       children
     }

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,

package/dist/Input/Checkbox.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { checkboxContainer, checkbox } from "./Checkbox.css.js";
-import { wrapper, container, labelClassName, input, helperText } from "./Input.css.js";
+import { checkbox, checkboxContainer } from "./Checkbox.css.js";
+import { input, labelClassName, container, helperText, wrapper } from "./Input.css.js";
 const Checkbox = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/DownPaymentInput.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useState, useEffect } from "react";
-import { wrapper, labelClassName, container, input, helperText } from "./Input.css.js";
+import { labelClassName, input, container, helperText, wrapper } from "./Input.css.js";
 import { dp_input } from "./Dropdown.css.js";
 const DownPaymentInput = forwardRef(
   ({

package/dist/Input/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { selectInput } from "./Dropdown.css.js";
-import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
 const Dropdown = forwardRef(
   (props, ref) => {
     const {

package/dist/Input/Input.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
 const Input = forwardRef((props, ref) => {
   const {
     disabled,