@axos-web-dev/shared-components 2.0.0-dev.rateWatch → 2.0.0-dev.scroll-fix

package/dist/Auth/ErrorAlert.js

@@ -74,8 +74,8 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 import { Hyperlink } from "../Hyperlink/index.js";

package/dist/Calculators/Calculator.js

@@ -54,9 +54,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Chatbot/ChatWindow.css.js

@@ -3,6 +3,7 @@ import '../assets/Chatbot/ChatWindow.css';import '../assets/Typography/Typograph
 /* empty css                               */
 /* empty css                                    */
 /* empty css                                          */
+import "./Chatbot.css.ts.vanilla.css.js";
 /* empty css                              */
 var windowStyle = "_13n1jqk1";
 var windowExpandedStyle = "_13n1jqk2";

package/dist/Chatbot/Chatbot.css.js

@@ -1,4 +1,3 @@
-import "./Chatbot.css.ts.vanilla.css.js";
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Forms/FormEnums.d.ts

@@ -11,10 +11,22 @@ export declare const Purposes: {
     value: string;
     text: string;
 }[];
+export declare const LoanPurposes: {
+    value: string;
+    text: string;
+}[];
+export declare const LoanTypeDetails: {
+    value: string;
+    text: string;
+}[];
 export declare const RepresentativesFico: {
     value: string;
     text: string;
 }[];
