@axos-web-dev/shared-components 1.0.100-dev.4 → 1.0.100-dev.40

package/dist/main.js

@@ -3,7 +3,7 @@ import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Ac
 import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion/Accordion.css.js";
 import { AlertBanner } from "./AlertBanner/index.js";
 import { Article } from "./Article/Article.js";
-import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
+import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img, related_insight } from "./Article/Article.css.js";
 import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
 import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
 import { ATMLocator } from "./ATMLocator/ATMLocator.js";
@@ -37,6 +37,14 @@ import { MonthlyPaymentLVFCalculator } from "./Calculators/MonthlyPaymentLVFCalc
 import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
+import { Bubble } from "./Chatbot/Bubble.js";
+import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
+import { Chatbot } from "./Chatbot/Chatbot.js";
+import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
+import { ChatWindow } from "./Chatbot/ChatWindow.js";
+import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { useOpenChat } from "./Chatbot/store/chat.js";
+import { useMessages } from "./Chatbot/store/messages.js";
 import { Chevron } from "./Chevron/index.js";
 import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
 import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
@@ -59,6 +67,7 @@ import { ApplyNow } from "./Forms/ApplyNow.js";
 import { getLink } from "./Forms/applynow-utils.js";
 import { ClearingForm } from "./Forms/ClearingForm.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
+import { CommercialDepositsNoLendingOption } from "./Forms/CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
 import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
 import { ContactCompany } from "./Forms/ContactCompany.js";
@@ -74,7 +83,7 @@ import { CraPublicFile } from "./Forms/CraPublicFile.js";
 import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
-import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
+import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, email_only_btn, email_only_h2, email_only_padding, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
 import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./Forms/HoneyPot/index.js";
 import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
@@ -129,6 +138,7 @@ import { default as default25 } from "./icons/Logos/AXOS.js";
 import { default as default26 } from "./icons/Logos/GBLVF.js";
 import { default as default27 } from "./icons/Logos/LVF.js";
 import { default as default28 } from "./icons/Logos/LVFText.js";
+import { default as default29 } from "./icons/Logos/SPB.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
 import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, bottom_center, bottom_left, bottom_right, center_center, center_left, center_right, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, image_based, image_inner_wrapper, is_bg_img, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, remove_padding, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, top_center, top_left, top_right, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
