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

package/dist/ATMLocator/ATMLocator.js

@@ -36,6 +36,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import { iconForm } from "../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/Auth/ErrorAlert.js

@@ -27,6 +27,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import "react-hook-form";
 import { headerForm } from "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */

package/dist/Button/Button.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";
 /* empty css                                          */
 /* empty css                                          */

package/dist/Calculators/BuyDownCalculator/index.js

@@ -622,7 +622,7 @@ const BuyDownCalculator = ({
                         id: "mooringOutsideContinentalUS",
                         ...register("mooringOutsideContinentalUS"),
                         value: 0.5,
-                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n                                    +0.500",
+                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\n                                    +0.500",
                         groupName: "dependentInputs",
                         disabled: disableMooringOutside
                       }

package/dist/Calculators/Calculator.d.ts

@@ -12,4 +12,6 @@ export interface CalculatorProps {
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
 }
-export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Calculator: (props: CalculatorProps & {
+    showCurrency: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.js

@@ -118,6 +118,7 @@ import "../Table/Table.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Button/Button.css.js";
 import { iconForm } from "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -134,7 +135,8 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    showCurrency = true
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -173,7 +175,8 @@ const Calculator = (props) => {
         header: headline,
         bodyCopy,
         variant,
-        disclosure
+        disclosure,
+        showCurrency
       }
     );
   } else if (name === "Calculate a Loan Payment LVF") {

package/dist/Calculators/MonthlyPaymentCalculator/index.d.ts

@@ -6,4 +6,6 @@ export interface MonthlyPaymentCalculatorProps {
     variant?: string;
     disclosure?: React.ReactNode;
 }
-export declare const MonthlyPaymentCalculator: FC<MonthlyPaymentCalculatorProps>;
+export declare const MonthlyPaymentCalculator: FC<MonthlyPaymentCalculatorProps & {
+    showCurrency?: boolean;
+}>;

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -9,12 +9,7 @@ import { useState } from "react";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
 import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
-const MonthlyPaymentCalculator = ({
-  variant,
-  header,
-  disclosure,
-  bodyCopy
-}) => {
+const MonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy, showCurrency = true }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("");
   const [loanAmount, setLoanAmount] = useState(void 0);
@@ -31,17 +26,27 @@ const MonthlyPaymentCalculator = ({
     if (isNaN(numericValue)) {
       return "";
     }
-    return numericValue.toLocaleString("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 0
-    });
+    if (showCurrency) {
+      return numericValue.toLocaleString("en-US", {
+        style: "currency",
+        currency: "USD",
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+    } else {
+      return numericValue.toLocaleString("en-US", {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+        useGrouping: true
+      });
+    }
   };
   const validateInputs = () => {
     let isValid = true;
     if (!loanAmount || isNaN(loanAmount) || loanAmount < 1e4 || loanAmount > 9e4) {
-      setLoanAmountError("Please enter an amount between $10,000 and $90,000.");
+      setLoanAmountError(
+        `Please enter an amount between ${showCurrency ? "$10,000 and $90,000" : "10,000 and 90,000"}.`
+      );
       isValid = false;
     } else {
       setLoanAmountError(null);
@@ -138,7 +143,10 @@ const MonthlyPaymentCalculator = ({
             className: `flex center text_center push_up_32 bottom ${inputs_container}`,
             children: [
               /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
-                /* @__PURE__ */ jsx("label", { htmlFor: "loanAmount", id: "amount1", children: "Loan Amount ($10,000 - $90,000)" }),
+                /* @__PURE__ */ jsxs("label", { htmlFor: "loanAmount", id: "amount1", children: [
+                  "Loan Amount ",
+                  showCurrency ? "($10,000 - $90,000)" : ""
+                ] }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -147,7 +155,7 @@ const MonthlyPaymentCalculator = ({
                     maxLength: 10,
                     name: "loanAmount",
                     type: "text",
-                    placeholder: "$0",
+                    placeholder: showCurrency ? "$0" : "0",
                     value: loanAmountDisplay,
                     onChange: handleLoanAmountChange
                   }

package/dist/Carousel/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/Chevron/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";
 /* empty css                                          */
 /* empty css                                          */

package/dist/Comparison/Comparison.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/ExecutiveBio/ExecutiveBio.js

@@ -47,6 +47,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/FaqAccordion/index.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";
 /* empty css                                          */
 /* empty css                                          */

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.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/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, id, }: FormProps) => import("react/jsx-runtime").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/ApplicationStart.js

@@ -32,6 +32,7 @@ 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 { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ApplicationStart = ({
   icon = false,
@@ -45,6 +46,7 @@ const ApplicationStart = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -71,8 +73,16 @@ const ApplicationStart = ({
     }),
     checkbox__c: z.boolean()
   });
+  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",
@@ -110,95 +120,107 @@ const ApplicationStart = ({
         }
       )
     ] }),
-    /* @__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", { 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", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id: "checkbox__c",
-            ...register("checkbox__c"),
-            sizes: "medium",
-            error: !!errors.checkbox__c,
-            helperText: errors.checkbox__c?.message,
-            variant,
-            children: "By providing your phone number and selecting the checkbox, you have agreed to these Terms and Conditions, and you have agreed to receive automated text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
-          }
-        ) })
-      ] }),
-      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
-        }
-      ) })
-    ] })
+            ) }),
+            /* @__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", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "checkbox__c",
+                ...register("checkbox__c"),
+                sizes: "medium",
+                error: !!errors.checkbox__c,
+                helperText: errors.checkbox__c?.message,
+                variant,
+                children: "By providing your phone number and selecting the checkbox, you have agreed to these Terms and Conditions, and you have agreed to receive automated text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
+              }
+            ) }),
+            /* @__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: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/ApplyNow.d.ts

@@ -1,6 +1,6 @@
 import { FormProps } from './FormProps';
 
-export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, }: Omit<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-runtime").JSX.Element;
-export declare const getLink: (selection: Array<string>) => string;