@axos-web-dev/shared-components 1.0.99-dev.1 → 1.0.99-dev.3

package/dist/Forms/WcplSurvey.d.ts

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

package/dist/Forms/WcplSurvey.js

@@ -31,6 +31,7 @@ import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const WCPLSurvey = ({
   icon = false,
@@ -42,6 +43,7 @@ const WCPLSurvey = ({
   variant: fullVariant = "primary",
   headline,
   callToAction,
+  onValidate,
   id,
   description
 }) => {
@@ -68,8 +70,16 @@ const WCPLSurvey = ({
       return removeDashes;
     })
   });
+  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(schema.merge(SalesforceSchema), {
+    resolver: zodResolver(gen_schema, {
       async: true
     }),
     mode: "all",
@@ -99,95 +109,107 @@ const WCPLSurvey = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          RadioButtonSet,
-          {
-            id: "Has_Deal",
-            label: "Do You have a potential deal you would like to discuss with an Account Executive?",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Has_Deal,
-            helperText: errors.Has_Deal?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "Yes",
-                  radioText: "Yes",
-                  groupName: "Has_Deal"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "No",
-                  radioText: "No",
-                  groupName: "Has_Deal"
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "Description_of_Deal_Details",
-            ...register("Description_of_Deal_Details", {
-              required: true
-            }),
-            label: "Write Your Message",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Description_of_Deal_Details,
-            helperText: errors.Description_of_Deal_Details?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "Telephone",
-            ...register("Telephone", { required: true, maxLength: 12 }),
-            label: "Telephone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.Telephone,
-            helperText: errors.Telephone?.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
-        }
-      ) })
-    ] })
+    /* @__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, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "Has_Deal",
+                label: "Do You have a potential deal you would like to discuss with an Account Executive?",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Has_Deal,
+                helperText: errors.Has_Deal?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "Has_Deal"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "Has_Deal"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "Description_of_Deal_Details",
+                ...register("Description_of_Deal_Details", {
+                  required: true
+                }),
+                label: "Write Your Message",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Description_of_Deal_Details,
+                helperText: errors.Description_of_Deal_Details?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "Telephone",
+                ...register("Telephone", { required: true, maxLength: 12 }),
+                label: "Telephone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.Telephone,
+                helperText: errors.Telephone?.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/index.d.ts

@@ -19,6 +19,7 @@ export * from './EmailOnly';
 export * from './EmailUs';
 export * from './FormProps';
 export * from './Forms.css';
+export * from './HoneyPot';
 export * from './MortgageRate/MortgageRateForm';
 export * from './MortgageRate/MortgageRateModal';
 export * from './MortgageRate/MortgageRateQuoteFilters';

package/dist/Forms/index.js

@@ -19,6 +19,7 @@ import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
 import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/index.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
@@ -56,6 +57,7 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  HoneyPot,
   MortgageRate,
   MortgageRateFilters,
   QuickPricer,
@@ -88,8 +90,10 @@ export {
   headerContainer,
   headerForm,
   hide_options,
+  honeyPotSchema,
   iconForm,
   iconbillboards_option_apply_now,
+  isValidHoneyPot,
   mb_form,
   modalCheckboxContainer,
   modalMobile,

package/dist/Hyperlink/index.js

@@ -43,6 +43,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/ImageLink/ImageLink.js

@@ -39,6 +39,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -44,6 +44,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/ImageLink/index.js

@@ -41,6 +41,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/Input/Input.js

@@ -16,6 +16,7 @@ const Input = forwardRef((props, ref) => {
     variant,
     type = "text",
     placeholder,
+    defaultValue,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
@@ -37,7 +38,8 @@ const Input = forwardRef((props, ref) => {
           className: clsx(props.className, input({ size: sizes })),
           type,
           placeholder,
-          disabled: disabled ?? false
+          disabled: disabled ?? false,
+          defaultValue
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Insight/Featured/CategorySelector.js

@@ -43,6 +43,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/Insight/Featured/Featured.js

@@ -40,6 +40,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/Insight/Featured/Header.js

@@ -38,6 +38,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/Modal/Modal.js

@@ -39,6 +39,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 /* empty css                                          */
 /* empty css                                          */

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -43,6 +43,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/NavigationMenu/AxosALTS/index.js

@@ -44,6 +44,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -43,6 +43,7 @@ import "../../../Input/DownPaymentInput.js";
 import "../../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../../Forms/Forms.css.js";
+import "../../../Forms/HoneyPot/index.js";
 import "../../../Forms/SalesforceFieldsForm.js";
 import "../../../Input/RadioButton.css.js";
 import "../../../Input/Checkbox.css.js";

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -43,6 +43,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -45,6 +45,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/NavigationMenu/AxosBank/index.js

@@ -41,6 +41,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 /* empty css                                             */
 /* empty css                                             */

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -43,6 +43,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -41,6 +41,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 /* empty css                                             */
 /* empty css                                             */

package/dist/NavigationMenu/NavDataJson.js

@@ -43,6 +43,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/NavigationMenu/Navbar.js

@@ -45,6 +45,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/NavigationMenu/SignInNavButton.js

@@ -41,6 +41,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 /* empty css                                          */
 /* empty css                                          */

package/dist/SetContainer/SetContainer.js

@@ -42,6 +42,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -43,6 +43,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/VideoTile/VideoTile.js

@@ -51,6 +51,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/VideoWrapper/index.js

@@ -44,6 +44,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/assets/Forms/HoneyPot/HoneyPot.css

@@ -0,0 +1,4 @@
+._1f7d89m0 {
+  position: absolute;
+  left: -9999px;
+}

package/dist/main.js

@@ -73,6 +73,7 @@ import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
 import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
+import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./Forms/HoneyPot/index.js";
 import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
@@ -291,6 +292,7 @@ export {
   GlobalContextProvider,
   GoBackButton,
   HeroBanner,
+  HoneyPot,
   Hyperlink,
   IconBillboard,
   IconBillboardSet,
@@ -544,6 +546,7 @@ export {
   highlight_first_row,
   highlight_last_row,
   highlight_th,
+  honeyPotSchema,
   icon,
   iconContainer,
   iconContainerBase,
@@ -572,6 +575,7 @@ export {
   isAllowedUrl,
   isEmailLink,
   isPhoneLink,
+  isValidHoneyPot,
   is_bg_img,
   isolate_container,
   item,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.99-dev.1",
+  "version": "1.0.99-dev.3",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",