@axos-web-dev/shared-components 1.0.100-dev.5 → 1.0.100-dev.50

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, autoResize, 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";
@@ -44,7 +52,7 @@ import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { FdicBanner } from "./FdicCallout/index.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, ul } 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";
@@ -195,11 +205,14 @@ import { VideoWrapper } from "./VideoWrapper/index.js";
 import { Tab } from "./Tab/Tab.js";
 import { TabContainer } from "./Tab/TabContainer.js";
 import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
+import { appendQueryParams } from "./utils/appendQueryParams.js";
+import { createCachedEmailValidator } from "./utils/emailValidation.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
+import { createCachedNMLSValidator } from "./utils/nmlsValidation.js";
+import { useCachedEmailValidator, useCachedNMLSValidator } from "./utils/useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 import { columnValues } from "./utils/variant.types.js";
-import { appendQueryParams } from "./utils/appendQueryParams.js";
 import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
 export {
   default20 as AASLogo,
@@ -235,6 +248,7 @@ export {
   BalanceAPYCalculator,
   Blockquote,
   BreadcumbHeader,
+  Bubble,
   BulletItem,
   Button,
   BuyDownCalculator,
@@ -243,6 +257,8 @@ export {
   Carousel,
   CarouselSlide,
   CategorySelector,
+  ChatWindow,
+  Chatbot,
   default5 as CheckCircle,
   default6 as CheckCircleLight,
   default7 as CheckIcon,
@@ -255,6 +271,7 @@ export {
   default11 as CloseIcon,
   CollectInformationAlert,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
   ComparisonSet,
@@ -326,13 +343,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 +360,7 @@ export {
   RadioButton,
   RadioButtonSet,
   RateWatchForm,
+  default29 as SPBLogo,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -399,7 +417,24 @@ 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,
+  autoResize,
   award_company,
   award_item,
   award_name,
@@ -431,9 +466,14 @@ export {
   bs_image,
   bs_section,
   bs_topic,
+  bs_video,
   bs_wrapper,
+  bubbleWrapper,
   bullet_details,
+  bulletsHeadline,
+  bulletsWrapper,
   button,
+  button_reset,
   buttons,
   calculator,
   calculator_description,
@@ -442,6 +482,26 @@ export {
   center_center,
   center_left,
   center_right,
+  ceoContainer,
+  ceoContent,
+  ceoHeader,
+  ceoImgWrapper,
+  ceoMedia,
+  ceoPersonalInfo,
+  ceoSection,
+  ceoWrapper,
+  ceo_body,
+  ceo_contacts,
+  ceo_name,
+  ceo_quote,
+  ceo_title,
+  chatFinishDialog,
+  chatNetworkStatus,
+  chat_title,
+  chatbotAXB,
+  chatbotMenu,
+  chatbotMenuItem,
+  chatbotUFB,
   checkbox_group,
   columnValues,
   comparison,
@@ -460,6 +520,8 @@ export {
   containerIconBillboard,
   content,
   copy,
+  createCachedEmailValidator,
+  createCachedNMLSValidator,
   description,
   descriptionField,
   details,
@@ -468,6 +530,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,
@@ -493,6 +561,7 @@ export {
   featured_supertag,
   featured_title,
   findMoreAxosDomains,
+  flexColumn,
   footerDisclosure,
   footerLink,
   footerParagraph,
@@ -554,7 +623,9 @@ export {
   highlight_first_row,
   highlight_last_row,
   highlight_th,
+  highlights,
   honeyPotSchema,
+  hover,
   icon,
   iconContainer,
   iconContainerBase,
@@ -567,16 +638,22 @@ export {
   image_background,
   image_based,
   image_inner_wrapper,
+  imgAlignment,
   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 +684,8 @@ export {
   mb_8,
   mb_form,
   media,
+  messageStyle,
+  messagesContainerStyle,
   mh_330,
   modalCheckboxContainer,
   modalMobile,
@@ -617,8 +696,11 @@ export {
   mw24,
   na_cursor,
   nested_grid,
+  notificationStyle,
   ol,
   one_row,
+  order_3,
+  overlay,
   padding,
   padding_in_footer,
   paragraph,
@@ -640,6 +722,7 @@ export {
   rate_container,
   rate_pad,
   rate_table_title,
+  related_insight,
   remove_padding,
   resposiveLabel,
   results_container,
@@ -661,6 +744,7 @@ export {
   selection_section_content,
   selection_section_icon,
   selection_section_icon_img,
+  sendButtonStyle,
   separator,
   set_container,
   set_container_cols,
@@ -675,15 +759,21 @@ export {
   single_container,
   smb_section,
   smb_wrapper,
+  social,
+  spb_container,
+  spb_hover,
   step_num,
   step_title_apply_now,
   steps_wrapper,
+  stroke_color,
   sub_bullets,
   succes_check_mark,
   success_circle,
   success_icon,
   success_wrap,
   supertag,
+  svgFill,
+  svg_color,
   svg_fill,
   svg_icon,
   svg_logo,
@@ -705,6 +795,7 @@ export {
   three_inline,
   title,
   toggle_container,
+  tooltip,
   top_center,
   top_left,
   top_right,
@@ -716,9 +807,14 @@ export {
   transcript_container,
   transcript_content,
   two_inline,
+  ul,
   up_to,
   url_row,
+  useCachedEmailValidator,
+  useCachedNMLSValidator,
   useGlobalContext,
+  useMessages,
+  useOpenChat,
   user_buttons,
   user_card,
   user_container,
@@ -734,6 +830,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);

package/dist/utils/emailValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;

package/dist/utils/emailValidation.js

@@ -0,0 +1,31 @@
+import * as z from "zod";
+function createCachedEmailValidator(validateEmail) {
+  const emailValidationCache = /* @__PURE__ */ new Map();
+  const validatingEmails = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || !z.string().email().safeParse(val).success) {
+      return true;
+    }
+    if (emailValidationCache.has(val)) {
+      return emailValidationCache.get(val) ?? false;
+    }
+    if (validatingEmails.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (emailValidationCache.has(val)) {
+        return emailValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingEmails.add(val);
+    try {
+      const isValid = await validateEmail(val);
+      emailValidationCache.set(val, isValid);
+      return isValid;
+    } finally {
+      validatingEmails.delete(val);
+    }
+  };
+}
+export {
+  createCachedEmailValidator
+};

package/dist/utils/index.d.ts

@@ -1,6 +1,9 @@
 export * from './allowedAxosDomains';
+export * from './appendQueryParams';
+export * from './emailValidation';
 export * from './EverestValidity';
 export * from './getVariant';
+export * from './nmlsValidation';
+export * from './useCachedValidators';
 export * from './validateExternalLinks';
 export * from './variant.types';
-export * from './appendQueryParams';

package/dist/utils/index.js

@@ -1,13 +1,19 @@
+"use client";
 import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
+import { appendQueryParams } from "./appendQueryParams.js";
+import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+import { useCachedEmailValidator, useCachedNMLSValidator } from "./useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
 import { columnValues } from "./variant.types.js";
-import { appendQueryParams } from "./appendQueryParams.js";
 export {
   appendQueryParams,
   associatedEmail,
   columnValues,
+  createCachedEmailValidator,
+  createCachedNMLSValidator,
   findMoreAxosDomains,
   getVariant,
   getVariantWithRegex,
@@ -16,5 +22,7 @@ export {
   isEmailLink,
   isPhoneLink,
   shortUrl,
+  useCachedEmailValidator,
+  useCachedNMLSValidator,
   validateLink
 };

package/dist/utils/nmlsValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/nmlsValidation.js

@@ -0,0 +1,34 @@
+function createCachedNMLSValidator(validateNMLS) {
+  const nmlsValidationCache = /* @__PURE__ */ new Map();
+  const validatingNMLS = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || val.trim().length === 0 || val.trim().length < 4) {
+      return true;
+    }
+    if (nmlsValidationCache.has(val)) {
+      return nmlsValidationCache.get(val) ?? false;
+    }
+    if (validatingNMLS.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (nmlsValidationCache.has(val)) {
+        return nmlsValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingNMLS.add(val);
+    try {
+      const res = await validateNMLS(val);
+      const isValid = Boolean(res?.body?.data?.records?.length > 0);
+      nmlsValidationCache.set(val, isValid);
+      return isValid;
+    } catch (error) {
+      nmlsValidationCache.set(val, false);
+      return false;
+    } finally {
+      validatingNMLS.delete(val);
+    }
+  };
+}
+export {
+  createCachedNMLSValidator
+};

package/dist/utils/useCachedValidators.d.ts

@@ -0,0 +1,2 @@
+export declare function useCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;
+export declare function useCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/useCachedValidators.js

@@ -0,0 +1,22 @@
+"use client";
+import { useRef } from "react";
+import { createCachedEmailValidator } from "./emailValidation.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+function useCachedEmailValidator(validateEmail) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedEmailValidator(validateEmail);
+  }
+  return validatorRef.current;
+}
+function useCachedNMLSValidator(validateNMLS) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedNMLSValidator(validateNMLS);
+  }
+  return validatorRef.current;
+}
+export {
+  useCachedEmailValidator,
+  useCachedNMLSValidator
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.5",
+  "version": "1.0.100-dev.50",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -35,7 +35,9 @@
     "@react-input/number-format": "^1.1.3",
     "@storybook/icons": "^1.3.0",
     "@storybook/preview-api": "^8.4.7",
+    "@ts-stack/markdown": "^1.5.0",
     "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^3.41.4",
     "@vanilla-extract/css": "^1.16.1",
     "@vanilla-extract/recipes": "^0.5.1",
     "antd": "^5.22.5",
@@ -48,11 +50,12 @@
     "react-date-picker": "^11.0.0",
     "react-date-range": "^2.0.1",
     "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^9.1.0",
     "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
     "react-use": "^17.6.0",
     "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
     "rsuite": "^5.75.0",
     "slick-carousel": "^1.8.1",
     "typed-css-modules": "^0.9.1",