@axos-web-dev/shared-components 2.0.0-dev.30 → 2.0.0-dev.31.insights

package/dist/Forms/ApplyNow.js

@@ -6,7 +6,7 @@ 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/Modal/Modal.css';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/AxosBank/NavBar2.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/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/ImageToast/ImageToast.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/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                                */
+import '../assets/Modal/Modal.css';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/Forms/HoneyPot/HoneyPot.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                                    */
@@ -32,6 +32,11 @@ import "next/image.js";
 import "../Button/Button.css.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                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -51,7 +56,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import { iconForm, headerForm, form, descriptionField, axosHeader, headerContainer, apply_now_form, formWrapper, step_title_apply_now, form_nav_apply_now, iconbillboards_option_apply_now, show_options, hide_options, back_btn_apply_now, disclosureForm, formContainer } from "./Forms.css.js";
-import "./HoneyPot/index.js";
+/* empty css                                     */
+import "./HoneyPot/honeyPotValidation.js";
 import "./SalesforceFieldsForm.js";
 import { getLink } from "./applynow-utils.js";
 import "../Input/RadioButton.css.js";
@@ -85,11 +91,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-/* empty css                                          */
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -108,16 +109,16 @@ import "next/script.js";
 /* 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 "next/link.js";
 import "../NavigationMenu/ServerNavigation/Menu.js";
 import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/Forms/BoatMooringLocation.d.ts

@@ -27,4 +27,4 @@ export type BoatMooringLocationInputs = {
     insurancePolicyExpirationDate: string;
     insuranceContactEmailAddress: string;
 };
-export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/BoatMooringLocation.js

@@ -24,7 +24,7 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
@@ -35,6 +35,7 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const BoatMooringLocation = ({
   icon = false,
   children,

package/dist/Forms/ClearingForm.d.ts

@@ -11,4 +11,4 @@ export type ClearingInputs = {
     Memo__c: string;
     business_type_selection: string;
 };
-export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ClearingForm.js

@@ -34,8 +34,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerForm, form, descriptionField, headerContainer, xc_input, fullRowForm, ro_input, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const options = [
   { label: "Active Trading", value: "Active Trading" },
   { label: "FinTech", value: "FinTech" },

package/dist/Forms/CommercialDeposits.d.ts

@@ -14,4 +14,4 @@ export type CommercialDepositsInputs = {
     Others_Detail__c: string;
     Product_and_servicing_needs__c: string;
 };
-export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialDeposits.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerForm, form, descriptionField, headerContainer, x_input, fullRowForm, pl_label, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const CommercialDeposits = ({
   icon = false,
   children,

package/dist/Forms/CommercialDepositsACS.d.ts

@@ -1,3 +1,3 @@
 import { FormProps } from './FormProps';
 
-export declare const CommercialDepositsACS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialDepositsACS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialDepositsACS.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerForm, form, descriptionField, headerContainer, x_input, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const CommercialDepositsACS = ({
   icon = false,
   children,

package/dist/Forms/CommercialDepositsNoLendingOption.d.ts

@@ -13,4 +13,4 @@ export type CommercialDepositsNoLendingOptionInputs = {
     Others_Detail__c: string;
     Product_and_servicing_needs__c: string;
 };
-export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialDepositsNoLendingOption.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerForm, form, descriptionField, headerContainer, x_input, fullRowForm, pl_label, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const CommercialDepositsNoLendingOption = ({
   icon = false,
   children,

package/dist/Forms/CommercialLending.d.ts

@@ -16,4 +16,4 @@ export type CommercialLendingInputs = {
     Loan__c: string;
     Requested_loan_amount_and_leverage__c: string;
 };
-export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialLending.js

@@ -34,8 +34,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const CommercialLending = ({
   icon = false,
   children,

package/dist/Forms/CommercialPremiumFinance.d.ts

@@ -7,4 +7,4 @@ export type CommercialPremiumFinanceInputs = {
     Insurance_Company__c: string;
     Type_of_Policy__c: string;
 };
-export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialPremiumFinance.js

@@ -34,8 +34,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const CommercialPremiumFinance = ({
   icon = false,
   children,

package/dist/Forms/CommercialTrustAndEstate.d.ts

@@ -0,0 +1,15 @@
+import { FormProps } from './FormProps';
+
+export type CommercialTrustAndEstateInputs = {
+    first_name: string;
+    last_name: string;
+    title: string;
+    email: string;
+    phone: string;
+};
+export interface CommercialTrustAndEstateProps extends Omit<FormProps, "onSubmit"> {
+    onSubmit?: (values: {
+        [index: string]: string | boolean | number | Date | any;
+    }) => Promise<boolean | void> | boolean | void;
+}
+export declare const CommercialTrustAndEstate: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: CommercialTrustAndEstateProps) => import("react").JSX.Element;

package/dist/Forms/CommercialTrustAndEstate.js

@@ -0,0 +1,238 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import { useState } from "react";
+import "react-use";
+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/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 * as z from "zod";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { iconForm, headerForm, form, descriptionField, headerContainer, formWrapper, disclosureForm, submitErrorText, actions, formContainer } from "./Forms.css.js";
+import { HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
+const CommercialTrustAndEstate = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  onValidate,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const [submitError, setSubmitError] = useState(false);
+  const schema = z.object({
+    first_name: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "First Name is required."
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Last Name is required."
+    }).trim().min(1, { message: "Last Name is required." }),
+    title: z.string({ message: "Title is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid title."
+    }).trim().min(1, { message: "Title is required." }).max(128, { message: "Title can have at most 128 characters." }),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, { message: "Phone is required." }).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;
+    })
+  });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.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) => {
+    setSubmitError(false);
+    const result = await onSubmit(data);
+    if (result === false) {
+      setSubmitError(true);
+    }
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id: `id_${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: clsx(headerContainer, "text_center"), children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                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",
+                    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: "title",
+                    ...register("title", { required: true }),
+                    label: "Title",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.title,
+                    helperText: errors.title?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "email",
+                    ...register("email", {
+                      required: true,
+                      validate: {
+                        isValid: associatedEmail
+                      }
+                    }),
+                    label: "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: "Phone",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.phone,
+                    helperText: errors.phone?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+              ] }),
+              children,
+              /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+              submitError && /* @__PURE__ */ jsx("div", { className: submitErrorText, role: "alert", children: "Something went wrong submitting your request. Please try again." }),
+              /* @__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 {
+  CommercialTrustAndEstate
+};

package/dist/Forms/ConstructionLendingDynamic.d.ts

@@ -9,4 +9,4 @@ export type ConstructionLendingDynamicInputs = {
     description: string;
     Company_NMLS_ID__c: string;
 };
-export declare const ConstructionLendingDynamic: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConstructionLendingDynamic: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ConstructionLendingDynamic.js

@@ -34,8 +34,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const HOMEOWNER_VALUE = "I am a homeowner.";
 const BROKER_VALUE = "I am a broker.";
 const USER_TYPE_PARAM = "user_type";

package/dist/Forms/ContactCompany.d.ts

@@ -7,4 +7,4 @@ export type ContactCompanyInputs = {
     phone: string;
     company: string;
 };
-export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ContactCompany.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const ContactCompany = ({
   icon = false,
   children,

package/dist/Forms/ContactCompanyTitle.d.ts

@@ -8,4 +8,4 @@ export type ContactCompanyTitleInputs = {
     company: string;
     title: string;
 };
-export declare const ContactCompanyTitle: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCompanyTitle: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ContactCompanyTitle.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const ContactCompanyTitle = ({
   icon = false,
   children,

package/dist/Forms/ContactUs.d.ts

@@ -6,4 +6,4 @@ export type Inputs = {
     email: string;
     phone: string;
 };
-export declare const ContactUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ContactUs.js

@@ -33,8 +33,9 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const ContactUs = ({
   icon = false,
   children,

package/dist/Forms/ContactUsAAS.d.ts

@@ -10,4 +10,4 @@ export type ContactUsAASInputs = {
     Role__c: string;
     description: string;
 };
-export declare const ContactUsAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactUsAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ContactUsAAS.js

@@ -34,8 +34,9 @@ import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { Roles } from "./FormEnums.js";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const ContactUsAAS = ({
   icon = false,
   children,

package/dist/Forms/ContactUsBusiness.d.ts

@@ -8,4 +8,4 @@ export type ContactUsBusinessNmlsIdInputs = {
     phone: string;
     Company_NMLS_ID__c: string;
 };
-export declare const ContactUsBusiness: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactUsBusiness: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;