@axos-web-dev/shared-components 1.0.18 → 1.0.20

package/dist/Forms/FormEnums.js

@@ -155,23 +155,210 @@ const BrokerConpensation = [
   { value: "Borrower Paid", text: "Borrower Paid" },
   { value: "Lender Paid", text: "Lender Paid" }
 ];
+const Program = [
+  { value: "3/6 SOFR ARM", text: "3/6 SOFR ARM" },
+  { value: "5/6 SOFR ARM", text: "5/6 SOFR ARM" },
+  { value: "20 Year Fixed - Personal Use/Limited Charter", text: "20 Year Fixed - Personal Use/Limited Charter" },
+  { value: "20 Year Fixed - Full Time Charter", text: "20 Year Fixed - Full Time Charter" }
+];
+const Fico = [
+  { value: "800+", text: "800+" },
+  { value: "760-799", text: "760-799" },
+  { value: "720-759", text: "720-759" },
+  { value: "700-719", text: "700-719" }
+];
+const BuydownRate = [
+  { value: 2.99, text: "2.99%" },
+  { value: 3.99, text: "3.99%" },
+  { value: 4.99, text: "4.99%" },
+  { value: 5.99, text: "5.99%" },
+  { value: 6.99, text: "6.99%" }
+];
+const BuydownTerm = [
+  { value: 1, text: "1 Year" },
+  { value: 2, text: "2 Years" },
+  { value: 3, text: "3 Years" },
+  { value: 4, text: "4 Years" },
+  { value: 5, text: "5 Years" }
+];
+const LoanRates = /* @__PURE__ */ new Map(
+  [
+    ["3/6 SOFR ARM", /* @__PURE__ */ new Map([
+      ["800+", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.345%"],
+        ["$100,001 ≤ $150,000", "8.345%"],
+        ["$150,001 ≤ $250,000", "8.045%"],
+        ["$250,001 ≤ $500,000", "7.645%"],
+        ["$500,001 ≤ $1,500,000", "7.645%"],
+        ["$1,500,001 ≤ $2,000,000", "7.945%"],
+        ["> $2,000,000", "8.245%"]
+      ])],
+      ["760-799", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.545%"],
+        ["$100,001 ≤ $150,000", "8.545%"],
+        ["$150,001 ≤ $250,000", "8.245%"],
+        ["$250,001 ≤ $500,000", "7.845%"],
+        ["$500,001 ≤ $1,500,000", "7.845%"],
+        ["$1,500,001 ≤ $2,000,000", "8.145%"],
+        ["> $2,000,000", "8.445%"]
+      ])],
+      ["720-759", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.995%"],
+        ["$100,001 ≤ $150,000", "8.995%"],
+        ["$150,001 ≤ $250,000", "8.320%"],
+        ["$250,001 ≤ $500,000", "8.295%"],
+        ["$500,001 ≤ $1,500,000", "8.295%"],
+        ["$1,500,001 ≤ $2,000,000", "8.595%"],
+        ["> $2,000,000", "N/A"]
+      ])],
+      ["700-719", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.345%"],
+        ["$100,001 ≤ $150,000", "9.345%"],
+        ["$150,001 ≤ $250,000", "8.820%"],
+        ["$250,001 ≤ $500,000", "8.645%"],
+        ["$500,001 ≤ $1,500,000", "8.645%"],
+        ["$1,500,001 ≤ $2,000,000", "N/A"],
+        ["> $2,000,000", "N/A"]
+      ])]
+    ])],
+    ["5/6 SOFR ARM", /* @__PURE__ */ new Map([
+      ["800+", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.495%"],
+        ["$100,001 ≤ $150,000", "8.495%"],
+        ["$150,001 ≤ $250,000", "8.195%"],
+        ["$250,001 ≤ $500,000", "7.795%"],
+        ["$500,001 ≤ $1,500,000", "7.795%"],
+        ["$1,500,001 ≤ $2,000,000", "8.095%"],
+        ["> $2,000,000", "8.395%"]
+      ])],
+      ["760-799", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.695%"],
+        ["$100,001 ≤ $150,000", "8.695%"],
+        ["$150,001 ≤ $250,000", "8.395%"],
+        ["$250,001 ≤ $500,000", "7.995%"],
+        ["$500,001 ≤ $1,500,000", "7.995%"],
+        ["$1,500,001 ≤ $2,000,000", "8.295%"],
+        ["> $2,000,000", "8.595%"]
+      ])],
+      ["720-759", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.145%"],
+        ["$100,001 ≤ $150,000", "9.145%"],
+        ["$150,001 ≤ $250,000", "8.470%"],
+        ["$250,001 ≤ $500,000", "8.445%"],
+        ["$500,001 ≤ $1,500,000", "8.445%"],
+        ["$1,500,001 ≤ $2,000,000", "8.745%"],
+        ["> $2,000,000", "N/A"]
+      ])],
+      ["700-719", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.495%"],
+        ["$100,001 ≤ $150,000", "9.495%"],
+        ["$150,001 ≤ $250,000", "8.970%"],
+        ["$250,001 ≤ $500,000", "8.795%"],
+        ["$500,001 ≤ $1,500,000", "8.795%"],
+        ["$1,500,001 ≤ $2,000,000", "N/A"],
+        ["> $2,000,000", "N/A"]
+      ])]
+    ])],
+    ["20 Year Fixed - Personal Use/Limited Charter", /* @__PURE__ */ new Map([
+      ["800+", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.240%"],
+        ["$100,001 ≤ $150,000", "8.240%"],
+        ["$150,001 ≤ $250,000", "7.590%"],
+        ["$250,001 ≤ $500,000", "7.290%"],
+        ["$500,001 ≤ $1,500,000", "7.090%"],
+        ["$1,500,001 ≤ $2,000,000", "7.290%"],
+        ["> $2,000,000", "7.540%"]
+      ])],
+      ["760-799", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.490%"],
+        ["$100,001 ≤ $150,000", "8.490%"],
+        ["$150,001 ≤ $250,000", "7.990%"],
+        ["$250,001 ≤ $500,000", "7.690%"],
+        ["$500,001 ≤ $1,500,000", "7.490%"],
+        ["$1,500,001 ≤ $2,000,000", "7.790%"],
+        ["> $2,000,000", "8.040%"]
+      ])],
+      ["720-759", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.740%"],
+        ["$100,001 ≤ $150,000", "8.740%"],
+        ["$150,001 ≤ $250,000", "8.490%"],
+        ["$250,001 ≤ $500,000", "8.190%"],
+        ["$500,001 ≤ $1,500,000", "7.990%"],
+        ["$1,500,001 ≤ $2,000,000", "8.390%"],
+        ["> $2,000,000", "N/A"]
+      ])],
+      ["700-719", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.240%"],
+        ["$100,001 ≤ $150,000", "9.240%"],
+        ["$150,001 ≤ $250,000", "8.990%"],
+        ["$250,001 ≤ $500,000", "8.990%"],
+        ["$500,001 ≤ $1,500,000", "8.490%"],
+        ["$1,500,001 ≤ $2,000,000", "N/A"],
+        ["> $2,000,000", "N/A"]
+      ])]
+    ])],
+    ["20 Year Fixed - Full Time Charter", /* @__PURE__ */ new Map([
+      ["800+", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.740%"],
+        ["$100,001 ≤ $150,000", "8.740%"],
+        ["$150,001 ≤ $250,000", "8.090%"],
+        ["$250,001 ≤ $500,000", "7.790%"],
+        ["$500,001 ≤ $1,500,000", "7.690%"],
+        ["$1,500,001 ≤ $2,000,000", "7.690%"],
+        ["> $2,000,000", "8.840%"]
+      ])],
+      ["760-799", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "8.990%"],
+        ["$100,001 ≤ $150,000", "8.990%"],
+        ["$150,001 ≤ $250,000", "8.490%"],
+        ["$250,001 ≤ $500,000", "8.240%"],
+        ["$500,001 ≤ $1,500,000", "7.990%"],
+        ["$1,500,001 ≤ $2,000,000", "7.990%"],
+        ["> $2,000,000", "8.540%"]
+      ])],
+      ["720-759", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.240%"],
+        ["$100,001 ≤ $150,000", "9.240%"],
+        ["$150,001 ≤ $250,000", "8.990%"],
+        ["$250,001 ≤ $500,000", "8.990%"],
+        ["$500,001 ≤ $1,500,000", "8.490%"],
+        ["$1,500,001 ≤ $2,000,000", "8.875%"],
+        ["> $2,000,000", "N/A"]
+      ])],
+      ["700-719", /* @__PURE__ */ new Map([
+        ["$75,000 ≤ $100,000", "9.740%"],
+        ["$100,001 ≤ $150,000", "9.740%"],
+        ["$150,001 ≤ $250,000", "9.490%"],
+        ["$250,001 ≤ $500,000", "9.490%"],
+        ["$500,001 ≤ $1,500,000", "8.990%"],
+        ["$1,500,001 ≤ $2,000,000", "N/A"],
+        ["> $2,000,000", "N/A"]
+      ])]
+    ])]
+  ]
+);
 export {
   AnnualGrossRevenue,
   AssetClass,
   BankruptcySeasoning,
   BankruptcyType,
   BrokerConpensation,
+  BuydownRate,
+  BuydownTerm,
   Citizenship,
   CurrentAssets,
   DocType,
+  Fico,
   HousingEventHistory,
   HousingEventType,
   LeadType,
+  LoanRates,
   MortgageLates12,
   MortgageLates24,
   NumberOfUnits,
   Occupancy,
   PrepaymentPenalty,
+  Program,
   PropertyType,
   PurposeOfLoan,
   Purposes,

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -43,7 +43,7 @@ import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -60,6 +60,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -19,7 +19,7 @@ import "../../Input/RadioButton.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, headerContainer, headerForm, form, formWrapper, fullRowForm, actions } from "../Forms.css.js";
+import { headerForm, headerContainer, form, fullRowForm, formWrapper, actions, formContainer } from "../Forms.css.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 const MortgageRateFilters = ({

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -32,8 +32,8 @@ import { format } from "@react-input/number-format";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { Purposes, RepresentativesFico, DocType, Citizenship, MortgageLates12, MortgageLates24, HousingEventType, HousingEventHistory, BankruptcyType, BankruptcySeasoning, PropertyType, Occupancy, NumberOfUnits, PrepaymentPenalty, BrokerConpensation } from "../FormEnums.js";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, one_row, section_title, checkbox_group, disclosureForm, actions } from "../Forms.css.js";
+import { BrokerConpensation, PrepaymentPenalty, NumberOfUnits, Occupancy, PropertyType, BankruptcySeasoning, BankruptcyType, HousingEventHistory, HousingEventType, MortgageLates24, MortgageLates12, Citizenship, DocType, RepresentativesFico, Purposes } from "../FormEnums.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, one_row, section_title, checkbox_group, formWrapper, disclosureForm, actions, formContainer } from "../Forms.css.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 const QuickPricer = ({
   icon = false,

package/dist/Forms/ScheduleCall.js

@@ -31,7 +31,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCall = ({
   icon = false,

package/dist/Forms/ScheduleCallPremier.js

@@ -32,7 +32,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCallPremier = ({
   icon = false,

package/dist/Forms/SuccesForm.js

@@ -31,6 +31,20 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -54,17 +68,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                        */
-import "../Input/Checkbox.js";
-import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
-import "../Input/Dropdown.css.js";
-import "../Input/Input.js";
-import "../Input/Input.css.js";
-import "../Input/InputAmount.js";
-import "../Input/InputPhone.js";
-import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
-import "../Input/RadioButton.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
@@ -104,8 +107,7 @@ import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";
-import "react-hook-form";
-import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
+import { success_icon, success_circle, succes_check_mark, success_wrap } from "./Forms.css.js";
 import "./SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/Forms/VendorQuestionnaire.js

@@ -21,7 +21,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
-import { formContainer, form, formWrapper, form_row, descriptionField, actions } from "./Forms.css.js";
+import { form, form_row, descriptionField, formWrapper, actions, formContainer } from "./Forms.css.js";
 const VendorQuestionnaire = ({
   children,
   onSubmit = (values) => {

package/dist/Forms/WcplSurvey.js

@@ -30,7 +30,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const WCPLSurvey = ({
   icon = false,

package/dist/HeroBanner/HeroBanner.js

@@ -9,7 +9,7 @@ import Image from "next/image.js";
 import clsx from "clsx";
 import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
 import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
-import { selection_section_icon, selection_section_icon_img, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
+import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
   eyebrow,

package/dist/Hyperlink/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/IconBillboard/IconBillboard.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {

package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+
+interface ModalWrapperProps {
+    children: ReactNode;
+    onClose: () => void;
+    modalRef: React.RefObject<HTMLDivElement>;
+}
+export declare const ModalWrapper: ({ children, onClose, modalRef, }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { exit_intent_backdrop, exit_intent, modal_close_button } from "../ImageBillboard.css.js";
+const ModalWrapper = ({
+  children,
+  onClose,
+  modalRef
+}) => {
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    const originalOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, []);
+  useEffect(() => {
+    const focusableSelectors = [
+      "a[href]",
+      "button:not([disabled])",
+      '[tabindex]:not([tabindex="-1"])'
+    ];
+    const trapFocus = (e) => {
+      if (e.key !== "Tab") return;
+      const focusableEls = modalRef.current?.querySelectorAll(
+        focusableSelectors.join(",")
+      );
+      if (!focusableEls || focusableEls.length === 0) return;
+      const first = focusableEls[0];
+      const last = focusableEls[focusableEls.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    const focusFirst = () => {
+      const focusableEls = modalRef.current?.querySelectorAll(
+        focusableSelectors.join(",")
+      );
+      focusableEls?.[0]?.focus();
+    };
+    focusFirst();
+    document.addEventListener("keydown", trapFocus);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("keydown", trapFocus);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [modalRef]);
+  const handleEscape = (e) => {
+    if (e.key === "Escape") {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: exit_intent_backdrop, role: "presentation", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: exit_intent,
+      ref: modalRef,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "exit-intent-heading",
+      "aria-describedby": "exit-intent-description",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Close modal",
+            className: modal_close_button,
+            onClick: onClose,
+            children: "Close"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { ref: wrapperRef, children })
+      ]
+    }
+  ) });
+};
+export {
+  ModalWrapper
+};

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.d.ts

@@ -0,0 +1,5 @@
+export declare const useExitIntentModal: (enabled: boolean) => {
+    isVisible: boolean;
+    close: () => void;
+    modalRef: import('react').MutableRefObject<HTMLDivElement | null>;
+};

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js

@@ -0,0 +1,90 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+const useExitIntentModal = (enabled) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const modalRef = useRef(null);
+  useEffect(() => {
+    if (!enabled) return;
+    const STORAGE_KEY = "exitIntentShown";
+    const sessionExpiry = 24 * 60 * 60 * 1e3;
+    const hasShown = () => {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (!stored) return false;
+      const { timestamp } = JSON.parse(stored);
+      return Date.now() - timestamp < sessionExpiry;
+    };
+    const markShown = () => {
+      localStorage.setItem(
+        STORAGE_KEY,
+        JSON.stringify({ timestamp: Date.now() })
+      );
+    };
+    const showBanner = () => {
+      if (!hasShown()) {
+        setIsVisible(true);
+        markShown();
+      }
+    };
+    const handleMouseLeave = (e) => {
+      if (e.clientY <= 0) showBanner();
+    };
+    const handleScroll = () => {
+      const scrollY = window.scrollY;
+      const maxScroll = document.body.scrollHeight - window.innerHeight;
+      const percentScrolled = scrollY / maxScroll * 100;
+      if (percentScrolled > 60) {
+        window.addEventListener("scroll", detectScrollUp);
+      }
+    };
+    const detectScrollUp = () => {
+      if (window.scrollY < window.innerHeight * 0.25) {
+        showBanner();
+        window.removeEventListener("scroll", detectScrollUp);
+      }
+    };
+    let inactivityTimer;
+    const resetInactivity = () => {
+      clearTimeout(inactivityTimer);
+      inactivityTimer = setTimeout(() => {
+        showBanner();
+      }, 15e3);
+    };
+    const startListeners = () => {
+      document.addEventListener("mouseleave", handleMouseLeave);
+      window.addEventListener("scroll", handleScroll);
+      document.addEventListener("mousemove", resetInactivity);
+      document.addEventListener("keydown", resetInactivity);
+    };
+    const initTimeout = setTimeout(startListeners, 1e4);
+    resetInactivity();
+    return () => {
+      clearTimeout(initTimeout);
+      clearTimeout(inactivityTimer);
+      document.removeEventListener("mouseleave", handleMouseLeave);
+      window.removeEventListener("scroll", handleScroll);
+      document.removeEventListener("mousemove", resetInactivity);
+      document.removeEventListener("keydown", resetInactivity);
+      window.removeEventListener("scroll", detectScrollUp);
+    };
+  }, [enabled]);
+  useEffect(() => {
+    if (!isVisible) return;
+    const handleClickOutside = (e) => {
+      if (modalRef.current && !modalRef.current.contains(e.target)) {
+        setIsVisible(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isVisible]);
+  return {
+    isVisible,
+    close: () => setIsVisible(false),
+    modalRef
+  };
+};
+export {
+  useExitIntentModal
+};

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -163,3 +163,6 @@ export declare const rate_billboard: string;
 export declare const apy_billboard: string;
 export declare const body_copy: string;
 export declare const sub_bullets: string;
+export declare const exit_intent_backdrop: string;
+export declare const exit_intent: string;
+export declare const modal_close_button: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -29,6 +29,9 @@ var rate_billboard = "_1m7m2ay";
 var apy_billboard = "_1m7m2az";
 var body_copy = "_1m7m2a10";
 var sub_bullets = "_1m7m2a11";
+var exit_intent_backdrop = "_1m7m2a12";
+var exit_intent = "_1m7m2a13";
+var modal_close_button = "_1m7m2a14";
 export {
   apy_billboard,
   billboard,
@@ -40,10 +43,13 @@ export {
   billboard_img,
   body,
   body_copy,
+  exit_intent,
+  exit_intent_backdrop,
   header,
   imagePlacement,
   image_background,
   mh_330,
+  modal_close_button,
   rate_billboard,
   rate_container,
   rate_pad,

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -31,4 +31,5 @@ export interface ImageBillboardInterface {
     textImageLineTwoBig?: ReactNode | string;
     textImageLineThreeSmall?: ReactNode | string;
     internalName?: string;
+    exitIntent?: boolean;
 }

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,3 @@
 import { ImageBillboardInterface } from './ImageBillboard.interface';
 
-export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, internalName, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, internalName, exitIntent, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;