+export declare const CreditScore: {
+    value: string;
+    text: string;
+}[];
 export declare const DocType: {
     value: string;
     text: string;
@@ -51,6 +63,10 @@ export declare const PropertyType: {
     value: string;
     text: string;
 }[];
+export declare const PropertyIntendedUse: {
+    value: string;
+    text: string;
+}[];
 export declare const Occupancy: {
     value: string;
     text: string;

package/dist/Forms/FormEnums.js

@@ -50,6 +50,14 @@ const Purposes = [
   { value: "RefiCashout", text: "Refi Cashout" },
   { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." }
 ];
+const LoanPurposes = [
+  { value: "Purchase", text: "Purchase" },
+  { value: "Refinance", text: "Refinance" }
+];
+const LoanTypeDetails = [
+  { value: "DSCR", text: "DSCR" },
+  { value: "Bank Statement Loan", text: "Bank Statement Loan" }
+];
 const RepresentativesFico = [
   { value: "780", text: "780+" },
   { value: "760", text: "779 - 760" },
@@ -62,6 +70,16 @@ const RepresentativesFico = [
   { value: "620", text: "639 - 620" },
   { value: "600", text: "Below 620" }
 ];
+const CreditScore = [
+  { value: "740+", text: "740+" },
+  { value: "720", text: "739 - 720" },
+  { value: "700", text: "719 - 700" },
+  { value: "680", text: "699 - 680" },
+  { value: "660", text: "679 - 660" },
+  { value: "640", text: "659 - 640" },
+  { value: "620", text: "639 - 620" },
+  { value: "Below 620 ", text: "Below 620" }
+];
 const DocType = [
   { value: "FullDoc", text: "Full Doc" },
   // { value: "AssetDepletion", text: "Asset Depletion" },
@@ -133,6 +151,11 @@ const PropertyType = [
   { value: "Coop", text: "Co-op" },
   { value: "Condotel", text: "Condotel" }
 ];
+const PropertyIntendedUse = [
+  { value: "Primary Residence", text: "Primary Residence" },
+  { value: "Second / Vacation Home", text: "Vacation Home" },
+  { value: "Investment", text: "Investment" }
+];
 const Occupancy = [
   { value: "PrimaryResidence", text: "Principal Residence" },
   { value: "SecondHome", text: "Second Home" },
@@ -456,19 +479,23 @@ export {
   BuydownRate,
   BuydownTerm,
   Citizenship,
+  CreditScore,
   CurrentAssets,
   DocType,
   Fico,
   HousingEventHistory,
   HousingEventType,
   LeadType,
+  LoanPurposes,
   LoanRates,
+  LoanTypeDetails,
   MortgageLates12,
   MortgageLates24,
   NumberOfUnits,
   Occupancy,
   PrepaymentPenalty,
   Program,
+  PropertyIntendedUse,
   PropertyType,
   PurposeOfLoan,
   Purposes,

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -22,7 +22,7 @@ import clsx from "clsx";
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect, useLayoutEffect } from "react";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
@@ -138,6 +138,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                   */
 /* empty css                                                 */
 import { honeyPotSchema, isValidHoneyPot } from "../HoneyPot/honeyPotValidation.js";
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const MortgageRate = ({
   icon = false,
   children,
@@ -163,6 +164,8 @@ const MortgageRate = ({
   const [_downPayment, setDownPayment] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
   const [salesPriceVal, setSalesPriceVal] = useState(0);
+  const containerRef = useRef(null);
+  const restoreScrollOnNextRender = useRef(false);
   const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     firstName: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
@@ -299,6 +302,14 @@ const MortgageRate = ({
       methods.setValue("downPayment", calculatedDownPayment);
     }
   }, [salesPrice, downPaymentPercentage]);
+  useIsomorphicLayoutEffect(() => {
+    if (!restoreScrollOnNextRender.current) return;
+    restoreScrollOnNextRender.current = false;
+    containerRef.current?.scrollIntoView({
+      block: "start",
+      behavior: "smooth"
+    });
+  }, [hideModal, showingTables]);
   const submitForm = async (data) => {
     const processData = {
       ...data
@@ -307,6 +318,7 @@ const MortgageRate = ({
     if (setRateWatchSubmitted) {
       setRateWatchSubmitted(false);
     }
+    restoreScrollOnNextRender.current = true;
     setHideModal(true);
   };
   const variant = getVariant(fullVariant);
@@ -370,7 +382,7 @@ const MortgageRate = ({
     }
     return value;
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
     hideModal && !showingTables && /* @__PURE__ */ jsx(
       "section",
       {
@@ -446,9 +458,9 @@ const MortgageRate = ({
             {
               className: form,
               onSubmit: async (e) => {
+                e.preventDefault();
                 onValidate && onValidate(e);
                 await handleSubmit(submitForm)(e);
-                e.preventDefault();
               },
               children: [
                 /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
@@ -798,12 +810,15 @@ const MortgageRate = ({
                       {
                         id,
                         className: `${chevron({ variant })} ${!isValid ? na_cursor : ""}`,
-                        onClick: isValid ? handleSubmit(async (data) => {
-                          await onSubmit(data);
-                          toggleModal();
-                          setHideModal(false);
-                        }) : (e) => {
+                        onClick: (e) => {
                           e.preventDefault();
+                          if (!isValid) return;
+                          handleSubmit(async (data) => {
+                            await onSubmit(data);
+                            restoreScrollOnNextRender.current = true;
+                            toggleModal();
+                            setHideModal(false);
+                          })(e);
                         },
                         children: "Sign Up For Ratewatch"
                       }

package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts

@@ -1,6 +1,6 @@
 export type RateWatchInputs = {
     updateType: string;
-    updateCadence: string;
+    updateCadence?: string;
     loanTerms?: string;
     hasSmsConsent: boolean;
     tR1DesiredRate?: string;

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -167,7 +167,7 @@ const RateWatchForm = ({
   );
   const schema = z.object({
     updateType: z.string().min(1, { message: "Update type is required." }),
-    updateCadence: z.string().refine((val) => !(updateType === "Frequency" && !val), {
+    updateCadence: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
       message: "Frequency is required."
     }),
     loanTerms: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
@@ -176,11 +176,13 @@ const RateWatchForm = ({
     hasSmsConsent: z.boolean().refine((val) => val === true, {
       message: "You must agree to receive SMS messages."
     }),
-    tR1DesiredRate: z.string().optional().refine(
+    tR1DesiredRate: z.string().optional().refine((val) => updateType === "Target Rate" ? !!val : true, {
+      message: "Desired Rate is required."
+    }).refine(
       (val) => {
         if (val && updateType === "Target Rate") {
           const numericValue = +val;
-          return !val || numericValue >= 2 && numericValue <= 10;
+          return numericValue >= 2 && numericValue <= 10;
         }
         return true;
       },
@@ -272,6 +274,7 @@ const RateWatchForm = ({
   const handleTypeChange = (event) => {
     const value = event.target.value;
     setUpdateType(value);
+    methods.setValue("updateType", value, { shouldValidate: true });
   };
   const handleDesiredRateChange = (fieldName) => (event) => {
     const sanitizedValue = sanitizeDesiredRate(event.target.value);
@@ -286,7 +289,7 @@ const RateWatchForm = ({
     handleSubmit(submitForm)();
   };
   useEffect(() => {
-    methods.reset();
+    methods.reset({ updateType });
   }, [updateType]);
   return /* @__PURE__ */ jsx("section", { className: "rate-watch-form", children: /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
     SuccesFormWrapper,
@@ -399,7 +402,7 @@ const RateWatchForm = ({
                   min: "2",
                   max: "10",
                   placeholder: "Desired Rate",
-                  error: isDesiredRateOutOfRange(watch("tR1DesiredRate")),
+                  error: !!errors.tR1DesiredRate,
                   helperText: isDesiredRateOutOfRange(watch("tR1DesiredRate")) ? "Desired Rate must be between 2 and 10." : errors.tR1DesiredRate?.message
                 }
               )
@@ -551,8 +554,7 @@ const RateWatchForm = ({
               },
               children: [
                 /* @__PURE__ */ jsx("sup", { children: "*" }),
-                " ",
-                "Please enter a desired rate between 2% and 10%"
+                " Please enter a desired rate between 2% and 10%"
               ]
             }
           )

package/dist/Forms/NonQMLoans.d.ts

@@ -0,0 +1,16 @@
+import { FormProps } from './FormProps';
+
+export type NonQMLoansInputs = {
+    first_name: string;
+    last_name: string;
+    phone: string;
+    email: string;
+    Loan_Amount_c: number;
+    Loan_c: string;
+    Loan_Type_c: string;
+    Property_Value_c: number;
+    Property_Type_c: string;
+    zip: string;
+    Credit_Score_OB_c: string;
+};
+export declare const NonQMLoans: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/NonQMLoans.js

@@ -0,0 +1,464 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import z__default from "zod";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
+import { CreditScore, PropertyIntendedUse, LoanTypeDetails, LoanPurposes } from "./FormEnums.js";
+import { useForm, FormProvider } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import clsx from "clsx";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/ImageToast/ImageToast.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../Input/Checkbox.js";
+import { CurrencyInput } from "../Input/CurrencyInput.js";
+import { Dropdown } from "../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 "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+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 "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Modal/contextApi/store.js";
+import "next/image.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+/* empty css                                          */
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+/* empty css                                */
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                  */
+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                                    */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.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                                            */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
+/* empty css                                                      */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                     */
+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                                              */
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
+const NonQMLoans = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  onValidate,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const schema = z__default.object({
+    first_name: z__default.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    last_name: z__default.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
+    phone: z__default.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__default.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z__default.NEVER;
+      }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z__default.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z__default.NEVER;
+      }
+      return removeDashes;
+    }),
+    email: z__default.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    Loan__c: z__default.string().min(1, { message: "Purpose is required" }).refine((val) => LoanPurposes.map((item) => item.value).includes(val), {
+      message: "Loan Purpose is required"
+    }),
+    Loan_Type: z__default.string().min(1, { message: "Loan Type is required" }).refine(
+      (val) => LoanTypeDetails.map((item) => item.value).includes(val),
+      {
+        message: "Loan Type is required"
+      }
+    ),
+    Loan_Amount__c: z__default.string({
+      message: "Please provide a valid base loan amount"
+    }).min(1, "Base loan amount is required").transform((val) => {
+      const loan_amount = val.replace(/[$ ]/gi, "");
+      const new_loan_amount = loan_amount.replaceAll(",", "");
+      return parseInt(new_loan_amount);
+    }),
+    Property_Value__c: z__default.string({
+      message: "Please provide a valid property value"
+    }).min(1, "Property value is required").transform((val) => {
+      const property_value = val.replace(/[$ ]/gi, "");
+      const new_property_value = property_value.replaceAll(",", "");
+      return parseInt(new_property_value);
+    }),
+    Property_Intended_Use__c: z__default.string().min(1, { message: "Intended use is required" }).refine((val) => PropertyIntendedUse.map((item) => item.value).includes(val), {
+      message: "Intended use is required"
+    }),
+    zip: z__default.string().trim().min(1, { message: "Zip Code is required." }).regex(/^\d{5}$/, { message: "ZIP code must be 5 digits." }),
+    Credit_Score_OB__c: z__default.string().min(1, { message: "Credit Score is required" }).refine((val) => CreditScore.map((item) => item.value).includes(val), {
+      message: "Credit Score is required"
+    })
+  });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z__default.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+  });
+  const methods = useForm({
+    resolver: zodResolver(gen_schema),
+    mode: "all"
+  });
+  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: `${form} ${descriptionField({ variant })} text_center`,
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                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",
+                placeholder: "Last Name",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone number",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Loan__c",
+                ...register("Loan__c", {
+                  required: true
+                }),
+                label: "Loan purpose",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Loan__c,
+                helperText: errors.Loan__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select option" }),
+                  LoanPurposes.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Loan_Type",
+                ...register("Loan_Type", {
+                  required: true
+                }),
+                label: "Loan type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Loan_Type,
+                helperText: errors.Loan_Type?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select option" }),
+                  LoanTypeDetails.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "Loan_Amount__c",
+                ...register("Loan_Amount__c", {
+                  required: true
+                }),
+                label: "Estimated loan amount",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Loan_Amount__c,
+                helperText: errors.Loan_Amount__c?.message,
+                variant,
+                maxfractiondigits: 0,
+                minfractiondigits: 0
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "Property_Value__c",
+                ...register("Property_Value__c", {
+                  required: true
+                }),
+                label: "Property value",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Property_Value__c,
+                helperText: errors.Property_Value__c?.message,
+                variant,
+                maxfractiondigits: 0,
+                minfractiondigits: 0
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Property_Intended_Use__c",
+                ...register("Property_Intended_Use__c", {
+                  required: true
+                }),
+                label: "Property usage",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Property_Intended_Use__c,
+                helperText: errors.Property_Intended_Use__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select option" }),
+                  PropertyIntendedUse.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "zip",
+                ...register("zip", { required: true }),
+                label: "Zip code",
+                sizes: "medium",
+                required: true,
+                error: !!errors.zip,
+                helperText: errors.zip?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Credit_Score_OB__c",
+                ...register("Credit_Score_OB__c", {
+                  required: true
+                }),
+                label: "Credit score",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Credit_Score_OB__c,
+                helperText: errors.Credit_Score_OB__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select option" }),
+                  CreditScore.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(HoneyPot, { register, 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 {
+  NonQMLoans
+};

package/dist/Forms/SuccesForm.js

@@ -69,9 +69,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/index.d.ts

@@ -39,3 +39,4 @@ export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
 export * from './BoatMooringLocation';
+export * from './NonQMLoans';

package/dist/Forms/index.js

@@ -45,6 +45,7 @@ import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
 import { BoatMooringLocation } from "./BoatMooringLocation.js";
+import { NonQMLoans } from "./NonQMLoans.js";
 import { honeyPotFieldsSchema, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 export {
   ApplicationStart,
@@ -76,6 +77,7 @@ export {
   MortgageRate,
   MortgageRateFilters,
   MortgageWarehouseLending,
+  NonQMLoans,
   QuickPricer,
   RateWatchForm,
   SalesforceFieldsForm,

package/dist/Input/DownPaymentInput.js

@@ -17,6 +17,7 @@ const DownPaymentInput = forwardRef(
     disabled,
     helperText: helper,
     error = false,
+    defaultValue,
     ...rest
   }, ref) => {
     const [downPayment, setDownPayment] = useState(0);

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

@@ -25,7 +25,7 @@ const mobileData = (menu, resolveUrl) => {
                     return {
                       id: last.id,
                       label: last.label,
-                      url: last.url
+                      url: resolveUrl(last.url)
                     };
                   })
                 };
@@ -35,12 +35,12 @@ const mobileData = (menu, resolveUrl) => {
             return {
               id: bl_item.id,
               label: bl_item.label,
-              url: bl_item.url,
+              url: resolveUrl(bl_item.url),
               items: bl_item.items?.map((subitem) => {
                 return {
                   id: subitem.id,
                   label: subitem.label,
-                  url: subitem.url
+                  url: resolveUrl(subitem.url)
                 };
               }) ?? []
             };

package/dist/main.js

@@ -108,6 +108,7 @@ import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { BoatMooringLocation } from "./Forms/BoatMooringLocation.js";
+import { NonQMLoans } from "./Forms/NonQMLoans.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner/HeroBanner.css.js";
@@ -367,6 +368,7 @@ export {
   default33 as NavBarAXB,
   default34 as NavBarAXC,
   default37 as NavBarLVF,
+  NonQMLoans,
   PageNavItem,
   PageNavSet,
   Pagination,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.rateWatch",
+  "version": "2.0.0-dev.scroll-fix",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",