@axos-web-dev/shared-components 0.0.196 → 0.0.198

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -8,6 +8,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import "clsx";
 import { useState, useRef, useEffect } from "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
@@ -15,7 +16,6 @@ import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
-import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -172,7 +172,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/personal/bank"),
             id: "personalNav1",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("bank"),
@@ -207,7 +207,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/personal/borrow"),
             id: "personalNav2",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("borrow"),
@@ -242,7 +242,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOS}/invest"),
             id: "personalNav3",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("invest"),
@@ -277,7 +277,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/personal/plan"),
             id: "personalNav4",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("plan"),
@@ -314,7 +314,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/business"),
             id: "busNav1",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("sbb"),
@@ -349,7 +349,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/commercial/banking"),
             id: "busNav2",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("combank"),
@@ -384,7 +384,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
             id: "busNav3",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("comlending"),
@@ -431,7 +431,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"),
             id: "partNav2",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("wholelending"),
@@ -476,7 +476,7 @@ function SubNavBar() {
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
-            href: "#",
+            href: findMoreAxosDomains("{AXOSBANK}/partners/dealer-services"),
             id: "partNav5",
             role: "menuitem",
             onMouseEnter: () => handleMouseEnter("dealerservices"),
@@ -570,7 +570,7 @@ function SubNavBar() {
                           href: findMoreAxosDomains(
                             "{AXOSBANK}/pages/axos-one"
                           ),
-                          "aria-label": "learn more about axos one checking and savings",
+                          "aria-label": "learn more about axos ONE checking and savings products",
                           className: "text_center bg_white ",
                           children: "Learn More"
                         }
@@ -594,7 +594,7 @@ function SubNavBar() {
                           Link,
                           {
                             role: "heading",
-                            "aria-label": "visit personal banking webpage",
+                            "aria-label": "visit the personal banking homepage to learn more about available product offerings",
                             href: findMoreAxosDomains(
                               "{AXOSBANK}/personal/bank"
                             ),
@@ -983,7 +983,7 @@ function SubNavBar() {
                             href: findMoreAxosDomains(
                               "{AXOSBANK}/personal/borrow"
                             ),
-                            "aria-label": "visit personal borrowing webpage",
+                            "aria-label": "visit personal borrowing webpage to learn more about available loan options",
                             role: "heading",
                             children: "Great rates on home loans"
                           }
@@ -1353,7 +1353,7 @@ function SubNavBar() {
                           {
                             href: findMoreAxosDomains("{AXOS}/invest"),
                             role: "heading",
-                            "aria-label": "visit axos invest webpage",
+                            "aria-label": "visit the axos invest homepage to learn more about available investing options",
                             children: "Quickly discover and compare mutual funds and ETFs"
                           }
                         ),
@@ -1638,7 +1638,7 @@ function SubNavBar() {
                               "{AXOSBANK}/personal/plan"
                             ),
                             role: "heading",
-                            "aria-label": "visit personal finacial planning webpage",
+                            "aria-label": "visit the personal financial planning homepage to learn more about available financial planning tools",
                             children: "Plan your next move"
                           }
                         ),
@@ -1908,7 +1908,15 @@ function SubNavBar() {
                     {
                       className: `${styles.headline} flex_row middle between`,
                       children: [
-                        /* @__PURE__ */ jsx("p", { role: "heading", children: "Move your business forward" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/business"),
+                            "aria-label": "visit the business banking homepage to learn more about available product offerings for your small business",
+                            role: "heading",
+                            children: "Move your business forward"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                           /* @__PURE__ */ jsx(
                             Image,
@@ -1923,7 +1931,7 @@ function SubNavBar() {
                             "div",
                             {
                               className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(Link, { href: "/business/support", children: "Help & Support" })
+                              children: /* @__PURE__ */ jsx(Link, { href: findMoreAxosDomains("{AXOSBANK}/business/support"), children: "Help & Support" })
                             }
                           )
                         ] })
@@ -2163,7 +2171,15 @@ function SubNavBar() {
                     {
                       className: `${styles.headline} flex_row middle between`,
                       children: [
-                        /* @__PURE__ */ jsx("p", { role: "heading", children: "Solutions from industry experts" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/commercial/banking"),
+                            "aria-label": "visit the commercial banking homepage to learn more about solutions to meet your organizational needs",
+                            role: "heading",
+                            children: "Solutions from industry experts"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                           /* @__PURE__ */ jsx(
                             Image,
@@ -2178,7 +2194,7 @@ function SubNavBar() {
                             "div",
                             {
                               className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(Link, { href: "/business/support", children: "Help & Support" })
+                              children: /* @__PURE__ */ jsx(Link, { href: findMoreAxosDomains("{AXOSBANK}/commercial/support"), children: "Help & Support" })
                             }
                           )
                         ] })
@@ -2381,7 +2397,15 @@ function SubNavBar() {
                     {
                       className: `${styles.headline} flex_row middle between`,
                       children: [
-                        /* @__PURE__ */ jsx("p", { role: "heading", children: "Personalized lending solutions" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
+                            "aria-label": "visit the commercial lending homepage to learn more about personalized lending solutions",
+                            role: "heading",
+                            children: "Personalized lending solutions"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                           /* @__PURE__ */ jsx(
                             Image,
@@ -2396,7 +2420,7 @@ function SubNavBar() {
                             "div",
                             {
                               className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(Link, { href: "/business/support", children: "Help & Support" })
+                              children: /* @__PURE__ */ jsx(Link, { href: findMoreAxosDomains("{AXOSBANK}/commercial/support"), children: "Help & Support" })
                             }
                           )
                         ] })
@@ -2602,7 +2626,15 @@ function SubNavBar() {
                     {
                       className: `${styles.headline} flex_row middle between`,
                       children: [
-                        /* @__PURE__ */ jsx("p", { role: "heading", children: "Expand your options" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"),
+                            "aria-label": "visit the wholesale lending homepage to learn more about available product portfolio solutions",
+                            role: "heading",
+                            children: "Expand your options"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                           /* @__PURE__ */ jsx(
                             Image,
@@ -2733,7 +2765,15 @@ function SubNavBar() {
                     {
                       className: `${styles.headline} flex_row middle between`,
                       children: [
-                        /* @__PURE__ */ jsx("p", { role: "heading", children: "Fueling results for dealerships" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/partners/dealer-services"),
+                            "aria-label": "visit the dealer services homepage to learn more about joining the network of Axos Dealer Services dealerships",
+                            role: "heading",
+                            children: "Fueling results for dealerships"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                           /* @__PURE__ */ jsx(
                             Image,

package/dist/NavigationMenu/AxosBank/index.js

@@ -12,6 +12,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
@@ -19,7 +20,6 @@ import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
-import clsx from "clsx";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -41,6 +41,8 @@ import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
+/* empty css                                             */
+/* empty css                                             */
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -55,8 +57,6 @@ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
-/* empty css                                             */
-/* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -131,9 +131,9 @@ function NavBar({ project = "AXB" }) {
   const getActiveIndex = () => {
     const pathname = "/" + location.pathname.split("/")[1];
     const index = navItems.findIndex(
-      (path) => path.url === pathname
+      (path) => path.domain === pathname
     );
-    setActiveIndex(index);
+    pathname == "/commercial" ? setActiveIndex(1) : setActiveIndex(index);
   };
   useEffect(() => {
     getActiveIndex();
@@ -699,7 +699,7 @@ function NavBar({ project = "AXB" }) {
                         /* @__PURE__ */ jsx(
                           "a",
                           {
-                            href: "/personal/bank",
+                            href: findMoreAxosDomains("{AXOSBANK}/personal/bank"),
                             className: styles.main,
                             role: "heading",
                             children: "Personal"

package/dist/NavigationMenu/LaVictoire/NavBar.module.js

@@ -1,40 +1,40 @@
-const header = "_header_1q2xq_1";
-const wrapper = "_wrapper_1q2xq_5";
-const header_main_row = "_header_main_row_1q2xq_11";
-const mobile_header = "_mobile_header_1q2xq_12";
-const primary_links = "_primary_links_1q2xq_16";
-const main_nav_link = "_main_nav_link_1q2xq_20";
-const sub_nav = "_sub_nav_1q2xq_39";
-const sub_nav_link = "_sub_nav_link_1q2xq_43";
-const signin_wrap = "_signin_wrap_1q2xq_45";
-const signin_btn = "_signin_btn_1q2xq_46";
-const header_sub_row = "_header_sub_row_1q2xq_93";
-const signin_dropdown = "_signin_dropdown_1q2xq_116";
-const shadow = "_shadow_1q2xq_126";
-const signin_subheader = "_signin_subheader_1q2xq_136";
-const opacity = "_opacity_1q2xq_157";
-const fadeInDown = "_fadeInDown_1q2xq_1";
-const open = "_open_1q2xq_163";
-const reversed_row = "_reversed_row_1q2xq_175";
-const hamburger = "_hamburger_1q2xq_185";
-const mobile_only = "_mobile_only_1q2xq_199";
-const mobile_logo = "_mobile_logo_1q2xq_205";
-const highlight = "_highlight_1q2xq_210";
-const mobile_nav = "_mobile_nav_1q2xq_232";
-const mobile_opened = "_mobile_opened_1q2xq_243";
-const mobile_nav_item = "_mobile_nav_item_1q2xq_251";
-const has_dropdown = "_has_dropdown_1q2xq_262";
-const icon_wrap = "_icon_wrap_1q2xq_267";
-const mobile_footer = "_mobile_footer_1q2xq_272";
-const mobile_footer_content = "_mobile_footer_content_1q2xq_277";
-const footer_cta = "_footer_cta_1q2xq_282";
-const inner_wrapper = "_inner_wrapper_1q2xq_308";
-const btn = "_btn_1q2xq_313";
-const sub_menu = "_sub_menu_1q2xq_318";
-const main = "_main_1q2xq_20";
-const skip_btn = "_skip_btn_1q2xq_339";
-const desktop_only = "_desktop_only_1q2xq_372";
-const logo_wrap = "_logo_wrap_1q2xq_375";
+const header = "_header_mpaou_1";
+const wrapper = "_wrapper_mpaou_9";
+const header_main_row = "_header_main_row_mpaou_21";
+const mobile_header = "_mobile_header_mpaou_23";
+const primary_links = "_primary_links_mpaou_31";
+const main_nav_link = "_main_nav_link_mpaou_39";
+const sub_nav = "_sub_nav_mpaou_77";
+const sub_nav_link = "_sub_nav_link_mpaou_85";
+const signin_wrap = "_signin_wrap_mpaou_89";
+const signin_btn = "_signin_btn_mpaou_91";
+const header_sub_row = "_header_sub_row_mpaou_185";
+const signin_dropdown = "_signin_dropdown_mpaou_231";
+const shadow = "_shadow_mpaou_251";
+const signin_subheader = "_signin_subheader_mpaou_271";
+const opacity = "_opacity_mpaou_313";
+const fadeInDown = "_fadeInDown_mpaou_1";
+const open = "_open_mpaou_325";
+const reversed_row = "_reversed_row_mpaou_349";
+const hamburger = "_hamburger_mpaou_369";
+const mobile_only = "_mobile_only_mpaou_397";
+const mobile_logo = "_mobile_logo_mpaou_409";
+const highlight = "_highlight_mpaou_419";
+const mobile_nav = "_mobile_nav_mpaou_463";
+const mobile_opened = "_mobile_opened_mpaou_485";
+const mobile_nav_item = "_mobile_nav_item_mpaou_501";
+const has_dropdown = "_has_dropdown_mpaou_523";
+const icon_wrap = "_icon_wrap_mpaou_533";
+const mobile_footer = "_mobile_footer_mpaou_543";
+const mobile_footer_content = "_mobile_footer_content_mpaou_553";
+const footer_cta = "_footer_cta_mpaou_563";
+const inner_wrapper = "_inner_wrapper_mpaou_615";
+const btn = "_btn_mpaou_625";
+const sub_menu = "_sub_menu_mpaou_635";
+const main = "_main_mpaou_39";
+const skip_btn = "_skip_btn_mpaou_677";
+const desktop_only = "_desktop_only_mpaou_743";
+const logo_wrap = "_logo_wrap_mpaou_749";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -7,13 +7,13 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import "clsx";
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -12,6 +12,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
@@ -19,7 +20,6 @@ import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
-import clsx from "clsx";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -41,6 +41,8 @@ import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
+/* empty css                                             */
+/* empty css                                             */
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -55,8 +57,6 @@ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
-/* empty css                                             */
-/* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -566,7 +566,7 @@ function NavBar() {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsx("div", { className: "flex_row between", children: /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_content, children: /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx(Button, { targetUrl: findMoreAxosDomains("/spply-now"), children: "Apply Now" }) }) }) }) })
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsx("div", { className: "flex_row between", children: /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_content, children: /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx(Button, { targetUrl: findMoreAxosDomains("/apply-now"), children: "Apply Now" }) }) }) }) })
         ] })
       }
     )

package/dist/SocialMediaBar/iconsRepository.js

@@ -7,13 +7,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
+import "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/VideoWrapper/index.js

@@ -8,13 +8,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 /* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";