@axos-web-dev/shared-components 2.0.0-dev.enableCTA2 → 2.0.0-dev.insights.11

package/dist/Forms/NonQMLoans.js

@@ -1,471 +0,0 @@
-"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                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
-/* empty css                                   */
-import "../Chatbot/store/chat.js";
-import "../Chatbot/Chatbot.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.preprocess(
-      (val) => {
-        if (typeof val !== "string") return val;
-        const cleaned = val.replace(/[$ ,]/g, "");
-        return cleaned === "" ? void 0 : parseInt(cleaned, 10);
-      },
-      z__default.number({
-        required_error: "Loan amount is required",
-        invalid_type_error: "Please provide a valid loan amount"
-      }).min(15e4, "Please enter a value between $150,000 and $30,000,000.").max(3e7, "Please enter a value between $150,000 and $30,000,000.")
-    ),
-    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
-};