@axos-web-dev/shared-components 0.0.179 → 0.0.181

package/dist/Forms/Forms.css.js

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

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -6,15 +6,15 @@ import SvgArrowIcon from "../../icons/ArrowIcon/index.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 "../../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../../utils/EverestValidity.js";
 import { getVariant } from "../../utils/getVariant.js";
-/* empty css                                             */
-/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                 */
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
@@ -51,17 +51,17 @@ import "react-use";
 import { RateWatchForm } from "./MortgageRateWatch.js";
 import { marketing_tile } from "../../Interstitial/Interstitial-variants.css.js";
 import css from "../../Interstitial/Interstitial.module.js";
-/* empty css                                                   */
+/* empty css                                                                */
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                */
+/* 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                                                           */
 import "../../Carousel/index.js";
-/* empty css                                                                       */
+/* empty css                                                                           */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -70,46 +70,46 @@ 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                                           */
-/* empty css                                                 */
-/* empty css                                                         */
 /* empty css                                               */
-/* empty css                                       */
+/* empty css                                                     */
+/* empty css                                                             */
+/* empty css                                                   */
+/* empty css                                           */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 import { chevron_wrapper, chevron } from "../../Chevron/Chevron.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";
-/* empty css                                                         */
+/* empty css                                                             */
 import "next/link.js";
