@axos-web-dev/shared-components 1.0.100-dev.76-feature-lp-logos → 1.0.100-dev.78

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -2,36 +2,50 @@ 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 "../utils/allowedAxosDomains.js";
+import "react";
+import { columnValues } from "../utils/variant.types.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 const ExecutiveBioSet = ({
   id,
   title,
   description,
   executiveBios,
   additionalDetails,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  numberOfColumns = "1 Column"
 }) => {
   const variant = getVariant(fullVariant);
+  const numOfCols = getNumOfColumns(numberOfColumns);
   return /* @__PURE__ */ jsxs("section", { id, className: section_theme({ variant }), children: [
     /* @__PURE__ */ jsx("div", { className: "containment", children: (title || description) && /* @__PURE__ */ jsxs("div", { className: bio_section_text, children: [
       title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
       description && /* @__PURE__ */ jsx(Fragment, { children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio) => /* @__PURE__ */ jsx(
-      ExecutiveBio,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        id: `id_${bio.id}`,
-        executiveName: bio?.executiveName,
-        executiveTitle: bio?.executiveTitle,
-        executiveBodyCopy: bio?.executiveBodyCopy,
-        executiveEmailAddress: bio?.executiveEmailAddress,
-        executivePhoneNumber: bio?.executivePhoneNumber,
-        executiveLinkedIn: bio?.executiveLinkedIn,
-        executiveWebsite: bio?.executiveWebsite,
-        executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
-        variant: bio?.variant
-      },
-      bio.id
-    )) }),
+        className: numOfCols && columnValues.includes(numOfCols) ? `${components({ columns: numOfCols })} cols_${numOfCols} containment` : "",
+        children: executiveBios.map((bio) => /* @__PURE__ */ jsx(
+          ExecutiveBio,
+          {
+            id: `id_${bio.id}`,
+            hasParentH2: Boolean(title),
+            executiveName: bio?.executiveName,
+            executiveTitle: bio?.executiveTitle,
+            executiveBodyCopy: bio?.executiveBodyCopy,
+            executiveEmailAddress: bio?.executiveEmailAddress,
+            executivePhoneNumber: bio?.executivePhoneNumber,
+            executiveLinkedIn: bio?.executiveLinkedIn,
+            executiveWebsite: bio?.executiveWebsite,
+            executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
+            variant: bio?.variant,
+            bannerType: bio?.bannerType
+          },
+          bio.id
+        ))
+      }
+    ),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });
 };

package/dist/ExecutiveBio/index.js

@@ -1,5 +1,5 @@
 import { ExecutiveBio } from "./ExecutiveBio.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.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, compact, 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.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
@@ -20,6 +20,7 @@ export {
   ceo_name,
   ceo_quote,
   ceo_title,
+  compact,
   components,
   contact_col,
   contact_entry,

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/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/LandingPageHeader/LandingPageHeader.css.d.ts

@@ -9,28 +9,10 @@ export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
         tertiary: {
             background: `var(--${string})`;
         };
-        quaternary: {
-            background: `var(--${string})`;
-        };
     };
 }>;
 export declare const lp_container: string;
 export declare const spb_container: string;
 export declare const lp_hover: string;
 export declare const spb_hover: string;
-export declare const svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            fill: `var(--${string})`;
-        };
-        secondary: {
-            fill: `var(--${string})`;
-        };
-        tertiary: {
-            fill: `var(--${string})`;
-        };
-        quaternary: {
-            fill: `var(--${string})`;
-        };
-    };
-}>;
+export declare const svg_fill: string;

package/dist/LandingPageHeader/LandingPageHeader.css.js

