@axos-web-dev/shared-components 1.0.76 → 1.0.77-ext-bal-apy-calc.1

package/dist/Auth/SignInPassword.js

@@ -63,16 +63,20 @@ const SignIn = (props) => {
           /* @__PURE__ */ jsx("h2", { className: "header_1", children: headline ?? "Log in" }),
           bodyCopy ?? /* @__PURE__ */ jsxs("div", { className: clsx(body_sign_in), children: [
             /* @__PURE__ */ jsx("p", { children: "Please login to access this resource." }),
-            /* @__PURE__ */ jsx("p", { children: "Your Digital Help credentials were sent via email during the onboarding process." })
+            /* @__PURE__ */ jsxs("p", { children: [
+              "Your ",
+              /* @__PURE__ */ jsx("b", { children: "Axos Resource Center" }),
+              " credentials were sent via email during the onboarding process."
+            ] })
           ] }),
           /* @__PURE__ */ jsx("div", { className: `${form_input_wrapper} push_up`, children: /* @__PURE__ */ jsx(
             Input,
             {
               id: "username",
               ...register("username", { required: true }),
-              label: "ACE User ID",
+              label: "Username",
               sizes: "medium",
-              placeholder: "ACE User ID",
+              placeholder: "Username",
               required: true,
               error: !!errors.username,
               helperText: errors?.username?.message,
@@ -84,9 +88,9 @@ const SignIn = (props) => {
             {
               id: "password",
               ...register("password", { required: true }),
-              label: "ACE Company ID",
+              label: "Password",
               sizes: "medium",
-              placeholder: "ACE Company ID",
+              placeholder: "Password",
               required: true,
               error: !!errors.password,
               helperText: errors?.password?.message,

package/dist/Button/Button.css.d.ts

@@ -71,6 +71,19 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
                 };
             };
         };
+        embedded: {
+            padding: "8px 48px";
+            fontSize: number;
+            "@media": {
+                "screen and (max-width: 768px)": {
+                    padding: "8px 8px";
+                };
+                "screen and (max-width: 450px)": {
+                    padding: "4px 4px";
+                    fontSize: number;
+                };
+            };
+        };
     };
     disabled: {
         true: {

package/dist/Button/Button.css.js

@@ -4,7 +4,7 @@ import '../assets/Button/Button.css';import '../assets/themes/victorie.css';impo
 /* empty css                                    */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" }, square: { true: "_13pdpujd" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpuje"], [{ color: "secondary", disabled: true }, "_13pdpujf"], [{ color: "tertiary", disabled: true }, "_13pdpujg"], [{ skeleton: true, size: "large" }, "_13pdpujh"], [{ skeleton: true, size: "medium" }, "_13pdpuji"], [{ skeleton: true, size: "small" }, "_13pdpujj"]] });
+var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7", embedded: "_13pdpuj8" }, disabled: { true: "_13pdpuj9" }, rounded: { none: "_13pdpuja", small: "_13pdpujb", medium: "_13pdpujc", large: "_13pdpujd" }, square: { true: "_13pdpuje" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpujf"], [{ color: "secondary", disabled: true }, "_13pdpujg"], [{ color: "tertiary", disabled: true }, "_13pdpujh"], [{ skeleton: true, size: "large" }, "_13pdpuji"], [{ skeleton: true, size: "medium" }, "_13pdpujj"], [{ skeleton: true, size: "small" }, "_13pdpujk"]] });
 export {
   button
 };

package/dist/Calculators/ApyCalculator/index.js

