@axos-web-dev/shared-components 2.0.0-dev.6 → 2.0.0-dev.7

package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css

@@ -0,0 +1,429 @@
+._header_1q2xq_1 {
+  border-bottom: 1px solid #ebebeb;
+}
+
+._wrapper_1q2xq_5 {
+  width: calc(100% - 80px);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+._header_main_row_1q2xq_11,
+._mobile_header_1q2xq_12 {
+  min-height: 80px;
+}
+
+._primary_links_1q2xq_16 {
+  margin-left: 30px;
+}
+
+._main_nav_link_1q2xq_20 {
+  padding: 10px 8px;
+  text-align: center;
+}
+
+._main_nav_link_1q2xq_20 .active {
+  border-color: #dd7b50;
+  font-weight: 700;
+  transition: border-color 0.5s ease;
+}
+
+._main_nav_link_1q2xq_20 > a {
+  border-bottom: 4px solid transparent;
+  color: #1c3d57;
+  display: inline-block;
+  font-size: 16px;
+  padding: 4px 26px;
+}
+
+._sub_nav_1q2xq_39 {
+  background-color: #1c3d57;
+}
+
+._sub_nav_link_1q2xq_43 a,
+._main_nav_link_1q2xq_20 a,
+._signin_wrap_1q2xq_45 a,
+._signin_btn_1q2xq_46 {
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+
+._sub_nav_link_1q2xq_43:hover,
+._main_nav_link_1q2xq_20 a:hover,
+._signin_wrap_1q2xq_45 a:hover {
+  opacity: 0.8;
+}
+
+._signin_wrap_1q2xq_45 .link {
+  text-decoration: none;
+  padding: 8px;
+}
+
+._signin_btn_1q2xq_46 {
+  background: #60aecb;
+  border-color: transparent;
+  border-radius: 8px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: 1px;
+  line-height: 1.44;
+  margin-left: 8px;
+  padding: 11px 24px;
+}
+
+._signin_btn_1q2xq_46:hover {
+  background-color: transparent;
+  border-color: #1c3d57;
+  color: #1c3d57;
+  opacity: 0.9;
+}
+._signin_btn_1q2xq_46:active {
+  background-color: #60aecb;
+  border-color: transparent;
+  color: #fff;
+}
+
+._signin_btn_1q2xq_46 > span {
+  margin-right: 8px;
+}
+
+._header_sub_row_1q2xq_93 {
+  min-height: 48px;
+  position: relative;
+}
+
+._sub_nav_link_1q2xq_43 {
+  padding-inline: 1rem;
+  text-align: center;
+  color: #fff;
+}
+
+._sub_nav_link_1q2xq_43 a {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  line-height: 1.5;
+  padding: 12px 9.5px;
+}
+
+._sub_nav_link_1q2xq_43 a:hover {
+  background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
+}
+
+._signin_dropdown_1q2xq_116 {
+  min-width: 288px;
+  padding: 1.5rem 1rem;
+  position: absolute;
+  right: 0;
+  top: 100%;
+  z-index: 1204;
+  display: none;
+}
+
+._shadow_1q2xq_126 {
+  box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
+  border: 0.5px solid rgb(255 255 255 / 14%);
+  border-top: none;
+}
+
+._signin_dropdown_1q2xq_116 li[role="heading"] {
+  margin-top: 1px;
+}
+
+._signin_subheader_1q2xq_136 {
+  color: #2f5b88;
+  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
+}
+
+._signin_subheader_1q2xq_136 a {
+  line-height: 1.5;
+}
+
+@keyframes _fadeInDown_1q2xq_1 {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -1%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+._opacity_1q2xq_157 {
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+  animation-name: _fadeInDown_1q2xq_1;
+}
+
+._open_1q2xq_163 {
+  opacity: 0.8;
+}
+
+._open_1q2xq_163 > svg {
+  transform: scaleY(-1);
+}
+
+._open_1q2xq_163 + ._signin_dropdown_1q2xq_116 {
+  display: block;
+}
+
+._reversed_row_1q2xq_175 {
+  flex-direction: row-reverse;
+}
+
+._sub_nav_link_1q2xq_43:hover,
+._signin_wrap_1q2xq_45 a:hover,
+._main_nav_link_1q2xq_20 a:not(.active):hover {
+  text-decoration: underline;
+}
+
+._hamburger_1q2xq_185 {
+  background: transparent;
+  border: none;
+  font-size: 0px;
+  line-height: 1;
+  outline: none;
+}
+
+._hamburger_1q2xq_185:hover,
+._mobile_header_1q2xq_12 button:hover {
+  cursor: pointer;
+  opacity: 0.8;
+}
+
+._signin_wrap_1q2xq_45 > ._mobile_only_1q2xq_199 > a {
+  color: #4a5560;
+  padding: 0;
+  line-height: 1;
+}
+
+._mobile_logo_1q2xq_205 {
+  flex: 1 1 0%;
+  text-align: center;
+}
+
+._highlight_1q2xq_210 > a {
+  border-bottom: none;
+  font-weight: 700;
+  line-height: 1.44;
+  color: #28587d !important;
+}
+
+._mobile_header_1q2xq_12 {
+  display: grid;
+  padding-bottom: 1rem;
+  place-items: center;
+}
+
+._mobile_header_1q2xq_12 button {
+  background: none;
+  border: none;
+  position: absolute;
+  right: 40px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+._mobile_nav_1q2xq_232 {
+  background-color: #60aecb;
+  left: -100%;
+  min-height: 100vh;
+  position: fixed;
+  top: 0;
+  transition: all 0.4s ease-in-out;
+  width: 100%;
+  z-index: 1205;
+}
+
+._mobile_opened_1q2xq_243 {
+  left: 0%;
+}
+
+body:has(._mobile_opened_1q2xq_243) {
+  overflow-y: hidden;
+}
+
+._mobile_nav_item_1q2xq_251 > a {
+  color: #fff;
+  display: flex;
+  font-weight: 700;
+  line-height: 1.5;
+  padding: 16px 40px;
+  text-decoration: none;
+  width: 100%;
+  letter-spacing: 1px;
+}
+
+._mobile_nav_item_1q2xq_251._has_dropdown_1q2xq_262 {
+  isolation: isolate;
+  position: relative;
+}
+
+._icon_wrap_1q2xq_267 {
+  line-height: 1;
+  margin-left: 10px;
+}
+
+._mobile_footer_1q2xq_272 {
+  position: relative;
+  width: 100%;
+}
+
+._mobile_footer_content_1q2xq_277 {
+  flex: 1 1 0%;
+  padding: 16px 24px 16px 40px;
+}
+
+._footer_cta_1q2xq_282 a {
+  background-color: #1c3d57;
+  border-radius: 4px;
+  border: 2px solid transparent;
+  color: #fff;
+  display: inline-block;
+  font-weight: 700;
+  padding: 4px 32px;
+  text-align: center;
+  text-decoration: none;
+  width: 100%;
+}
+
+._footer_cta_1q2xq_282 a:hover {
+  background-color: transparent;
+  border-color: #1c3d57;
+  color: #1c3d57;
+  text-decoration: underline;
+}
+
+._footer_cta_1q2xq_282 a:active {
+  background-color: #1c3d57;
+  border-color: transparent;
+  color: #fff;
+}
+
+._inner_wrapper_1q2xq_308 {
+  max-height: 100vh;
+  overflow-y: scroll;
+}
+
+._btn_1q2xq_313 {
+  display: block;
+  position: relative;
+}
+
+._sub_menu_1q2xq_318 {
+  background: #1f7a96;
+  max-height: 0;
+  overflow-y: scroll;
+  overflow: hidden;
+  transition: max-height 0.8s ease-out;
+}
+
+._sub_menu_1q2xq_318 a,
+._sub_menu_1q2xq_318 span {
+  color: #fff;
+  display: block;
+  padding: 12px 14px 12px 64px;
+  position: relative;
+  text-decoration: none;
+}
+
+._sub_menu_1q2xq_318 ._main_1q2xq_20 {
+  font-weight: 700;
+}
+
+._skip_btn_1q2xq_339 {
+  clip: rect(1px 1px 1px 1px);
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  z-index: 9999;
+}
+
+._skip_btn_1q2xq_339:active,
+._skip_btn_1q2xq_339:focus {
+  background-color: #dd7b50;
+  border-radius: 8px;
+  clip: auto;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  margin: 0;
+  overflow: visible;
+  padding: 9px 24px;
+  position: relative;
+  text-decoration: none;
+  top: 12px;
+}
+
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._wrapper_1q2xq_5 {
+    width: calc(100% - 28px);
+  }
+  ._main_nav_link_1q2xq_20 > a {
+    padding: 4px 6px;
+    font-size: 15px;
+  }
+  ._desktop_only_1q2xq_372 > a {
+    font-size: 15px;
+  }
+  ._logo_wrap_1q2xq_375 {
+    max-width: 185px;
+  }
+}
+
+@media (max-width: 1023px) {
+  ._desktop_only_1q2xq_372 {
+    display: none !important;
+  }
+  ._mobile_logo_1q2xq_205 {
+    flex: none;
+    left: 50%;
+    max-width: 130px;
+    position: absolute;
+    transform: translateX(-50%);
+  }
+}
+
+@media (max-width: 768px) {
+  ._wrapper_1q2xq_5 {
+    width: calc(100% - 48px);
+  }
+
+  ._mobile_header_1q2xq_12 button {
+    right: 1.5rem;
+  }
+
+  ._mobile_nav_item_1q2xq_251 > a {
+    padding: 16px 24px;
+  }
+
+  ._sub_menu_1q2xq_318 a,
+  ._sub_menu_1q2xq_318 span {
+    padding-left: 48px;
+  }
+
+  ._mobile_footer_content_1q2xq_277 {
+    padding-right: 15px;
+    padding-left: 24px;
+  }
+}
+
+@media (max-width: 450px) {
+  ._footer_cta_1q2xq_282 a {
+    white-space: break-spaces;
+    width: 100%;
+    text-align: center;
+  }
+}
+
+@media (min-width: 1024px) {
+  ._mobile_only_1q2xq_199 {
+    display: none !important;
+  }
+}

package/dist/assets/globals.css

@@ -1,4 +1,4 @@
-@layer container;
+@layer globals;
 * {
   box-sizing: border-box;
   margin: 0;
@@ -91,10 +91,6 @@ span#personalized-refi-table:has(*) {
 .text_center {
   text-align: center;
 }
-.rounded {
-  border-radius: 1rem;
-  overflow: hidden;
-}
 .overflow_hidden {
   overflow: hidden;
 }
@@ -249,10 +245,14 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
-@layer container {
+@layer globals {
   .containment {
     width: min(1200px, calc(100% - 4rem));
   }
+  .rounded {
+    border-radius: 1rem;
+    overflow: hidden;
+  }
   @media screen and (max-width: 1023px) {
     .containment {
       width: min(45rem, calc(100% - 4rem));

package/dist/main.js

@@ -42,7 +42,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
 import { Chatbot } from "./Chatbot/Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
 import { ChatWindow } from "./Chatbot/ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, 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";
@@ -106,7 +106,7 @@ import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { BoatMooringLocation } from "./Forms/BoatMooringLocation.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
 import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
@@ -798,9 +798,6 @@ export {
   svg_icon,
   svg_logo,
   table,
-  tableCell,
-  tableHead,
-  tableMsg,
   tableWrapper,
   table_container,
   table_container_text,
@@ -829,7 +826,6 @@ export {
   topic_container,
   topic_header,
   topic_item,
-  trMortgageTable,
   transcript_btn,
   transcript_container,
   transcript_content,
@@ -864,5 +860,6 @@ export {
   windowStyle,
   wrapper,
   x_input,
-  xc_input
+  xc_input,
+  xl
 };

package/dist/utils/allowedAxosDomains.js

@@ -41,8 +41,8 @@ const getMoreDomains = (domains) => ({
   "{LVFMYSITE}": domains.LVF_MYSITE_URL || "https://lavictoire-finance.my.site.com",
   "{PERSONALLOANS}": domains.PERSONAL_LOANS_URL || "https://personalloans.axosbank.com",
   "{MODELSELECTION}": domains.MODEL_SELECTION_URL || "https://modelselection.axos.com",
-  "{COMMERCIALPORTAL_LOGIN}": domains.COMMERCIALPORTAL_URL ? `${domains.COMMERCIALPORTAL_URL}/login` : "https://portals.axosbank.com/login",
-  "{COMMERCIALPORTAL_REGISTER}": domains.COMMERCIALPORTAL_URL ? `${domains.COMMERCIALPORTAL_URL}/Register` : "https://portals.axosbank.com/Register",
+  "{COMMERCIALPORTAL_LOGIN}": `${domains.COMMERCIALPORTAL_URL}/login` || "https://portals.axosbank.com/login",
+  "{COMMERCIALPORTAL_REGISTER}": domains.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register",
   "{SHAREAXB}": domains.SHAREAXB_URL || "https://share.axosbank.com",
   "{MERIDIAN}": domains.MERIDIAN_URL || "https://www.axosbank.com/"
 });

package/dist/utils/getPosition.d.ts

@@ -0,0 +1 @@
+export declare const getPosition: (text: string | undefined) => "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/utils/getPosition.js

@@ -0,0 +1,17 @@
+const getPosition = (text) => {
+  switch (text) {
+    case "top left":
+      return "top left";
+    case "top right":
+      return "top right";
+    case "bottom left":
+      return "bottom left";
+    case "bottom right":
+      return "bottom right";
+    default:
+      return "default";
+  }
+};
+export {
+  getPosition
+};

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,4 +1,4 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_pwl74_10";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
 const loading = "_loading_pwl74_16";
 const shimmer = "_shimmer_pwl74_1";
 const css = {

package/dist/utils/useCachedValidators.js

@@ -3,14 +3,14 @@ import { useRef } from "react";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { createCachedNMLSValidator } from "./nmlsValidation.js";
 function useCachedEmailValidator(validateEmail) {
-  const validatorRef = useRef(null);
+  const validatorRef = useRef();
   if (!validatorRef.current) {
     validatorRef.current = createCachedEmailValidator(validateEmail);
   }
   return validatorRef.current;
 }
 function useCachedNMLSValidator(validateNMLS) {
-  const validatorRef = useRef(null);
+  const validatorRef = useRef();
   if (!validatorRef.current) {
     validatorRef.current = createCachedNMLSValidator(validateNMLS);
   }

package/dist/utils/variant.types.d.ts

@@ -6,3 +6,4 @@ export type SideProps = "left" | "right";
 export type StarIconTypes = "gold" | "gray";
 export declare const columnValues: readonly [1, 2, 3, 4, undefined];
 export type ColumnTypes = (typeof columnValues)[number];
+export type AnchorPointTypes = "default" | "top left" | "top right" | "bottom left" | "bottom right";