@axos-web-dev/shared-components 0.0.66 → 0.0.68

package/dist/Forms/EmailOnly.js

@@ -40,20 +40,25 @@ import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.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                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */

package/dist/Forms/EmailUs.d.ts

@@ -0,0 +1,7 @@
+import { FormProps } from './FormProps';
+
+export type EmailUsInputs = {
+    email: string;
+    write_your_message: string;
+};
+export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/EmailUs.js

@@ -0,0 +1,125 @@
+"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 } from "../Input/Input.js";
+import { InputTextArea } from "../Input/InputTextArea.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";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import * as z from "zod";
+import { formContainer, iconForm, headerForm, form, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const EmailUs = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    write_your_message: z.string()
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      email: "",
+      write_your_message: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  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__ */ jsx("h2", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "write_your_message",
+                ...register("write_your_message", { required: true }),
+                label: "Write Your Message",
+                sizes: "medium",
+                placeholder: "Write Your Message",
+                required: true,
+                error: !!errors.write_your_message,
+                helperText: errors.write_your_message?.message,
+                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,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  EmailUs
+};

package/dist/Forms/FormEnums.d.ts

@@ -0,0 +1,2 @@
+export declare const Roles: readonly ["RIA Principal", "Advisor (IAR)", "Broker-Dealer Affiliated Advisor", "I am not a Financial Advisor", "Other"];
+export declare const CurrentAssets: readonly ["$0 - $25M", "$26M - $150M", "$151M - $500M", "$501M - $1B", "$1B+"];

package/dist/Forms/FormEnums.js

@@ -0,0 +1,18 @@
+const Roles = [
+  "RIA Principal",
+  "Advisor (IAR)",
+  "Broker-Dealer Affiliated Advisor",
+  "I am not a Financial Advisor",
+  "Other"
+];
+const CurrentAssets = [
+  "$0 - $25M",
+  "$26M - $150M",
+  "$151M - $500M",
+  "$501M - $1B",
+  "$1B+"
+];
+export {
+  CurrentAssets,
+  Roles
+};

package/dist/Forms/FormProps.d.ts

@@ -0,0 +1,17 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils';
+import { PropsWithChildren, ReactNode } from 'react';
+
+export interface FormProps extends PropsWithChildren {
+    id?: string;
+    onSubmit?: (values: {
+        [index: string]: string | boolean | number | Date;
+    }) => void;
+    icon?: boolean;
+    headline?: ReactNode | string;
+    description?: ReactNode | string;
+    disclosure?: ReactNode | string;
+    variant?: QuaternaryTypes;
+    validateEmail: (email: string) => Promise<boolean>;
+    callToAction: Omit<ChevronProps, "targetUrl">;
+}

package/dist/Forms/FormProps.js

@@ -0,0 +1 @@
+

package/dist/Forms/Forms.css.d.ts

@@ -2,15 +2,19 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -79,6 +83,9 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
         email: {
             gridTemplateColumns: "1fr";
         };
+        default: {
+            gridTemplateColumns: "1fr 1fr";
+        };
     };
 }>;
 export declare const actions: string;
@@ -154,3 +161,4 @@ export declare const descriptionField: import('@vanilla-extract/recipes').Runtim
     };
 }>;
 export declare const fullRowForm: string;
+export declare const one_row: string;

package/dist/Forms/Forms.css.js

@@ -7,16 +7,17 @@ var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassN
 var iconForm = "tfms6a5";
 var headerContainer = "tfms6a6";
 var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah" } }, defaultVariants: {}, compoundVariants: [] });