@@ -264,16 +264,23 @@ const ApyCalculator = ({
         {
           className: `${container({ variant: getVariant(variant) })} ${marketingTile} rounded bordered`,
           children: [
-            /* @__PURE__ */ jsx("div", { className: `${content} ${bodyContent}`, children: /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `header_3 ${header_theme({ variant: calculator_variant })}`,
-                  children: headline
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { children: bodyCopy })
-            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: `${content} ${bodyContent}`, children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: headerIconBillboard,
+                style: { textAlign: "left" },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `header_3 ${header_theme({ variant: calculator_variant })}`,
+                      children: headline
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { children: bodyCopy })
+                ]
+              }
+            ) }),
             callToActionRow && /* @__PURE__ */ jsx("div", { className: `${buttons} middle`, children: callToActionRow.map(
               ({
                 id: id2,

package/dist/Calculators/AxosOneCalculator/index.d.ts

@@ -6,5 +6,6 @@ export interface AxosOneCalculatorProps {
     bodyCopy?: React.ReactNode | string;
     disclosure: React.ReactNode | string;
     variant: string;
+    initialBalance?: number;
 }
 export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;

package/dist/Calculators/AxosOneCalculator/index.js

@@ -24,19 +24,29 @@ const AxosOneCalculator = ({
   bodyCopy,
   disclosure,
   icon,
-  variant
+  variant,
+  initialBalance
 }) => {
   const calc_variant = getVariant(variant);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
-  const [balance, setBalance] = useState(1e4);
+  const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
+  const [balance, setBalance] = useState(startingBalance);
   const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
-  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
+  const [axbEarning, setAxbEarning] = useState(
+    AXOS_ONE_APY / 100 * startingBalance
+  );
   const [chaseAPY, _setChaseAPY] = useState(0.01);
-  const [chaseEarning, setChaseEarning] = useState(1);
+  const [chaseEarning, setChaseEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [bofaAPY, _setBofaAPY] = useState(0.01);
-  const [bofaEarning, setBofaEarning] = useState(1);
+  const [bofaEarning, setBofaEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [fargoAPY, _setFargoAPY] = useState(0.05);
-  const [fargoEarning, setFargoEarning] = useState(5);
+  const [fargoEarning, setFargoEarning] = useState(
+    0.05 / 100 * startingBalance
+  );
   const removeNonNumeric = (value) => {
     if (value === "") {
       value = "0";
@@ -59,7 +69,7 @@ const AxosOneCalculator = ({
       setBalance(0);
     }
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
     icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
     (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
       headline && /* @__PURE__ */ jsx("h2", { className: clsx("header_2", ax1_header_calc), children: headline }),
@@ -135,7 +145,7 @@ const AxosOneCalculator = ({
                 /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
                   "$",
                   axbEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
+                    maximumFractionDigits: 0
                   })
                 ] }) })
               ] }),
@@ -151,39 +161,39 @@ const AxosOneCalculator = ({
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
                   chaseEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
+                    maximumFractionDigits: 0
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Bank of America",
+                  "Wells Fargo",
                   /* @__PURE__ */ jsx("sup", { children: "3" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  bofaAPY.toFixed(2),
+                  fargoAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
+                  fargoEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 0
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Wells Fargo",
+                  "Bank of America",
                   /* @__PURE__ */ jsx("sup", { children: "4" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  fargoAPY.toFixed(2),
+                  bofaAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
+                  bofaEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 0
                   })
                 ] })
               ] })

package/dist/Calculators/Calculator.d.ts

@@ -11,5 +11,6 @@ export interface CalculatorProps {
     bodyCopy?: React.ReactNode;
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
+    initialBalance?: number;
 }
 export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.js

@@ -134,7 +134,8 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    initialBalance
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -225,7 +226,8 @@ const Calculator = (props) => {
         bodyCopy,
         variant,
         disclosure,
-        icon
+        icon,
+        initialBalance
       }
     );
   } else if (name === "APY Balance Summit Savings") {

package/dist/Comparison/Comparison.css.d.ts

@@ -39,4 +39,5 @@ export declare const feature_title: string;
 export declare const feature_header: string;
 export declare const comparison_container: string;
 export declare const comparison_tab_container: string;
+export declare const comparison_content: string;
 export declare const comparison_buttons: string;

package/dist/Comparison/Comparison.css.js

@@ -18,11 +18,13 @@ var feature_title = "_198o0lt9";
 var feature_header = "_198o0lta";
 var comparison_container = "_198o0ltb";
 var comparison_tab_container = "_198o0ltc";
-var comparison_buttons = "_198o0ltd";
+var comparison_content = "_198o0ltd";
+var comparison_buttons = "_198o0lte";
 export {
   comparison,
   comparison_buttons,
   comparison_container,
+  comparison_content,
   comparison_feature,
   comparison_layout,
   comparison_list,

package/dist/Comparison/Comparison.js

@@ -7,7 +7,7 @@ import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { content, title } from "../IconBillboard/IconBillboard.css.js";
+import { title } from "../IconBillboard/IconBillboard.css.js";
 import SvgStarIcon from "../icons/Star/index.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
@@ -71,7 +71,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
-import { comparison_layout, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
+import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -148,7 +148,7 @@ const Comparison = ({
         toggleState === index ? active_content : ""
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: comparison_layout, children: /* @__PURE__ */ jsxs("div", { className: content, children: [
+        /* @__PURE__ */ jsx("div", { className: comparison_layout, children: /* @__PURE__ */ jsxs("div", { className: comparison_content, children: [
           (headline || description) && /* @__PURE__ */ jsxs("div", { className: clsx(headerComparison), children: [
             headline && /* @__PURE__ */ jsx("h3", { className: title({ variant: getVariant(fullVariant) }), children: headline }),
             description && /* @__PURE__ */ jsx("div", { children: description })

package/dist/Comparison/index.js

@@ -1,10 +1,11 @@
-import { comparison, comparison_buttons, comparison_container, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
+import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
 import { ComparisonSet } from "./ComparisonSet.js";
 export {
   ComparisonSet,
   comparison,
   comparison_buttons,
   comparison_container,
+  comparison_content,
   comparison_feature,
   comparison_layout,
   comparison_list,

package/dist/Forms/ContactUsBusinessNameEmail.d.ts

@@ -0,0 +1,9 @@
+import { FormProps } from './FormProps';
+
+export type ContactUsBusinessNameAndEmailInputs = {
+    first_name: string;
+    last_name: string;
+    Business_Name__c: string;
+    email: string;
+};
+export declare const ContactUsBusinessNameAndEmail: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -0,0 +1,272 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+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 "../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/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.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/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/CallToActionBar/CallToActionBar.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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+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 "../utils/allowedAxosDomains.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                  */
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+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";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.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";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+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                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+const ContactUsBusinessNameAndEmail = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    Business_Name__c: z.string().min(1)
+  });
+  const methods = useForm({
+    resolver: zodResolver(
+      schema.merge(SalesforceSchema),
+      {
+        async: true
+      },
+      { mode: "async" }
+    ),
+    mode: "onChange",
+    shouldUnregister: true,
+    defaultValues: {
+      email: ""
+    }
+  });
+  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: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+        /* @__PURE__ */ jsx("div", { className: "", 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: "Business_Name__c",
+            ...register("Business_Name__c", {
+              required: true
+            }),
+            type: "text",
+            label: "Business Name",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Business_Name__c,
+            helperText: errors.Business_Name__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "email",
+            ...register("email", {
+              required: true
+            }),
+            type: "email",
+            label: "Business Email",
+            sizes: "medium",
+            required: true,
+            error: !!errors.email,
+            helperText: errors.email?.message,
+            variant
+          }
+        ) })
+      ] }),
+      children,
+      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+      /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+        LoadingIndicator,
+        {
+          style: { marginInline: "auto" },
+          variant
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: getVariant(callToAction?.variant),
+          as: "button",
+          type: "submit",
+          disabled: !isValid || isSubmitting,
+          children: callToAction?.displayText
+        }
+      ) })
+    ] })
+  ] }) }) }, id);
+};
+export {
+  ContactUsBusinessNameAndEmail
+};

package/dist/Forms/FormEnums.js

@@ -156,8 +156,6 @@ const BrokerConpensation = [
   { value: "Lender Paid", text: "Lender Paid" }
 ];
 const Program = [
-  { value: "3/6 SOFR ARM", text: "3/6 SOFR ARM" },
-  { value: "5/6 SOFR ARM", text: "5/6 SOFR ARM" },
   {
     value: "20 Year Fixed Personal Use",
     text: "20 Year Fixed Personal Use"
@@ -169,7 +167,9 @@ const Program = [
   {
     value: "20 Year Fixed Full Time Charter",
     text: "20 Year Fixed Full Time Charter"
-  }
+  },
+  { value: "3/6 SOFR ARM", text: "3/6 SOFR ARM" },
+  { value: "5/6 SOFR ARM", text: "5/6 SOFR ARM" }
 ];
 const Fico = [
   { value: "800+", text: "800+" },

package/dist/Forms/index.d.ts

@@ -3,11 +3,13 @@ export * from './ApplyNow';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
 export * from './CommercialLending';
+export * from './CommercialPremiumFinance';
 export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';
 export * from './ContactUsAAS';
 export * from './ContactUsBusiness';
+export * from './ContactUsBusinessNameEmail';
 export * from './ContactUsLVF';
 export * from './ContactUsNMLSId';
 export * from './CpraRequest';
@@ -28,4 +30,3 @@ export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
-export * from './CommercialPremiumFinance';