@@ -141,7 +151,7 @@ import { CurrencyInput } from "./Input/CurrencyInput.js";
 import { Dropdown } from "./Input/Dropdown.js";
 import { dp_input, selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
-import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
+import { container, email_only_input, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
 import { InputAmount } from "./Input/InputAmount.js";
 import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
@@ -151,20 +161,20 @@ import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelect
 import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
 import { BreadcumbHeader } from "./Insight/Featured/Header.js";
-import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight/Insight.css.js";
+import { article_aside, article_blockquote, article_main_content, article_navigation_link, article_navigation_list, article_navigation_title, article_preview_img, article_preview_wrapper, article_share, article_share_buttons, article_share_icon, article_share_link, article_share_p, article_share_svg, article_spacer, elementSpacer_block, footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info__divider, insight_info_row, insight_intro_p, insight_list_item, insight_p } from "./Insight/Insight.css.js";
 import { Interstitial } from "./Interstitial/Interstitial.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
-import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
+import { lp_container, lp_hover, lp_theme, spb_container, spb_hover, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
 import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
-import { default as default29 } from "./NavigationMenu/AxosAdvisor/index.js";
-import { default as default30 } from "./NavigationMenu/AxosAdvisorServices/index.js";
-import { default as default31 } from "./NavigationMenu/AxosBank/index.js";
-import { default as default32 } from "./NavigationMenu/AxosClearing/index.js";
-import { default as default33 } from "./NavigationMenu/AxosFiduciary/index.js";
-import { default as default34 } from "./NavigationMenu/AxosALTS/index.js";
-import { default as default35 } from "./NavigationMenu/LaVictoire/index.js";
+import { default as default30 } from "./NavigationMenu/AxosAdvisor/index.js";
+import { default as default31 } from "./NavigationMenu/AxosAdvisorServices/index.js";
+import { default as default32 } from "./NavigationMenu/AxosBank/index.js";
+import { default as default33 } from "./NavigationMenu/AxosClearing/index.js";
+import { default as default34 } from "./NavigationMenu/AxosFiduciary/index.js";
+import { default as default35 } from "./NavigationMenu/AxosALTS/index.js";
+import { default as default36 } from "./NavigationMenu/LaVictoire/index.js";
 import { pn_btn, pn_link } from "./PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "./PageNavItem/PageNavItem.js";
 import { PageNavSet } from "./PageNavSet/PageNavSet.js";
@@ -174,7 +184,7 @@ import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
 import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
 import { StepItemSet } from "./StepItemSet/StepItemSet.js";
-import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -235,6 +245,7 @@ export {
   BalanceAPYCalculator,
   Blockquote,
   BreadcumbHeader,
+  Bubble,
   BulletItem,
   Button,
   BuyDownCalculator,
@@ -243,6 +254,8 @@ export {
   Carousel,
   CarouselSlide,
   CategorySelector,
+  ChatWindow,
+  Chatbot,
   default5 as CheckCircle,
   default6 as CheckCircleLight,
   default7 as CheckIcon,
@@ -255,6 +268,7 @@ export {
   default11 as CloseIcon,
   CollectInformationAlert,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
   ComparisonSet,
@@ -326,13 +340,13 @@ export {
   MortgageRate,
   MortgageRateFilters,
   MortgageWarehouseLending,
-  default30 as NavBarAAS,
-  default33 as NavBarAFS,
-  default34 as NavBarALT,
-  default29 as NavBarAXA,
-  default31 as NavBarAXB,
-  default32 as NavBarAXC,
-  default35 as NavBarLVF,
+  default31 as NavBarAAS,
+  default34 as NavBarAFS,
+  default35 as NavBarALT,
+  default30 as NavBarAXA,
+  default32 as NavBarAXB,
+  default33 as NavBarAXC,
+  default36 as NavBarLVF,
   PageNavItem,
   PageNavSet,
   Pagination,
@@ -343,6 +357,7 @@ export {
   RadioButton,
   RadioButtonSet,
   RateWatchForm,
+  default29 as SPBLogo,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -399,6 +414,22 @@ export {
   apply_now_form,
   apy_billboard,
   apy_table,
+  arrowFill,
+  article_aside,
+  article_blockquote,
+  article_main_content,
+  article_navigation_link,
+  article_navigation_list,
+  article_navigation_title,
+  article_preview_img,
+  article_preview_wrapper,
+  article_share,
+  article_share_buttons,
+  article_share_icon,
+  article_share_link,
+  article_share_p,
+  article_share_svg,
+  article_spacer,
   associatedEmail,
   award_company,
   award_item,
@@ -431,9 +462,12 @@ export {
   bs_image,
   bs_section,
   bs_topic,
+  bs_video,
   bs_wrapper,
+  bubbleWrapper,
   bullet_details,
   button,
+  button_reset,
   buttons,
   calculator,
   calculator_description,
@@ -442,6 +476,13 @@ export {
   center_center,
   center_left,
   center_right,
+  chatFinishDialog,
+  chatNetworkStatus,
+  chat_title,
+  chatbotAXB,
+  chatbotMenu,
+  chatbotMenuItem,
+  chatbotUFB,
   checkbox_group,
   columnValues,
   comparison,
@@ -468,6 +509,12 @@ export {
   dp_input,
   dropdown,
   dynPH,
+  elementSpacer_block,
+  email_only_btn,
+  email_only_h2,
+  email_only_input,
+  email_only_padding,
+  endChatButtonStyle,
   error_alert,
   error_alert_content,
   error_close_button,
@@ -569,14 +616,19 @@ export {
   image_inner_wrapper,
   img_area,
   img_contents,
+  inline_button,
+  inline_button_wrapper,
   inline_container,
   input,
+  inputStyle,
   insight_header,
   insight_header_2,
   insight_header_3,
   insight_header_4,
   insight_headline_2,
+  insight_info__divider,
   insight_info_row,
+  insight_intro_p,
   insight_list_item,
   insight_p,
   isAbsoluteUrl,
@@ -607,6 +659,8 @@ export {
   mb_8,
   mb_form,
   media,
+  messageStyle,
+  messagesContainerStyle,
   mh_330,
   modalCheckboxContainer,
   modalMobile,
@@ -617,6 +671,7 @@ export {
   mw24,
   na_cursor,
   nested_grid,
+  notificationStyle,
   ol,
   one_row,
   padding,
@@ -640,6 +695,7 @@ export {
   rate_container,
   rate_pad,
   rate_table_title,
+  related_insight,
   remove_padding,
   resposiveLabel,
   results_container,
@@ -661,6 +717,7 @@ export {
   selection_section_content,
   selection_section_icon,
   selection_section_icon_img,
+  sendButtonStyle,
   separator,
   set_container,
   set_container_cols,
@@ -675,6 +732,8 @@ export {
   single_container,
   smb_section,
   smb_wrapper,
+  spb_container,
+  spb_hover,
   step_num,
   step_title_apply_now,
   steps_wrapper,
@@ -684,6 +743,7 @@ export {
   success_icon,
   success_wrap,
   supertag,
+  svgFill,
   svg_fill,
   svg_icon,
   svg_logo,
@@ -719,6 +779,8 @@ export {
   up_to,
   url_row,
   useGlobalContext,
+  useMessages,
+  useOpenChat,
   user_buttons,
   user_card,
   user_container,
@@ -734,6 +796,9 @@ export {
   video_title,
   vidyard_height,
   w_100,
+  windowBarStyle,
+  windowOpenStyle,
+  windowStyle,
   wrapper,
   x_input,
   xc_input

package/dist/themes/axos.css.d.ts

@@ -2,39 +2,39 @@ export declare const axosTheme: string, vars: {
     colors: {
         primary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         secondary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         tertiary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         quaternary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
     };
     error: `var(--${string})`;

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {
   axosTheme,
   vars

package/dist/utils/allowedAxosDomains.js

@@ -42,7 +42,8 @@ const moreDomains = {
   "{PERSONALLOANS}": process.env.PERSONAL_LOANS_URL || "https://personalloans.axosbank.com",
   "{MODELSELECTION}": process.env.MODEL_SELECTION_URL || "https://modelselection.axos.com",
   "{COMMERCIALPORTAL_LOGIN}": `${process.env.COMMERCIALPORTAL_URL}/login` || "https://portals.axosbank.com/login",
-  "{COMMERCIALPORTAL_REGISTER}": process.env.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register"
+  "{COMMERCIALPORTAL_REGISTER}": process.env.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register",
+  "{SHAREAXB}": process.env.SHAREAXB_URL || "https://share.axosbank.com"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);