@axos-web-dev/shared-components 1.0.77-patch.7 → 1.0.77-patch.70

package/dist/Forms/Forms.css.d.ts

@@ -1,3 +1,4 @@
+export declare const email_only_h2: string;
 export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -18,43 +19,33 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
         };
     };
 }>;
+export declare const email_only_padding: string;
 export declare const iconForm: string;
 export declare const headerContainer: string;
+export declare const axosHeader: string;
+export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -81,7 +72,12 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     formType: {
         email: {
-            gridTemplateColumns: "1fr";
+            alignItems: "flex-start";
+            gap: number;
+            gridTemplateColumns: "1fr auto !important";
+        };
+        emailUs: {
+            gridTemplateColumns: "1fr !important";
         };
         questionnaire: {
             display: "flex";
@@ -111,6 +107,7 @@ export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const form: string;
+export declare const apply_now_form: string;
 export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -212,3 +209,4 @@ export declare const back_btn_apply_now: string;
 export declare const iconbillboards_option_apply_now: string;
 export declare const form_nav_apply_now: string;
 export declare const step_title_apply_now: string;
+export declare const email_only_btn: string;

package/dist/Forms/Forms.css.js

@@ -1,6 +1,7 @@
-import '../assets/Forms/Forms.css';import '../assets/Input/RadioButton.css';import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';import '../assets/Input/Input.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Input/Checkbox.css';/* empty css                                   */
+import '../assets/Forms/Forms.css';import '../assets/Input/RadioButton.css';import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';import '../assets/Input/Input.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Input/Checkbox.css';/* empty css                                   */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                */
 /* empty css                                          */
@@ -8,49 +9,57 @@ import '../assets/Forms/Forms.css';import '../assets/Input/RadioButton.css';impo
 /* empty css                                      */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
-var iconForm = "tfms6a5";
-var headerContainer = "tfms6a6";
-var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah", questionnaire: "tfms6ai", "default": "tfms6aj" } }, defaultVariants: {}, compoundVariants: [] });
-var form_row = "tfms6ak";
-var actions = "tfms6al";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6am", variantClassNames: { variant: { primary: "tfms6an", secondary: "tfms6ao", tertiary: "tfms6ap", quaternary: "tfms6aq" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6ar";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6au", variantClassNames: { variant: { primary: "tfms6av", secondary: "tfms6aw", tertiary: "tfms6ax", quaternary: "tfms6ay" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6az";
-var succes_check_mark = "tfms6a10";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6a11", variantClassNames: { variant: { primary: "tfms6a12", secondary: "tfms6a13", tertiary: "tfms6a14", quaternary: "tfms6a15" } }, defaultVariants: {}, compoundVariants: [] });
-var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a16", variantClassNames: { variant: { primary: "tfms6a17", secondary: "tfms6a18", tertiary: "tfms6a19", quaternary: "tfms6a1a" }, formType: { questionnaire: "tfms6a1b" } }, defaultVariants: {}, compoundVariants: [] });
-var fullRowForm = "tfms6a1c";
-var one_row = "tfms6a1d";
-var section_title = createRuntimeFn({ defaultClassName: "tfms6a1e", variantClassNames: { variant: { primary: "tfms6a1f", secondary: "tfms6a1g", tertiary: "tfms6a1h", quaternary: "tfms6a1i" } }, defaultVariants: {}, compoundVariants: [] });
-var checkbox_group = "tfms6a1j";
-var ro_input = "tfms6a1k";
-var pl_label = "tfms6a1l";
-var x_input = "tfms6a1m";
-var xc_input = "tfms6a1n";
-var fullRowSelect = "tfms6a1o";
-var mt2rem = "tfms6a1p";
-var centerSelect = "tfms6a1q";
-var formBtns = "tfms6a1r";
-var modalCheckboxContainer = "tfms6a1s";
-var threeColRow = "tfms6a1t";
-var mt1Rem = "tfms6a1u";
-var mw24 = "tfms6a1v";
-var modalMobile = "tfms6a1w";
-var resposiveLabel = "tfms6a1x";
-var dropdown = "tfms6a1y";
-var dynPH = "tfms6a1z";
-var na_cursor = "tfms6a20";
-var show_options = "tfms6a21";
-var hide_options = "tfms6a22";
-var back_btn_apply_now = "tfms6a23";
-var iconbillboards_option_apply_now = "tfms6a24";
-var form_nav_apply_now = "tfms6a25";
-var step_title_apply_now = "tfms6a26";
+var email_only_h2 = "tfms6a0";
+var formContainer = createRuntimeFn({ defaultClassName: "tfms6a1", variantClassNames: { variant: { primary: "tfms6a2", secondary: "tfms6a3", tertiary: "tfms6a4", quaternary: "tfms6a5" } }, defaultVariants: {}, compoundVariants: [] });
+var email_only_padding = "tfms6a6";
+var iconForm = "tfms6a7";
+var headerContainer = "tfms6a8";
+var axosHeader = "tfms6a9";
+var headerF = createRuntimeFn({ defaultClassName: "tfms6aa", variantClassNames: { variant: { primary: "tfms6ab", secondary: "tfms6ac", tertiary: "tfms6ad", quaternary: "tfms6ae" } }, defaultVariants: {}, compoundVariants: [] });
+var headerForm = createRuntimeFn({ defaultClassName: "tfms6af", variantClassNames: { variant: { primary: "tfms6ag", secondary: "tfms6ah", tertiary: "tfms6ai", quaternary: "tfms6aj" } }, defaultVariants: {}, compoundVariants: [] });
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" }, formType: { email: "tfms6ap", emailUs: "tfms6aq", questionnaire: "tfms6ar", "default": "tfms6as" } }, defaultVariants: {}, compoundVariants: [] });
+var form_row = "tfms6at";
+var actions = "tfms6au";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6av", variantClassNames: { variant: { primary: "tfms6aw", secondary: "tfms6ax", tertiary: "tfms6ay", quaternary: "tfms6az" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6a10";
+var apply_now_form = "tfms6a11";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6a14", variantClassNames: { variant: { primary: "tfms6a15", secondary: "tfms6a16", tertiary: "tfms6a17", quaternary: "tfms6a18" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6a19";
+var succes_check_mark = "tfms6a1a";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6a1b", variantClassNames: { variant: { primary: "tfms6a1c", secondary: "tfms6a1d", tertiary: "tfms6a1e", quaternary: "tfms6a1f" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a1g", variantClassNames: { variant: { primary: "tfms6a1h", secondary: "tfms6a1i", tertiary: "tfms6a1j", quaternary: "tfms6a1k" }, formType: { questionnaire: "tfms6a1l" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a1m";
+var one_row = "tfms6a1n";
+var section_title = createRuntimeFn({ defaultClassName: "tfms6a1o", variantClassNames: { variant: { primary: "tfms6a1p", secondary: "tfms6a1q", tertiary: "tfms6a1r", quaternary: "tfms6a1s" } }, defaultVariants: {}, compoundVariants: [] });
+var checkbox_group = "tfms6a1t";
+var ro_input = "tfms6a1u";
+var pl_label = "tfms6a1v";
+var x_input = "tfms6a1w";
+var xc_input = "tfms6a1x";
+var fullRowSelect = "tfms6a1y";
+var mt2rem = "tfms6a1z";
+var centerSelect = "tfms6a20";
+var formBtns = "tfms6a21";
+var modalCheckboxContainer = "tfms6a22";
+var threeColRow = "tfms6a23";
+var mt1Rem = "tfms6a24";
+var mw24 = "tfms6a25";
+var modalMobile = "tfms6a26";
+var resposiveLabel = "tfms6a27";
+var dropdown = "tfms6a28";
+var dynPH = "tfms6a29";
+var na_cursor = "tfms6a2a";
+var show_options = "tfms6a2b";
+var hide_options = "tfms6a2c";
+var back_btn_apply_now = "tfms6a2d";
+var iconbillboards_option_apply_now = "tfms6a2e";
+var form_nav_apply_now = "tfms6a2f";
+var step_title_apply_now = "tfms6a2g";
+var email_only_btn = "tfms6a2h";
 export {
   actions,
+  apply_now_form,
+  axosHeader,
   back_btn_apply_now,
   centerSelect,
   checkbox_group,
@@ -58,6 +67,9 @@ export {
   disclosureForm,
   dropdown,
   dynPH,
+  email_only_btn,
+  email_only_h2,
+  email_only_padding,
   form,
   formBtns,
   formContainer,
@@ -67,6 +79,7 @@ export {
   fullRowForm,
   fullRowSelect,
   headerContainer,
+  headerF,
   headerForm,
   hide_options,
   iconForm,

package/dist/Forms/HoneyPot/HoneyPot.css.d.ts

@@ -0,0 +1 @@
+export declare const form_field_container: string;

package/dist/Forms/HoneyPot/HoneyPot.css.js

@@ -0,0 +1,5 @@
+import '../../assets/Forms/HoneyPot/HoneyPot.css';/* empty css                            */
+var form_field_container = "_1f7d89m0";
+export {
+  form_field_container
+};

package/dist/Forms/HoneyPot/index.d.ts

@@ -0,0 +1,23 @@
+import { UseFormRegister } from 'react-hook-form';
+import { z } from 'zod';
+import { FormProps } from '../FormProps';
+
+export type HoneyPotInterface = {
+    AlternativePhone?: string;
+    AlternativeEmail?: string;
+};
+export declare const honeyPotSchema: z.ZodObject<{
+    AlternativeEmail: z.ZodEffects<z.ZodString, "bestbank@axos.com", string>;
+    AlternativePhone: z.ZodEffects<z.ZodString, string, string>;
+}, "strip", z.ZodTypeAny, {
+    AlternativeEmail: "bestbank@axos.com";
+    AlternativePhone: string;
+}, {
+    AlternativeEmail: string;
+    AlternativePhone: string;
+}>;
+export declare const isValidHoneyPot: (data: HoneyPotInterface) => boolean;
+export declare const HoneyPot: ({ variant: fullVariant, register, }: {
+    variant?: FormProps["variant"];
+    register: UseFormRegister<any>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/HoneyPot/index.js

@@ -0,0 +1,70 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+import "../../Input/Dropdown.css.js";
+import { Input } from "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import { InputPhone } from "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
+import "../../Input/RadioButton.js";
+import "../../utils/allowedAxosDomains.js";
+import { z } from "zod";
+import { getVariant } from "../../utils/getVariant.js";
+import "react";
+import { form_field_container } from "./HoneyPot.css.js";
+const honeyPotSchema = z.object({
+  AlternativeEmail: z.string().refine((val) => val === "bestbank@axos.com"),
+  AlternativePhone: z.string().refine((val) => !val || val.trim() === "")
+});
+const isValidHoneyPot = (data) => {
+  return data.AlternativeEmail === "bestbank@axos.com" && (!data.AlternativePhone || data.AlternativePhone.trim() === "");
+};
+const HoneyPot = ({
+  variant: fullVariant = "primary",
+  register
+}) => {
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: form_field_container, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "AlternativeEmail",
+        ...register("AlternativeEmail"),
+        label: "Alternative Email",
+        sizes: "medium",
+        variant,
+        tabIndex: -1,
+        defaultValue: "bestbank@axos.com",
+        autoComplete: "off",
+        "aria-autocomplete": "none",
+        name: "AlternativeEmail",
+        "aria-label": "Alternative Email",
+        type: "text"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: form_field_container, children: /* @__PURE__ */ jsx(
+      InputPhone,
+      {
+        id: "AlternativePhone",
+        ...register("AlternativePhone"),
+        label: "Alternative Phone",
+        sizes: "medium",
+        variant,
+        tabIndex: -1,
+        defaultValue: "",
+        autoComplete: "off",
+        "aria-autocomplete": "none",
+        name: "AlternativePhone",
+        "aria-label": "Alternative Phone"
+      }
+    ) })
+  ] });
+};
+export {
+  HoneyPot,
+  honeyPotSchema,
+  isValidHoneyPot
+};

package/dist/Forms/MortgageRate/MortgageRateForm.d.ts

@@ -19,7 +19,7 @@ export type MortgageRateInputs = {
     loanPurpose: number;
     [key: string]: string | number;
 };
-export declare const MortgageRate: ({ icon, children, onSubmit, disclosure, variant: fullVariant, validateEmail, id, rateWatchOnSubmit, setRateWatchSubmitted, hideModalValue, showingTables, }: FormProps & {
+export declare const MortgageRate: ({ icon, children, onSubmit, disclosure, variant: fullVariant, validateEmail, id, rateWatchOnSubmit, setRateWatchSubmitted, hideModalValue, showingTables, onValidate, }: FormProps & {
     rateWatchOnSubmit: (values: RateWatchInputs & {
         email: string;
     }) => Promise<void>;