@axos-web-dev/shared-components 0.0.155 → 0.0.157

package/dist/Forms/ContactUsNMLSId.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -10,15 +11,14 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -49,17 +49,19 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
+/* empty css                                                             */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                          */
 import "iframe-resizer";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
-/* empty css                                          */
-/* empty css                                          */
-/* empty css                                                    */
+/* empty css                                              */
+/* empty css                                              */
+/* empty css                                                        */
 import "../Carousel/index.js";
-import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -68,45 +70,45 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
+/* empty css                                                  */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                        */
-import "react-wrap-balancer";
-/* empty css                                              */
-/* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
+import "react-wrap-balancer";
+/* empty css                                                  */
+/* empty css                                                          */
+/* empty css                                                */
+/* empty css                                        */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-/* empty css                                                   */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                       */
+/* empty css                                                          */
+/* empty css                                                           */
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                 */
-/* empty css                                                    */
-/* empty css                                                  */
+/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                      */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                        */
-/* empty css                                                  */
-/* empty css                                                */
+/* empty css                                            */
+/* empty css                                                      */
+/* empty css                                                    */
 import "next/script.js";
-/* empty css                                        */
-/* empty css                                              */
+/* empty css                                            */
+/* empty css                                                  */
 const ContactUsNMLSId = ({
   icon = false,
   children,

package/dist/Forms/CpraRequest.js

@@ -7,6 +7,7 @@ import { useState } from "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -14,15 +15,14 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/DealerServices.js

@@ -7,6 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DownPaymentInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -14,17 +15,16 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
-import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/EmailOnly.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DownPaymentInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -10,15 +11,14 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -31,8 +31,8 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
 import clsx from "clsx";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -50,17 +50,19 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
+/* empty css                                                             */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                          */
 import "iframe-resizer";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
-/* empty css                                          */
-/* empty css                                          */
-/* empty css                                                    */
+/* empty css                                              */
+/* empty css                                              */
+/* empty css                                                        */
 import "../Carousel/index.js";
-import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -69,45 +71,45 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
+/* empty css                                                  */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                        */
-import "react-wrap-balancer";
-/* empty css                                              */
-/* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
+import "react-wrap-balancer";
+/* empty css                                                  */
+/* empty css                                                          */
+/* empty css                                                */
+/* empty css                                        */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-/* empty css                                                   */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                       */
+/* empty css                                                          */
+/* empty css                                                           */
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                 */
-/* empty css                                                    */
-/* empty css                                                  */
+/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                      */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                        */
-/* empty css                                                  */
-/* empty css                                                */
+/* empty css                                            */
+/* empty css                                                      */
+/* empty css                                                    */
 import "next/script.js";
-/* empty css                                        */
-/* empty css                                              */
+/* empty css                                            */
+/* empty css                                                  */
 const EmailOnly = ({
   icon = false,
   children,

package/dist/Forms/EmailUs.js

@@ -11,12 +11,12 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
-import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/FormEnums.d.ts

@@ -7,17 +7,61 @@ export declare const LeadType: string[];
 export declare const TypeOfEquipment: string[];
 export declare const AssetClass: string[];
 export declare const PurposeOfLoan: string[];
-export declare const Purposes: string[];
-export declare const RepresentativesFico: string[];
-export declare const DocType: string[];
-export declare const Citizenship: string[];
+export declare const Purposes: {
+    value: string;
+    text: string;
+}[];
+export declare const RepresentativesFico: {
+    value: string;
+    text: string;
+}[];
+export declare const DocType: {
+    value: string;
+    text: string;
+}[];
+export declare const Citizenship: {
+    value: string;
+    text: string;
+}[];
 export declare const MortgageLates: string[];
-export declare const HousingEventType: string[];
-export declare const HousingEventHistory: string[];
-export declare const BankruptcyType: string[];
-export declare const BankruptcySeasoning: string[];
-export declare const PropertyType: string[];
-export declare const Occupancy: string[];
-export declare const NumberOfUnits: string[];
-export declare const PrepaymentPenalty: string[];
-export declare const BrokerConpensation: string[];
+export declare const HousingEventType: {
+    value: string;
+    text: string;
+}[];
+export declare const HousingEventHistory: {
+    value: string;
+    text: string;
+}[];
+export declare const BankruptcyType: {
+    value: string;
+    text: string;
+}[];
+export declare const BankruptcySeasoning: {
+    value: string;
+    text: string;
+}[];
+export declare const PropertyType: {
+    value: string;
+    text: string;
+}[];
+export declare const Occupancy: {
+    value: string;
+    text: string;
+}[];
+export declare const NumberOfUnits: {
+    value: string;
+    text: string;
+}[];
+export declare const PrepaymentPenalty: ({
+    value: string;
+    text: string;
+    default: boolean;
+} | {
+    value: string;
+    text: string;
+    default?: undefined;
+})[];
+export declare const BrokerConpensation: {
+    value: string;
+    text: string;
+}[];

package/dist/Forms/FormEnums.js

@@ -46,86 +46,104 @@ const AssetClass = [
 ];
 const PurposeOfLoan = ["Bridge", "Construction"];
 const Purposes = [
-  "Purchase",
-  "Refi Cashout",
-  "Refi Rate-Term/Limited C.O."
+  { value: "Purchase", text: "Purchase" },
+  { value: "RefiCashout", text: "Refi Cashout" },
+  { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." }
 ];
 const RepresentativesFico = [
-  "780",
-  "779 - 760",
-  "759 - 740",
-  "739 - 720",
-  "719 - 700",
-  "699 - 680",
-  "679 - 660",
-  "659 - 640",
-  "639 - 620",
-  "Below 620"
+  { value: "780", text: "780+" },
+  { value: "760", text: "779 - 760" },
+  { value: "740", text: "759 - 740" },
+  { value: "720", text: "739 - 720" },
+  { value: "700", text: "719 - 700" },
+  { value: "680", text: "699 - 680" },
+  { value: "660", text: "679 - 660" },
+  { value: "640", text: "659 - 640" },
+  { value: "620", text: "639 - 620" },
+  { value: "600", text: "Below 620" }
 ];
 const DocType = [
-  "Full Doc",
-  "Asset Depletion",
-  "Personal Bank Stmt: 12 Mos",
-  "Business Bank Stmt: 12 Mos",
-  "Personal Bank Stmt: 24 Mos",
-  "Business Bank Stmt: 24 Mos",
-  "Investor - DSCR",
-  "Investor - DSCR No Ratio",
-  "Written VOE",
-  "2 Year Alt Doc",
-  "1yr Streamlined Full Doc",
-  "1yr Profit and Loss"
+  { value: "FullDoc", text: "Full Doc" },
+  { value: "AssetDepletion", text: "Asset Depletion" },
+  { value: "PersonalBankStmt12Mos", text: "Personal Bank Stmt: 12 Mos" },
+  { value: "BusinessBankStmt12Mos", text: "Business Bank Stmt: 12 Mos" },
+  { value: "PersonalBankStmt24Mos", text: "Personal Bank Stmt: 24 Mos" },
+  { value: "BusinessBankStmt24Mos", text: "Business Bank Stmt: 24 Mos" },
+  { value: "InvestorDscr", text: "Investor - DSCR" },
+  { value: "InvestorNoRatio", text: "Investor - DSCR No Ratio" },
+  { value: "WrittenVOE", text: "Written VOE" },
+  { value: "TwoYearAltDoc", text: "2 Year Alt Doc" },
+  { value: "OneYearAltDoc", text: "1yr Streamlined Full Doc" },
+  { value: "RestrictedStock", text: "1yr Profit and Loss" }
 ];
 const Citizenship = [
-  "U.S. Citizen",
-  "Perm. Resident Alien",
-  "Non-Perm. Resident Alien",
-  "Foreign National"
+  { value: "USCitizen", text: "U.S. Citizen" },
+  { value: "PermResidentAlien", text: "Perm. Resident Alien" },
+  { value: "NonPermResidentAlien", text: "Non-Perm. Resident Alien" },
+  { value: "ForeignNational", text: "Foreign National" }
 ];
 const MortgageLates = ["0x30", "1x30", "2x30", "3x30 +"];
 const HousingEventType = [
-  "None",
-  "Deed-In-Lieu",
-  "Short Sale",
-  "Forbearance",
-  "Foreclosure",
-  "Modification"
+  { value: "None", text: "None" },
+  { value: "DeedInLieu", text: "Deed-In-Lieu" },
+  { value: "ShortSale", text: "Short Sale" },
+  { value: "Forbearance", text: "Forbearance" },
+  { value: "Foreclosure", text: "Foreclosure" },
+  { value: "Modification", text: "Modification" }
 ];
 const HousingEventHistory = [
-  "Not Applicable",
-  "1-12 Months",
-  "13-24 Months",
-  "25-36 Months",
-  "37-48 Months",
-  "49-60 Months",
-  "More than 5 Years Ago"
-];
-const BankruptcyType = ["None", "Chapter 7", "Chapter 11", "Chapter 13"];
+  { value: "NotApplicable", text: "Not Applicable" },
+  { value: "Last1To12Months", text: "1-12 Months" },
+  { value: "Last13To24Months", text: "13-24 Months" },
+  { value: "Last25To36Months", text: "25-36 Months" },
+  { value: "Last37To48Months", text: "37-48 Months" },
+  { value: "Last49To60Months", text: "49-60 Months" },
+  { value: "MoreThanFiveYearsAgo", text: "More than 5 Years Ago" }
+];
+const BankruptcyType = [
+  { value: "None", text: "None" },
+  { value: "Chapter7", text: "Chapter 7" },
+  { value: "Chapter11", text: "Chapter 11" },
+  { value: "Chapter13", text: "Chapter 13" }
+];
 const BankruptcySeasoning = [
-  "Not Applicable",
-  "1-12 Months",
-  "13-24 Months",
-  "25-36 Months",
-  "37-48 Months",
-  "49-60 Months",
-  "More than 5 Years Ago"
+  { value: "NotApplicable", text: "Not Applicable" },
+  { value: "Last1To12Months", text: "1-12 Months" },
+  { value: "Last13To24Months", text: "13-24 Months" },
+  { value: "Last25To36Months", text: "25-36 Months" },
+  { value: "Last37To48Months", text: "37-48 Months" },
+  { value: "Last49To60Months", text: "49-60 Months" },
+  { value: "MoreThanFiveYearsAgo", text: "More than 5 Years Ago" }
 ];
 const PropertyType = [
-  "Single Family Residence",
-  "Condo",
-  "Co-op",
-  "Condotel"
+  { value: "SingleFamily", text: "Single Family Residence" },
+  { value: "Condo", text: "Condo" },
+  { value: "Coop", text: "Co-op" },
+  { value: "Condotel", text: "Condotel" }
+];
+const Occupancy = [
+  { value: "PrimaryResidence", text: "Principal Residence" },
+  { value: "SecondHome", text: "Second Home" },
+  { value: "InvestmentProperty", text: "Investment" }
+];
+const NumberOfUnits = [
+  { value: "OneUnit", text: "1 Unit" },
+  { value: "TwoUnits", text: "2 Units" },
+  { value: "ThreeUnits", text: "3 Units" },
+  { value: "FourUnits", text: "4 Units" }
 ];
-const Occupancy = ["Principal Residence", "Second Home", "Investment"];
-const NumberOfUnits = ["1 Unit", "2 Unit", "3 Unit", "4 Unit"];
 const PrepaymentPenalty = [
-  "1 Year",
-  "2 Year",
-  "3 Year",
-  "4 Year",
-  "5 Year"
+  { value: "None", text: "0 Years", default: true },
+  { value: "OneYear", text: "1 Year" },
+  { value: "TwoYear", text: "2 Years" },
+  { value: "ThreeYear", text: "3 Years" },
+  { value: "FourYear", text: "4 Years" },
+  { value: "OneYear", text: "5 Years" }
+];
+const BrokerConpensation = [
+  { value: "Borrower Paid", text: "Borrower Paid" },
+  { value: "Lender Paid", text: "Lender Paid" }
 ];
-const BrokerConpensation = ["Borrower Paid", "Lender Paid"];
 export {
   AnnualGrossRevenue,
   AssetClass,

package/dist/Forms/FormProps.d.ts

@@ -1,6 +1,6 @@
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { QuaternaryTypes } from '../utils';
-import { PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 
 export interface FormProps extends PropsWithChildren {
     id?: string;
@@ -13,5 +13,8 @@ export interface FormProps extends PropsWithChildren {
     disclosure?: ReactNode | string;
     variant?: QuaternaryTypes;
     validateEmail: (email: string) => Promise<boolean>;
+    validateNMLS?: (nmls_id: string) => Promise<any>;
     callToAction: Omit<ChevronProps, "targetUrl">;
+    style?: CSSProperties;
+    className?: string;
 }

package/dist/Forms/Forms.css.js

@@ -1,10 +1,10 @@
-/* empty css                                   */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                */
-/* empty css                                          */
-/* empty css                                   */
-/* empty css                         */
+/* empty css                                       */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                    */
+/* empty css                                              */
+/* 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";