@@ -4,12 +4,12 @@ import '../assets/LandingPageHeader/LandingPageHeader.css';import '../assets/the
 /* empty css                                    */
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3", quaternary: "_1o1hxre4" } }, defaultVariants: {}, compoundVariants: [] });
-var lp_container = "_1o1hxre5";
-var spb_container = "_1o1hxre6";
-var lp_hover = "_1o1hxre7";
-var spb_hover = "_1o1hxre8";
-var svg_fill = createRuntimeFn({ defaultClassName: "_1o1hxre9", variantClassNames: { variant: { primary: "_1o1hxrea", secondary: "_1o1hxreb", tertiary: "_1o1hxrec", quaternary: "_1o1hxred" } }, defaultVariants: {}, compoundVariants: [] });
+var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3" } }, defaultVariants: {}, compoundVariants: [] });
+var lp_container = "_1o1hxre4";
+var spb_container = "_1o1hxre5";
+var lp_hover = "_1o1hxre6";
+var spb_hover = "_1o1hxre7";
+var svg_fill = "_1o1hxre8";
 export {
   lp_container,
   lp_hover,

package/dist/LandingPageHeader/LandingPageHeader.d.ts

@@ -1,11 +1,9 @@
 import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../main';
 
 export interface LandingPageHeaderProps {
     id: string;
     variant: QuaternaryTypes;
     project?: string;
     alt?: string;
-    logo?: ImageInterface;
 }
-export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, logo, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -13,45 +13,28 @@ import SvgComponent from "../icons/Logos/AXA.js";
 import SvgComponent$2 from "../icons/Logos/AXC.js";
 import SvgComponent$4 from "../icons/Logos/AXI.js";
 import SvgComponent$5 from "../icons/Logos/AXOS.js";
-import SvgComponent$6 from "../icons/Logos/GBLVF.js";
-import SvgComponent$7 from "../icons/Logos/SPB.js";
+import SvgComponent$7 from "../icons/Logos/GBLVF.js";
+import SvgComponent$6 from "../icons/Logos/LVF.js";
+import SvgComponent$8 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { svg_fill, lp_theme, spb_container, lp_container, spb_hover, lp_hover } from "./LandingPageHeader.css.js";
+import { lp_theme, spb_container, lp_container, spb_hover, lp_hover, svg_fill } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",
   project = "AXB",
-  alt,
-  logo
+  alt
 }) => {
   const variant = getVariant(fullVariant);
   const website = /* @__PURE__ */ new Map([
-    [
-      "AXA",
-      /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
-    ],
-    [
-      "AFS",
-      /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
-    ],
-    [
-      "AXC",
-      /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
-    ],
-    [
-      "AAS",
-      /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
-    ],
-    [
-      "AXI",
-      /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
-    ],
-    [
-      "AXB",
-      /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill({ variant }) })
-    ],
-    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 60, width: 220 })],
-    ["SPB", /* @__PURE__ */ jsx(SvgComponent$7, { height: "100%", width: "100%" })]
+    ["AXA", /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill, height: 36, width: 120 })],
+    ["AFS", /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill, height: 36, width: 120 })],
+    ["AXC", /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill, height: 36, width: 120 })],
+    ["AAS", /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill, height: 36, width: 120 })],
+    ["AXI", /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill, height: 36, width: 120 })],
+    ["AXB", /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill })],
+    ["LVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 30, width: 120, classNameFill: `${svg_fill}` })],
+    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$7, { height: 60, width: 220 })],
+    ["SPB", /* @__PURE__ */ jsx(SvgComponent$8, { height: "100%", width: "100%" })]
   ]);
   const isSPBPage = project === "SPB";
   return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx(
@@ -63,17 +46,8 @@ const LandingPageHeader = ({
         {
           href: project == "AXI" ? "/invest" : "/",
           className: isSPBPage ? spb_hover : lp_hover,
-          "aria-label": alt ?? "return to homepage",
-          children: logo ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: logo.src,
-              alt: logo.alt ?? "",
-              height: Number(logo.height),
-              width: Number(logo.width),
-              className: "img_fluid"
-            }
-          ) : website.get(project)
+          "aria-label": alt ?? "axos logo, return to homepage",
+          children: website.get(project)
         }
       )
     }

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -39,6 +39,7 @@ export declare const menuData: {
                 "Apply Now": string;
                 "Mortgage Services": string;
                 "Make a Payment": string;
+                "Construction Lending": string;
             };
             "Personal Loans": {
                 "Personal Loans Home": string;

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -214,6 +214,9 @@ const menuData = {
         ),
         "Make a Payment": findMoreAxosDomains(
           "{AXOSBANK}/personal/support/manage-my-loan"
+        ),
+        "Construction Lending": findMoreAxosDomains(
+          "{AXOSBANK}/personal/borrow/mortgages/construction-lending"
         )
       },
       "Personal Loans": {

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -1245,6 +1245,15 @@ function SubNavBar() {
                             ),
                             children: "Make a Payment"
                           }
+                        ) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/personal/borrow/mortgages/construction-lending"
+                            ),
+                            children: "Construction Lending"
+                          }
                         ) })
                       ] })
                     ] }),

package/dist/SetContainer/SetContainer.js

@@ -89,6 +89,7 @@ import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
@@ -133,7 +134,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
-import { getNumOfColumns } from "../utils/getNumber.js";
 const SetContainer = ({
   id,
   variant,