@axos-web-dev/shared-components 1.0.99-honeypot.1 → 1.0.99-sectionSpacerRemoved.2

package/dist/Forms/CraPublicFile.d.ts

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

package/dist/Forms/CraPublicFile.js

@@ -41,8 +41,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
@@ -63,8 +65,6 @@ import "iframe-resizer";
 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                                */
@@ -139,6 +139,7 @@ const CraPublicFile = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -214,93 +215,104 @@ const CraPublicFile = ({
         }
       )
     ] }),
-    /* @__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__c",
-            ...register("First_Name__c"),
-            label: "First Name",
-            sizes: "medium",
-            placeholder: "First Name",
-            error: !!errors.First_Name__c,
-            helperText: errors.First_Name__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Last_Name__c",
-            ...register("Last_Name__c"),
-            label: "Last Name",
-            sizes: "medium",
-            placeholder: "Last Name",
-            error: !!errors.Last_Name__c,
-            helperText: errors.Last_Name__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Customer_Email__c",
-            ...register("Customer_Email__c"),
-            type: "email",
-            label: "Email",
-            sizes: "medium",
-            placeholder: "Email",
-            error: !!errors.Customer_Email__c,
-            helperText: errors.Customer_Email__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "Customer_Phone__c",
-            ...register("Customer_Phone__c", {
-              maxLength: 12
-            }),
-            label: "Phone",
-            sizes: "medium",
-            placeholder: "Phone",
-            type: "tel",
-            error: !!errors.Customer_Phone__c,
-            helperText: errors.Customer_Phone__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "description",
-            ...register("description", { required: true }),
-            label: "Comments/Questions",
-            sizes: "medium",
-            placeholder: "",
-            error: !!errors.description,
-            helperText: errors.description?.message,
-            variant,
-            rows: 1
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HoneyPot, { register, errors, 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: isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) })
-    ] })
+    /* @__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__c",
+                ...register("First_Name__c"),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                error: !!errors.First_Name__c,
+                helperText: errors.First_Name__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Last_Name__c",
+                ...register("Last_Name__c"),
+                label: "Last Name",
+                sizes: "medium",
+                placeholder: "Last Name",
+                error: !!errors.Last_Name__c,
+                helperText: errors.Last_Name__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Customer_Email__c",
+                ...register("Customer_Email__c"),
+                type: "email",
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                error: !!errors.Customer_Email__c,
+                helperText: errors.Customer_Email__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "Customer_Phone__c",
+                ...register("Customer_Phone__c", {
+                  maxLength: 12
+                }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                type: "tel",
+                error: !!errors.Customer_Phone__c,
+                helperText: errors.Customer_Phone__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "description",
+                ...register("description", { required: true }),
+                label: "Comments/Questions",
+                sizes: "medium",
+                placeholder: "",
+                error: !!errors.description,
+                helperText: errors.description?.message,
+                variant,
+                rows: 1
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, 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: isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/DealerServices.d.ts

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