-var actions = "tfms6ai";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6aj", variantClassNames: { variant: { primary: "tfms6ak", secondary: "tfms6al", tertiary: "tfms6am", quaternary: "tfms6an" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6ao";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6ar", variantClassNames: { variant: { primary: "tfms6as", secondary: "tfms6at", tertiary: "tfms6au", quaternary: "tfms6av" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6aw";
-var succes_check_mark = "tfms6ax";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6ay", variantClassNames: { variant: { primary: "tfms6az", secondary: "tfms6a10", tertiary: "tfms6a11", quaternary: "tfms6a12" } }, defaultVariants: {}, compoundVariants: [] });
-var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
-var fullRowForm = "tfms6a18";
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah", "default": "tfms6ai" } }, defaultVariants: {}, compoundVariants: [] });
+var actions = "tfms6aj";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6ap";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6as", variantClassNames: { variant: { primary: "tfms6at", secondary: "tfms6au", tertiary: "tfms6av", quaternary: "tfms6aw" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6ax";
+var succes_check_mark = "tfms6ay";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6az", variantClassNames: { variant: { primary: "tfms6a10", secondary: "tfms6a11", tertiary: "tfms6a12", quaternary: "tfms6a13" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a14", variantClassNames: { variant: { primary: "tfms6a15", secondary: "tfms6a16", tertiary: "tfms6a17", quaternary: "tfms6a18" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a19";
+var one_row = "tfms6a1a";
 export {
   actions,
   descriptionField,
@@ -28,6 +29,7 @@ export {
   headerContainer,
   headerForm,
   iconForm,
+  one_row,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -19,6 +19,9 @@ export interface SalesforceInputs {
     First_UTMMedium__c: string;
     First_UTMSource__c: string;
     First_UTMTerm__c: string;
+    company: string;
+    Current_Assets_Under_Management__c: string;
+    Role__c: string;
 }
 export declare const SalesforceSchema: z.ZodObject<{
     Brand_SFDC2__c: z.ZodOptional<z.ZodString>;
@@ -33,6 +36,9 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c: z.ZodOptional<z.ZodString>;
     First_UTMSource__c: z.ZodOptional<z.ZodString>;
     First_UTMTerm__c: z.ZodOptional<z.ZodString>;
+    company: z.ZodOptional<z.ZodString>;
+    Current_Assets_Under_Management__c: z.ZodOptional<z.ZodString>;
+    Role__c: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     Brand_SFDC2__c?: string | undefined;
     Branch_SFDC2__c?: string | undefined;
@@ -46,6 +52,9 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
+    company?: string | undefined;
+    Current_Assets_Under_Management__c?: string | undefined;
+    Role__c?: string | undefined;
 }, {
     Brand_SFDC2__c?: string | undefined;
     Branch_SFDC2__c?: string | undefined;
@@ -59,6 +68,9 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
+    company?: string | undefined;
+    Current_Assets_Under_Management__c?: string | undefined;
+    Role__c?: string | undefined;
 }>;
 export interface QueryParams {
     [str: string]: string;

package/dist/Forms/SalesforceFieldsForm.js

@@ -22,7 +22,10 @@ const SalesforceSchema = z.object({
   First_UTMContent__c: z.string().optional(),
   First_UTMMedium__c: z.string().optional(),
   First_UTMSource__c: z.string().optional(),
-  First_UTMTerm__c: z.string().optional()
+  First_UTMTerm__c: z.string().optional(),
+  company: z.string().optional(),
+  Current_Assets_Under_Management__c: z.string().optional(),
+  Role__c: z.string().optional()
 });
 const SalesforceFieldsForm = memo(function SaleforceFieldForm({
   salesforceFields,

package/dist/Forms/ScheduleCall.d.ts

@@ -1,24 +1,11 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
-import { QuaternaryTypes } from '../utils/variant.types';
-import { PropsWithChildren, ReactNode } from 'react';
+import { FormProps } from './FormProps';
 
-export type Inputs = {
+export type ScheduleCallInputs = {
     first_name: string;
     last_name: string;
     email: string;
     phone: string;
+    Best_Time_To_Call__c: string;
+    Best_Contact_Date__c: string;
 };
-export interface FormProps extends PropsWithChildren {
-    id?: string;
-    onSubmit?: (values: {
-        [index: string]: string | boolean | number;
-    }) => void;
-    icon?: boolean;
-    headline?: ReactNode | string;
-    description?: ReactNode | string;
-    disclosure?: ReactNode | string;
-    variant?: QuaternaryTypes;
-    validateEmail: (email: string) => Promise<boolean>;
-    callToAction: Omit<ChevronProps, "targetUrl">;
-}
-export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ScheduleCall.js

@@ -7,7 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                          */
 /* empty css                                   */
 import { Input } from "../Input/Input.js";
@@ -38,10 +38,10 @@ const ScheduleCall = ({
   disclosure,
   variant: fullVariant = "primary",
   headline,
-  description,
   callToAction,
   validateEmail,
-  id
+  id,
+  description
 }) => {
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
@@ -57,7 +57,10 @@ const ScheduleCall = ({
         return z.NEVER;
       }
       return removeDashes;
-    })
+    }),
+    Best_Contact_Date__c: z.string().min(1).date("The field Value must be a date."),
+    Best_Time_To_Call__c: z.string().min(1).refine((val) => /[ap]|m/.test(val)),
+    Potential_Funding__c: z.string().min(1)
   });
   const methods = useForm({
     resolver: zodResolver(schema.merge(SalesforceSchema), {
@@ -71,7 +74,7 @@ const ScheduleCall = ({
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid, isSubmitting }
+    formState: { errors, isValid }
   } = methods;
   const submitForm = async (data) => {
     await onSubmit(data);
@@ -156,6 +159,62 @@ const ScheduleCall = ({
                 helperText: errors.phone?.message,
                 variant
               }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Best_Contact_Date__c",
+                ...register("Best_Contact_Date__c", {
+                  required: true
+                }),
+                type: "date",
+                label: "Best Date to Call",
+                sizes: "medium",
+                placeholder: "Best Date to Call",
+                required: true,
+                error: !!errors.Best_Contact_Date__c,
+                helperText: errors.Best_Contact_Date__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Best_Time_To_Call__c",
+                ...register("Best_Time_To_Call__c", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Best Time to Call",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Best_Time_To_Call__c,
+                helperText: errors.Best_Time_To_Call__c?.message,
+                variant,
+                defaultValue: "Best Time to Call",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
+                  /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
+                ]
+              }
             ) })
           ] }),
           children,
@@ -166,7 +225,7 @@ const ScheduleCall = ({
               color: getVariant(callToAction?.variant),
               as: "button",
               type: "submit",
-              disabled: !isValid || isSubmitting,
+              disabled: !isValid,
               children: callToAction?.displayText
             }
           ) })

package/dist/Forms/ScheduleCallPremier.d.ts

@@ -1,4 +1,4 @@
-import { FormProps } from './ScheduleCall';
+import { FormProps } from './FormProps';
 
 export type ScheduleCallPremierInputs = {
     first_name: string;

package/dist/Forms/ScheduleCallPremier.js

@@ -14,6 +14,7 @@ import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -95,7 +96,13 @@ const ScheduleCallPremier = ({
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
         /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
           /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
-          description && /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField} text_center`, children: description })
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${form} ${descriptionField({ variant })} text_center`,
+              children: description
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
@@ -235,7 +242,13 @@ const ScheduleCallPremier = ({
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
             Button,
             {
               color: getVariant(callToAction?.variant),

package/dist/Forms/SuccesForm.js

@@ -40,17 +40,21 @@ import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.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                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                */
 /* empty css                                                      */
 /* empty css                                                         */
@@ -67,6 +71,7 @@ import "../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../Input/RadioButton.js";
 function SuccesFormWrapper({
   children,
   isSubmitted,
@@ -134,7 +139,7 @@ function SuccesFormWrapper({
           }
         ),
         /* @__PURE__ */ jsx("h1", { id: "submittedText", children: headline || "Submitted!" }),
-        /* @__PURE__ */ jsx("p", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
           "Thank you!",
           /* @__PURE__ */ jsx("br", {}),
           "A Banking expert will be in contact with you shortly"

package/dist/Forms/WcplSurvey.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from './FormProps';
+
+export type WCPLSruveyInputs = {
+    Has_Deal: boolean;
+    Description_of_Deal_Details: string;
+    Telephone: string;
+};
+export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;