@axos-web-dev/shared-components 1.0.77-patch.14 → 1.0.77-patch.16

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts

@@ -43,3 +43,4 @@ export declare const ax1_calc_disclosure: import('@vanilla-extract/recipes').Run
         };
     };
 }>;
+export declare const call_to_action_row: string;

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js

@@ -19,6 +19,7 @@ var ax1_header_calc = "_11b2y8zb";
 var ax1_calc_text = "_11b2y8zc";
 var ax1_description_text = createRuntimeFn({ defaultClassName: "_11b2y8zd", variantClassNames: { variant: { primary: "_11b2y8ze", secondary: "_11b2y8zf", tertiary: "_11b2y8zg", quaternary: "_11b2y8zh" } }, defaultVariants: {}, compoundVariants: [] });
 var ax1_calc_disclosure = createRuntimeFn({ defaultClassName: "_11b2y8zi", variantClassNames: { variant: { primary: "_11b2y8zj", secondary: "_11b2y8zk", tertiary: "_11b2y8zl", quaternary: "_11b2y8zm" } }, defaultVariants: {}, compoundVariants: [] });
+var call_to_action_row = "_11b2y8zn";
 export {
   ax1_calc_disclosure,
   ax1_calc_icon,
@@ -34,5 +35,6 @@ export {
   ax1_input_container,
   ax1_input_label,
   ax1_m_label,
-  ax1_table_container
+  ax1_table_container,
+  call_to_action_row
 };

package/dist/Calculators/AxosOneCalculator/index.d.ts

@@ -1,4 +1,5 @@
 import { default as React, FC } from 'react';
+import { ChevronProps } from '../../Chevron/Chevron.interface';
 
 export interface AxosOneCalculatorProps {
     headline?: React.ReactNode | string;
@@ -7,5 +8,6 @@ export interface AxosOneCalculatorProps {
     disclosure: React.ReactNode | string;
     variant: string;
     initialBalance?: number;
+    callToActionRow?: ChevronProps[];
 }
 export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;

package/dist/Calculators/AxosOneCalculator/index.js

@@ -18,14 +18,15 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
+import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,
   disclosure,
   icon,
   variant,
-  initialBalance
+  initialBalance,
+  callToActionRow
 }) => {
   const calc_variant = getVariant(variant);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
@@ -69,6 +70,18 @@ const AxosOneCalculator = ({
       setBalance(0);
     }
   };
+  const formatUSD = (value) => {
+    if (Number.isInteger(value)) {
+      return value.toLocaleString(void 0, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+    }
+    return value.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+  };
   return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
     icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
     (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
@@ -144,9 +157,7 @@ const AxosOneCalculator = ({
                 ] }) }),
                 /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
                   "$",
-                  axbEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(axbEarning)
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -160,9 +171,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(fargoEarning)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -176,9 +185,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(bofaEarning)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -192,9 +199,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  chaseEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(chaseEarning)
                 ] })
               ] })
             ] })
@@ -202,6 +207,19 @@ const AxosOneCalculator = ({
         }
       )
     ] }),
+    Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow?.map(
+      ({ id, variant: variant2, displayText, targetUrl }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          targetUrl,
+          color: getVariant(variant2),
+          size: "medium",
+          rounded: "medium",
+          children: displayText
+        },
+        id
+      )
+    ) }),
     disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
   ] }) });
 };

package/dist/Calculators/Calculator.d.ts

@@ -1,5 +1,6 @@
 import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { default as React } from 'react';
