@axos-web-dev/shared-components 1.0.99-dev-2 → 1.0.99-dev-5

package/dist/Forms/ScheduleCallPremier.js

@@ -21,7 +21,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/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                                                    */
@@ -32,7 +32,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCallPremier = ({
@@ -47,6 +47,7 @@ const ScheduleCallPremier = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -123,163 +124,174 @@ const ScheduleCallPremier = ({
         }
       )
     ] }),
-    /* @__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",
-            placeholder: "First Name",
-            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",
-            placeholder: "Last Name",
-            required: true,
-            error: !!errors.last_name,
-            helperText: errors.last_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "email",
-            ...register("email", {
-              required: true,
-              validate: {
-                isValid: associatedEmail
+    /* @__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", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
               }
-            }),
-            label: "Email",
-            sizes: "medium",
-            placeholder: "Email",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "phone",
-            ...register("phone", { required: true, maxLength: 12 }),
-            label: "Phone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.phone,
-            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",
-            min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
-            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" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-          CurrencyInput,
-          {
-            id: "Potential_Funding__c",
-            ...register("Potential_Funding__c", {
-              required: true
-            }),
-            label: "Potential Funding",
-            placeholder: "Potential Funding",
-            sizes: "medium",
-            required: true,
-            error: !!errors.Potential_Funding__c,
-            helperText: errors.Potential_Funding__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HoneyPot, { register, errors, 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
-        }
-      ) })
-    ] })
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                placeholder: "Last Name",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__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(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.phone,
+                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",
+                min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
+                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" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "Potential_Funding__c",
+                ...register("Potential_Funding__c", {
+                  required: true
+                }),
+                label: "Potential Funding",
+                placeholder: "Potential Funding",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Potential_Funding__c,
+                helperText: errors.Potential_Funding__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, 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 {

package/dist/Forms/SuccesForm.js

@@ -6,7 +6,7 @@ import "@hookform/resolvers/zod";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/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/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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                                                    */
@@ -114,7 +114,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                */
 /* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";
-import { success_icon, success_circle, succes_check_mark, success_wrap } from "./Forms.css.js";
+import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
 import "./HoneyPot/index.js";
 import "./SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";

package/dist/Forms/VendorQuestionnaire.d.ts

@@ -55,4 +55,4 @@ export type VendorQuestionnaireInputs = {
     "jobtitle/0-1": string;
     "email/0-1": string;
 };
-export declare const VendorQuestionnaire: ({ children, onSubmit, variant: fullVariant, validateEmail, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VendorQuestionnaire: ({ children, onSubmit, variant: fullVariant, validateEmail, onValidate, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;