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

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

@@ -135,7 +135,8 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    showCurrency = true
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -174,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);
@@ -56,7 +51,7 @@ const MonthlyPaymentCalculator = ({
   };
   const handleLoanAmountChange = (event) => {
     const value = event.target.value;
-    const formattedValue = formatToCurrency(value);
+    const formattedValue = showCurrency ? formatToCurrency(value) : value;
     setLoanAmountDisplay(formattedValue);
     const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
     setLoanAmount(isNaN(numericValue) ? void 0 : numericValue);
@@ -147,7 +142,7 @@ const MonthlyPaymentCalculator = ({
                     maxLength: 10,
                     name: "loanAmount",
                     type: "text",
-                    placeholder: "$0",
+                    placeholder: showCurrency ? "$0" : "0",
                     value: loanAmountDisplay,
                     onChange: handleLoanAmountChange
                   }

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

@@ -46,6 +46,7 @@ const ApplicationStart = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -119,96 +120,107 @@ const ApplicationStart = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), 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
-          }
-        ) }),
-        /* @__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."
-          }
-        ) }),
-        /* @__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
-        }
-      ) })
-    ] })
+            ) }),
+            /* @__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/ClearingForm.d.ts

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