+import { ChevronProps } from '../Chevron/Chevron.interface';
 
 export interface CalculatorProps {
     id?: string;
@@ -12,5 +13,6 @@ export interface CalculatorProps {
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
     initialBalance?: number;
+    callToActionRow?: ChevronProps[];
 }
 export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.js

@@ -136,7 +136,8 @@ const Calculator = (props) => {
     headline,
     name,
     marketingTiles,
-    initialBalance
+    initialBalance,
+    callToActionRow
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -228,7 +229,8 @@ const Calculator = (props) => {
         variant,
         disclosure,
         icon,
-        initialBalance
+        initialBalance,
+        callToActionRow
       }
     );
   } else if (name === "APY Balance Summit Savings") {

package/dist/Forms/MortgageWarehouseLending.d.ts

@@ -0,0 +1,13 @@
+import { FormProps } from './FormProps';
+
+export type MortgageWarehouseLendingInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    Company_NMLS_ID__c: string;
+    Business_Name__c: string;
+};
+export declare const MortgageWarehouseLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps & {
+    disableHoneyPot?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/MortgageWarehouseLending.js

@@ -0,0 +1,327 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgAxosX from "../icons/AxosX/index.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+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 { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                  */
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                               */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                              */
+const MortgageWarehouseLending = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    Company_NMLS_ID__c: z.string().min(6).max(7),
+    Business_Name__c: z.string().min(1)
+  });
+  const gen_schema = schema.merge(SalesforceSchema);
+  const methods = useForm({
+    resolver: zodResolver(
+      gen_schema,
+      {
+        async: true
+      },
+      { mode: "async" }
+    ),
+    mode: "onChange",
+    shouldUnregister: true,
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true
+                }),
+                type: "email",
+                label: "Business Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Business Phone",
+                sizes: "medium",
+                type: "tel",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Company_NMLS_ID__c",
+                ...register("Company_NMLS_ID__c", {
+                  required: true,
+                  min: 6,
+                  max: 7
+                }),
+                label: "Company NMLS ID",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Company_NMLS_ID__c,
+                helperText: errors.Company_NMLS_ID__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Business_Name__c",
+                ...register("Business_Name__c", {
+                  required: true
+                }),
+                type: "text",
+                label: "Business Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Business_Name__c,
+                helperText: errors.Business_Name__c?.message,
+                variant
+              }
+            ) })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
+  ] }) }) }, id);
+};
+export {
+  MortgageWarehouseLending
+};

package/dist/Forms/index.d.ts

@@ -24,6 +24,7 @@ export * from './MortgageRate/MortgageRateForm';
 export * from './MortgageRate/MortgageRateModal';
 export * from './MortgageRate/MortgageRateQuoteFilters';
 export * from './MortgageRate/MortgageRateWatch';
+export * from './MortgageWarehouseLending';
 export * from './QuickPricer';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';

package/dist/Forms/index.js

@@ -27,6 +27,7 @@ import "../utils/allowedAxosDomains.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
+import { MortgageWarehouseLending } from "./MortgageWarehouseLending.js";
 import { QuickPricer } from "./QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./QuickPricer/UserInformation.js";
@@ -59,6 +60,7 @@ export {
   EmailUs,
   MortgageRate,
   MortgageRateFilters,
+  MortgageWarehouseLending,
   QuickPricer,
   RateWatchForm,
   SalesforceFieldsForm,

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js

@@ -5,7 +5,12 @@ const useExitIntentModal = (enabled) => {
   const modalRef = useRef(null);
   useEffect(() => {
     if (!enabled) return;
-    const STORAGE_KEY = "exitIntentShown";
+    const getPageSpecificStorageKey = () => {
+      const pathname = window.location.pathname;
+      const normalizedPath = pathname.replace(/^\/+|\/+$/g, "").replace(/\//g, "_") || "root";
+      return `exitIntentShown_${normalizedPath}`;
+    };
+    const STORAGE_KEY = getPageSpecificStorageKey();
     const sessionExpiry = 24 * 60 * 60 * 1e3;
     const hasShown = () => {
       const stored = localStorage.getItem(STORAGE_KEY);

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -119,6 +119,13 @@
 ._11b2y8zm {
   color: var(--_1073cm8n);
 }
+._11b2y8zn {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 2rem;
+  gap: 3rem;
+}
 @media screen and (max-width: 1023px) {
   ._11b2y8z0 > .containment {
     max-width: 100%;
@@ -134,6 +141,11 @@
   ._11b2y8z3 {
     font-size: 23px;
   }
+  ._11b2y8zn {
+    flex-direction: column;
+    gap: 1rem;
+    padding-bottom: 2rem;
+  }
 }
 @media screen and (max-width: 900px) {
   ._11b2y8z8 {

package/dist/main.js

@@ -81,6 +81,7 @@ import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
 import { LoadingIndicator } from "./LoadingIndicator/index.js";
 import "./Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
+import { MortgageWarehouseLending } from "./Forms/MortgageWarehouseLending.js";
 import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./Forms/QuickPricer/UserInformation.js";
@@ -322,6 +323,7 @@ export {
   MonthlyPaymentLVFCalculator,
   MortgageRate,
   MortgageRateFilters,
+  MortgageWarehouseLending,
   default30 as NavBarAAS,
   default33 as NavBarAFS,
   default34 as NavBarALT,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.77-patch.14",
+  "version": "1.0.77-patch.16",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",