@axos-web-dev/shared-components 2.2.27 → 2.2.29

package/dist/ATMLocator/ATMLocator.js

@@ -74,10 +74,10 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Auth/ErrorAlert.js

@@ -70,10 +70,10 @@ import "./SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Button/Button.js

@@ -79,10 +79,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Calculators/ApyCalculator/index.js

@@ -24,6 +24,10 @@ const CALCULATOR_DEFINITIONS = [
     term: "APY (Annual Percentage Yield)",
     description: "The rate your money earns in a year, with compounding included."
   },
+  {
+    term: "APR (Annual Percentage Rate)",
+    description: "The rate your money earns in a year, without compounding."
+  },
   {
     term: "Months",
     description: "How long you plan to keep your money in the account."
@@ -143,6 +147,14 @@ const ApyCalculator = ({
     },
     [compounding]
   );
+  const getAPY = useCallback(
+    (apr) => {
+      return Number.parseFloat(
+        (((1 + apr / 100 / compounding) ** compounding - 1) * 100).toFixed(2)
+      );
+    },
+    [compounding]
+  );
   const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY) || 4.21;
   const [initialDeposit, setInitialDeposit] = useState(1e4);
   const [initialDepositDisplay, setInitialDepositDisplay] = useState(
@@ -150,6 +162,8 @@ const ApyCalculator = ({
   );
   const [APY, setAPY] = useState(AXOS_ONE_APY);
   const [APYDisplay, setAPYDisplay] = useState(APY.toString());
+  const [APR, setAPR] = useState(() => getAPR(AXOS_ONE_APY));
+  const [APRDisplay, setAPRDisplay] = useState(APR.toString());
   const [months, setMonths] = useState(12);
   const [monthsDisplay, setMonthsDisplay] = useState(months.toString());
   const [monthlyDeposits, setMonthlyDeposits] = useState(100);
@@ -182,10 +196,29 @@ const ApyCalculator = ({
   };
   const handleAPYChange = (e) => {
     const raw = e.target.value;
-    const num = parseFloat(raw.replace(/[^0-9.]/g, ""));
+    const cleaned = raw.replace(/[^0-9.]/g, "");
+    const num = parseFloat(cleaned);
     setAPY(num);
-    setAPYDisplay(raw.replace(/[^0-9.]/g, ""));
+    setAPYDisplay(cleaned);
+    const newAPR = Number.isNaN(num) ? NaN : getAPR(num);
+    setAPR(newAPR);
+    setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
   };
+  const handleAPRChange = (e) => {
+    const raw = e.target.value;
+    const cleaned = raw.replace(/[^0-9.]/g, "");
+    const num = parseFloat(cleaned);
+    setAPR(num);
+    setAPRDisplay(cleaned);
+    const newAPY = Number.isNaN(num) ? NaN : getAPY(num);
+    setAPY(newAPY);
+    setAPYDisplay(Number.isNaN(newAPY) ? "" : newAPY.toString());
+  };
+  useEffect(() => {
+    const newAPR = Number.isNaN(APY) ? NaN : getAPR(APY);
+    setAPR(newAPR);
+    setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
+  }, [compounding]);
   const [endingBalanceRaw, setEndingBalanceRaw] = useState(0);
   const [totalDepositsRaw, setTotalDepositsRaw] = useState(0);
   const [interestEarnedRaw, setInterestEarnedRaw] = useState(0);
@@ -215,9 +248,11 @@ const ApyCalculator = ({
     if (!APY || APY <= 0 || Number.isNaN(APY)) {
       newErrors.APY = "Please enter a valid APY greater than 0.";
     }
+    if (!APR || APR <= 0 || Number.isNaN(APR)) {
+      newErrors.APR = "Please enter a valid APR greater than 0.";
+    }
     setFieldErrors(newErrors);
     if (Object.keys(newErrors).length > 0) return false;
-    const APR = getAPR(APY);
     const interestRate = 0.01 * APR;
     let total;
     if (compounding === 360) {
@@ -243,7 +278,7 @@ const ApyCalculator = ({
     setTotalDepositsRaw(deposits);
     setInterestEarnedRaw(interest > 0 ? interest : 0);
     return true;
-  }, [initialDeposit, APY, months, monthlyDeposits, compounding, getAPR]);
+  }, [initialDeposit, APY, APR, months, monthlyDeposits, compounding]);
   const handleCalculateClick = useCallback(() => {
     const didCalculate = calculate();
     if (!didCalculate || !isStackedLayout) return;
@@ -347,6 +382,43 @@ const ApyCalculator = ({
                     }
                   )
                 ] }),
+                /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
+                  /* @__PURE__ */ jsx(Label, { className: field_label, children: "APR (Annual Percentage Rate)" }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `${label_symbol} ${percent}`,
+                      "aria-hidden": "true",
+                      children: "%"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      className: `${field_row_input} ${fieldErrors.APR ? ` ${field_row_input_error}` : ""}`,
+                      id: "apr",
+                      type: "text",
+                      inputMode: "decimal",
+                      pattern: "[0-9.]*",
+                      name: "apr",
+                      value: APRDisplay,
+                      onChange: handleAPRChange,
+                      onWheel: (e) => e.currentTarget.blur(),
+                      "aria-invalid": !!fieldErrors.APR,
+                      "aria-describedby": fieldErrors.APR ? "apr-error" : void 0
+                    }
+                  ),
+                  fieldErrors.APR && /* @__PURE__ */ jsx(
+                    Description,
+                    {
+                      as: "span",
+                      id: "apr-error",
+                      className: field_error,
+                      role: "alert",
+                      children: fieldErrors.APR
+                    }
+                  )
+                ] }),
                 /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
                   /* @__PURE__ */ jsx(Label, { className: field_label, children: "Months" }),
                   /* @__PURE__ */ jsx(

package/dist/Calculators/Calculator.js

@@ -51,10 +51,10 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 /* empty css                                       */

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
 /* 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";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */

package/dist/Carousel/index.js

@@ -80,10 +80,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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                                                                    */

package/dist/Chatbot/Bubble.css.js

@@ -2,7 +2,6 @@ import '../assets/Chatbot/Bubble.css';import '../assets/themes/victorie.css';imp
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
-import "./Chatbot.css.ts.vanilla.css.js";
 /* empty css                          */
 var borderHoverGradient = "_7u9pv31";
 var bubbleWrapper = "_7u9pv32";

package/dist/Chatbot/Chatbot.css.js

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

package/dist/Chevron/index.js

@@ -80,10 +80,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Comparison/Comparison.js

@@ -80,10 +80,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -81,10 +81,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/FaqAccordion/index.js

@@ -81,10 +81,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/FdicCallout/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import css from "./FdicCallout.module.js";
 const FdicBanner = () => {
-  return /* @__PURE__ */ jsx("div", { className: css.fdic_callout, "aria-label": "FDIC Notice banner", children: /* @__PURE__ */ jsx("div", { className: css.inner_container, children: /* @__PURE__ */ jsx("div", { className: "flex middle", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: css.fdic_callout, children: /* @__PURE__ */ jsx("div", { className: css.inner_container, children: /* @__PURE__ */ jsx("div", { className: "flex middle", children: /* @__PURE__ */ jsxs(
     "svg",
     {
       width: "430",

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -77,10 +77,10 @@ import "../../Auth/SignInPassword.js";
 /* 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";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
@@ -388,6 +388,15 @@ const AxosFooterSiteMap = ({
                     ),
                     children: "Technology and Life Sciences Banking"
                   }
+                ) }),
+                /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: resolveUrl(
+                      "{AXOSBANK}/commercial/banking/trust-and-estate"
+                    ),
+                    children: "Trust & Estate"
+                  }
                 ) })
               ] })
             ] })

package/dist/Forms/ApplyNow.js

@@ -82,10 +82,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

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,237 @@
+"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 { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.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/ContactUsBusiness.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsNMLSId.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* 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";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */