@axos-web-dev/shared-components 2.2.16 → 2.2.17

package/dist/ATMLocator/ATMLocator.d.ts

@@ -1,4 +1,4 @@
 import { CalculatorProps } from '../Calculators';
 
 export type ATMLocatorProps = CalculatorProps;
-export declare const ATMLocator: (props: CalculatorProps) => import("react").JSX.Element;
+export declare const ATMLocator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Accordion/Accordion.d.ts

@@ -7,6 +7,6 @@ export declare const AccordionCtx: React.Context<{
     isOpen: boolean;
     onclick: () => void;
 }>;
-export declare const AccordionHeader: (props: PropsWithChildren) => React.JSX.Element;
-export declare const AccordionDetails: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const Accordion: (props: Accordion & PropsWithChildren) => React.JSX.Element;
+export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Article/Article.d.ts

@@ -12,4 +12,4 @@ export interface ArticleProps {
     variant?: QuaternaryTypes;
     useChevron?: boolean | false;
 }
-export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react").JSX.Element;
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/ErrorAlert.d.ts

@@ -10,5 +10,5 @@ type Props = {
     onClose?: () => void;
     modalRef?: React.RefObject<HTMLDivElement>;
 };
-export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react").JSX.Element;
+export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Auth/Logout.d.ts

@@ -1,3 +1,3 @@
 export declare const Logout: ({ action, }: {
     action: (prev: unknown, formData: FormData) => void;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/SignInPassword.d.ts

@@ -12,4 +12,4 @@ export type Credentials = {
     username: string;
     password: string;
 };
-export declare const SignIn: (props: SignIn) => import("react").JSX.Element;
+export declare const SignIn: (props: SignIn) => import("react/jsx-runtime").JSX.Element;

package/dist/BulletItem/BulletItem.d.ts

@@ -12,4 +12,4 @@ export interface BulletItemProps extends PropsWithChildren {
     subBullet?: boolean;
     className?: string;
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react").JSX.Element;
+export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/Button.d.ts

@@ -18,4 +18,4 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react").JSX.Element;
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,4 @@
 import { ButtonProps } from './Button';
 import { ButtonVariants } from './Button.css';
 
-export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react").JSX.Element;
+export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.d.ts

@@ -16,4 +16,4 @@ export interface CalculatorProps {
     initialBalance?: number;
     callToActionRow?: ChevronProps[];
 }
-export declare const Calculator: (props: CalculatorProps) => React.JSX.Element;
+export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Carousel/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { carouselVariants } from './Carousel.css';
 
 export interface SlideProps extends PropsWithChildren {
@@ -17,5 +17,5 @@ export interface CarouselProps extends PropsWithChildren {
     description?: ReactNode;
     internalName?: string;
 }
-export declare const CarouselSlide: (props: SlideProps & carouselVariants) => React.JSX.Element;
-export declare const Carousel: (props: CarouselProps & carouselVariants) => React.JSX.Element;
+export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.d.ts

@@ -3,4 +3,4 @@ import { PropsWithChildren } from 'react';
 export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
     onClick?: () => void;
     project: "axos" | "ufb" | "Axos" | "Ufb";
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.d.ts

@@ -17,5 +17,5 @@ export declare const Chatbot: ({ project, projectEnv, menuOption, config, }: {
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;
     config: InitalizeChatbot;
-}) => false | import("react").JSX.Element;
+}) => false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Chatbot/EllipsisAnimation.d.ts

@@ -1,2 +1,2 @@
-declare const EllipsisLoader: () => import("react").JSX.Element;
+declare const EllipsisLoader: () => import("react/jsx-runtime").JSX.Element;
 export default EllipsisLoader;

package/dist/Chatbot/EllipsisIcon.d.ts

@@ -1,4 +1,4 @@
 export declare const EllipsisIcon: ({ size, color }: {
     size?: number | undefined;
     color?: string | undefined;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Comparison/Comparison.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonProps } from './Comparison.interface';
 
-export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react").JSX.Element;
+export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Comparison/ComparisonSet.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonSetProps } from './Comparison.interface';
 
-export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react").JSX.Element;
+export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react").JSX.Element;
+export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, numberOfColumns, }: Props) => import("react").JSX.Element;
+export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, numberOfColumns, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/Overlay.d.ts

@@ -4,5 +4,5 @@ interface OverlayProps {
     className?: string;
     variant?: QuaternaryTypes;
 }
-export declare const Overlay: ({ className, variant }: OverlayProps) => import("react").JSX.Element;
+export declare const Overlay: ({ className, variant }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/FaqAccordion/index.d.ts

@@ -4,19 +4,19 @@ import { PropsWithChildren, ReactNode } from 'react';
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
-export declare const AccordionItem: (props: AccordionItemProps) => import("react").JSX.Element;
+export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
     level: string;
-} & PropsWithChildren) => import("react").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionCtas: (props: {
     callToActionRow: ChevronProps;
-}) => import("react").JSX.Element;
-export declare const AccordionItemContent: (props: PropsWithChildren) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
     accordionEmbedLevel?: string;
     internalName?: string;
     id?: string;
     additionalDetails?: ReactNode | string;
-} & PropsWithChildren) => import("react").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/FdicCallout/index.d.ts

@@ -1 +1 @@
-export declare const FdicBanner: () => import("react").JSX.Element;
+export declare const FdicBanner: () => import("react/jsx-runtime").JSX.Element;

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -7,8 +7,8 @@ type WithStyles = {
 type WithId = {
     id?: string;
 };
-export declare const FooterContent: (props: PropsWithChildren & WithStyles & WithId) => import("react").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren & WithStyles & WithId) => import("react").JSX.Element;
-export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react").JSX.Element;
-export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react").JSX.Element;
+export declare const FooterContent: (props: PropsWithChildren & WithStyles & WithId) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterParagraph: (props: PropsWithChildren & WithStyles & WithId) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/FooterDisclosure/LVF/LaVictorieFooter.d.ts

@@ -6,4 +6,4 @@ export declare const LaVictorieFooter: ({ footerLinks, logo, gbf, }: {
     }>;
     logo: "full" | "text";
     gbf?: boolean;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.d.ts

@@ -1,3 +1,3 @@
 export declare const AxosFooterSiteMap: ({ showButtons, }: {
     showButtons?: boolean;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ApplicationStart.d.ts

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

package/dist/Forms/ApplyNow.d.ts

@@ -3,4 +3,4 @@ import { FormProps } from './FormProps';
 export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, project, }: Omit<FormProps & {
     gbf?: boolean;
     project?: string;
-}, "callToAction" | "validateEmail" | "onSubmit">) => import("react").JSX.Element;
+}, "callToAction" | "validateEmail" | "onSubmit">) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CommercialDepositsACS.d.ts

@@ -0,0 +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;

package/dist/Forms/CommercialDepositsACS.js

@@ -0,0 +1,278 @@
+"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 "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import { InputTextArea } from "../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, x_input, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const CommercialDepositsACS = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  onValidate,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const schema = z.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." }),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    phone: z.string({ message: "Business Phone is required." }).regex(/[\d-]{10}/, { message: "Business Phone is required." }).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Business 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;
+    }),
+    company: z.string({ message: "Business Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Business Name is required"
+    }).trim().min(1, { message: "Business Name is required." }),
+    Estimated_Gross_Annual_Revenue__c: z.string({
+      message: "Estimated gross annual revenue is required"
+    }).min(1, { message: "Estimated gross annual revenue is required" }),
+    Product_and_servicing_needs__c: z.string()
+  });
+  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) => {
+    const processData = {
+      ...data
+    };
+    await onSubmit(processData);
+  };
+  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: "First Name is required"
+                    }),
+                    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: "company",
+                    ...register("company", { required: true }),
+                    label: "Business Name",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.company,
+                    helperText: errors.company?.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", { className: x_input, children: /* @__PURE__ */ jsx(
+                  InputPhone,
+                  {
+                    id: "phone",
+                    ...register("phone", { required: true, maxLength: 12 }),
+                    label: "Business Phone",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.phone,
+                    helperText: errors.phone?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                  Dropdown,
+                  {
+                    id: "Estimated_Gross_Annual_Revenue__c",
+                    ...register("Estimated_Gross_Annual_Revenue__c", {
+                      required: true
+                    }),
+                    label: "Estimated Credit Line",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.Estimated_Gross_Annual_Revenue__c,
+                    helperText: errors.Estimated_Gross_Annual_Revenue__c?.message,
+                    variant,
+                    defaultValue: "",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { disabled: true, value: "", children: "Select Option" }),
+                      /* @__PURE__ */ jsx("option", { value: "Under $3MM", children: "Under $3MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "$3MM - $10MM", children: "$3MM - $10MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "$10MM - $100MM", children: "$10MM - $100MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "Above $100MM", children: "Above $100MM" })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+                  InputTextArea,
+                  {
+                    id: "Product_and_servicing_needs__c",
+                    ...register("Product_and_servicing_needs__c", {
+                      required: false
+                    }),
+                    label: "Kindly describe your product and/or servicing needs.",
+                    sizes: "medium",
+                    required: false,
+                    error: !!errors.Product_and_servicing_needs__c,
+                    helperText: errors.Product_and_servicing_needs__c?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+              ] }),
+              children,
+              /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+              /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  color: getVariant(callToAction?.variant),
+                  as: "button",
+                  type: "submit",
+                  disabled: !isValid || isSubmitting,
+                  children: callToAction?.displayText
+                }
+              ) })
+            ]
+          }
+        )
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  CommercialDepositsACS
+};

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.Element;
+export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ConstructionLendingDynamic: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ContactCompanyTitle: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ContactUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ContactUsAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

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.Element;
+export declare const ContactUsBusiness: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactUsBusinessNameEmail.d.ts

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

package/dist/Forms/ContactUsLVF.d.ts

@@ -14,4 +14,4 @@ export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, vari
         pageName?: string;
         pageUri?: string;
     };
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactUsNMLSId.d.ts

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