-/* empty css                                                          */
+/* empty css                                                              */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* 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 MortgageRate = ({
   icon = false,
   children,

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -24,13 +24,13 @@ import { checkbox } from "../../Input/Checkbox.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
-/* empty css                                      */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
 /* empty css                                                       */
-/* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-/* empty css                                             */
-/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                 */
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
@@ -47,18 +47,18 @@ import "../SalesforceFieldsForm.js";
 import "react-use";
 import "../../Chevron/Chevron.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                                   */
+/* empty css                                                                */
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                */
+/* empty css                                                             */
 import { SuccesFormWrapper } from "../SuccesForm.js";
 import "iframe-resizer";
-/* empty css                                                                                   */
+/* empty css                                                                                       */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                             */
-/* empty css                                                       */
+/* empty css                                                           */
 import "../../Carousel/index.js";
-/* empty css                                                                       */
+/* empty css                                                                           */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -67,45 +67,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                                           */
-/* empty css                                                 */
-/* empty css                                                         */
 /* empty css                                               */
-/* empty css                                       */
+/* 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";
-/* empty css                                                         */
+/* empty css                                                             */
 import "next/link.js";
-/* empty css                                                          */
+/* empty css                                                              */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* 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 RateWatchForm = ({
   email,
   lastName,

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -20,10 +20,10 @@ 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 "../../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../../utils/EverestValidity.js";
 import { getVariant } from "../../utils/getVariant.js";
@@ -59,14 +59,14 @@ const QuickPricer = ({
   const schema = z.object({
     Base_Loan_Amount__c: z.string({
       message: "Please provide a valid base loan amount"
-    }).transform((val) => {
+    }).min(1, "Base loan amount is required").transform((val) => {
       const base_loan = val.replace(/[$ ]/gi, "");
       const new_base_loan = base_loan.replaceAll(",", "");
       return parseInt(new_base_loan);
     }),
     Appraised_Value__c: z.string({
       message: "Please provide a valid property value"
-    }).transform((val) => {
+    }).min(1, "Property value is required").transform((val) => {
       const appraised_value = val.replace(/[$ ]/gi, "");
       const new_appraised_value = appraised_value.replaceAll(",", "");
       return parseInt(new_appraised_value);
@@ -89,13 +89,15 @@ const QuickPricer = ({
     ),
     Months_Reserves__c: z.coerce.number({
       message: "Please provide a valid months of reserves"
-    }).min(0, { message: "Months of reserves is required" }),
+    }).min(0, { message: "Months of reserves is required" }).max(100, {
+      message: "Months of reserves should be between 0 and 100"
+    }),
     Underwriting_Document_Type__c: z.string().min(1, { message: "Underwriting / Doc Type is required" }).refine((val) => DocType.map((item) => item.value).includes(val), {
       message: "Underwriting / Doc Type is required"
     }),
     Debt_To_Income_Ratio__c: z.coerce.number({
       message: "DCSR Ratio should be between 0.00 and 10.00"
-    }).min(0, { message: "DCSR Ratio is required" }).max(10, { message: "DCSR Ratio should be between 0.00 and 10.00" }),
+    }).min(0, { message: "DCSR Ratio should be between 0.00 and 10.00" }).max(10, { message: "DCSR Ratio should be between 0.00 and 10.00" }),
     Citizenship__c: z.string().min(1, { message: "Citizenship is required" }).refine((val) => Citizenship.map((item) => item.value).includes(val), {
       message: "Citizenship is required"
     }),
@@ -131,6 +133,8 @@ const QuickPricer = ({
     ),
     Number_of_Properties_Financed__c: z.coerce.number({ message: "Please provide a valid # of Properties" }).min(0, {
       message: "Please provide a valid # of Properties"
+    }).max(100, {
+      message: "# of Properties should be between 0 and 100"
     }),
     bankruptcySeasoning__c: z.string().min(1, { message: "Bankruptcy seasoning is required" }).refine(
       (val) => BankruptcySeasoning.map((item) => item.value).includes(val),
@@ -138,7 +142,7 @@ const QuickPricer = ({
         message: "Bankruptcy seasoning is required"
       }
     ),
-    Zip__c: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
+    Zip__c: z.string().min(1, { message: "Zip code is required." }).regex(/^[0-9]{5}(?<!00000)$/, "Please enter valid zip code."),
     Property_Type__c: z.string().min(1, { message: "Property type is required" }).refine((val) => PropertyType.map((item) => item.value).includes(val), {
       message: "Property type is required"
     }),
@@ -163,7 +167,7 @@ const QuickPricer = ({
         message: "Broker compensation is required"
       }
     ),
-    NMLS__c: z.string().min(6, "Valid NMLS should have at least 6 characters").max(7, "Valid NMLS should have at most 7 characters").refine(async (val) => {
+    NMLS__c: z.string().min(4, "Valid NMLS should have at least 4 characters").max(15, "Valid NMLS should have at most 15 characters").refine(async (val) => {
       const res = await validateNMLS(val);
       return res?.body?.data?.records?.length > 0;
     }, "NMLS ID is not valid"),
@@ -194,11 +198,11 @@ const QuickPricer = ({
         message: "Please enter a value greater than or equal to 149999"
       });
     }
-    if (values.Base_Loan_Amount__c > values.Appraised_Value__c) {
+    if (values.Base_Loan_Amount__c >= values.Appraised_Value__c) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
         path: ["Base_Loan_Amount__c"],
-        message: "Loan amount should be lower than appraised value"
+        message: "Loan amount should be lower than property value"
       });
     }
   });
@@ -311,7 +315,7 @@ const QuickPricer = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select a Purpose Loan" }),
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select option" }),
                   Purposes.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
                 ]
               }
@@ -401,7 +405,7 @@ const QuickPricer = ({
                 variant,
                 defaultValue: "default",
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "default", disabled: true, children: "Select a Representative FICO" }),
+                  /* @__PURE__ */ jsx("option", { value: "default", disabled: true, children: "Select option" }),
                   RepresentativesFico.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
                 ]
               }
@@ -411,7 +415,9 @@ const QuickPricer = ({
               {
                 id: "Months_Reserves__c",
                 ...register("Months_Reserves__c", {
-                  required: true
+                  required: true,
+                  max: 100,
+                  min: 0
                 }),
                 label: "Months of Reserves",
                 sizes: "medium",
@@ -419,10 +425,12 @@ const QuickPricer = ({
                 error: !!errors.Months_Reserves__c,
                 helperText: errors.Months_Reserves__c?.message,
                 variant,
-                type: "number"
+                type: "number",
+                max: 100,
+                min: 0
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
               Dropdown,
               {
                 id: "Underwriting_Document_Type__c",
@@ -435,7 +443,7 @@ const QuickPricer = ({
                 error: !!errors.Underwriting_Document_Type__c,
                 helperText: errors.Underwriting_Document_Type__c?.message,
                 variant,
-                defaultValue: "FullDoc",
+                defaultValue: "default",
                 onChange: (event) => {
                   if (event.target.value === "InvestorDscr") {
                     setDSCR_Ratio(true);
@@ -444,7 +452,10 @@ const QuickPricer = ({
                     setValue("Debt_To_Income_Ratio__c", 0);
                   }
                 },
-                children: DocType.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "default", disabled: true, children: "Select option" }),
+                  DocType.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
               }
             ) }),
             DSCR_Ratio && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -460,10 +471,11 @@ const QuickPricer = ({
                 error: !!errors.Debt_To_Income_Ratio__c,
                 helperText: errors.Debt_To_Income_Ratio__c?.message,
                 variant,
-                type: "number"
+                type: "number",
+                step: 0.1
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
               Dropdown,
               {
                 id: "Citizenship__c",
@@ -476,8 +488,11 @@ const QuickPricer = ({
                 error: !!errors.Citizenship__c,
                 helperText: errors.Citizenship__c?.message,
                 variant,
-                defaultValue: "USCitizen",
-                children: Citizenship.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                defaultValue: "default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "default", disabled: true, children: "Select option" }),
+                  Citizenship.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                ]
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -607,7 +622,9 @@ const QuickPricer = ({
               {
                 id: "Number_of_Properties_Financed__c",
                 ...register("Number_of_Properties_Financed__c", {
-                  required: true
+                  required: true,
+                  max: 100,
+                  min: 0
                 }),
                 label: "# of Properties Financed",
                 sizes: "medium",
@@ -615,7 +632,9 @@ const QuickPricer = ({
                 error: !!errors.Number_of_Properties_Financed__c,
                 helperText: errors.Number_of_Properties_Financed__c?.message,
                 variant,
-                type: "number"
+                type: "number",
+                max: 100,
+                min: 0
               }
             ) }),
             bankruptcySeasoning && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -781,8 +800,8 @@ const QuickPricer = ({
                 id: "NMLS__c",
                 ...register("NMLS__c", {
                   required: true,
-                  min: 6,
-                  max: 7
+                  min: 4,
+                  max: 15
                 }),
                 label: "Company NMLS ID",
                 placeholder: "Company NMLS ID",

package/dist/Forms/QuickPricer/QuickPricerResults.css.js

@@ -1,4 +1,4 @@
-/* empty css                                      */
+/* empty css                                                                */
 var results_container = "_1eisah00";
 var rate_table_title = "_1eisah01";
 export {

package/dist/Forms/QuickPricer/UserInformation.css.js

@@ -1,6 +1,6 @@
-/* empty css                                   */
-/* empty css                                      */
-/* empty css                                   */
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                             */
 var user_container = "uw98ur0";
 var user_card = "uw98ur1";
 var user_headline = "uw98ur2";

package/dist/Forms/ScheduleCall.js

@@ -20,10 +20,10 @@ 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 "../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";

package/dist/Forms/ScheduleCallPremier.js

@@ -21,10 +21,10 @@ 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 "../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";