@axos-web-dev/shared-components 0.0.151 → 0.0.153

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -22,18 +22,16 @@ import { formContainer, headerContainer, headerForm, form, formWrapper, fullRowF
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 const MortgageRateFilters = ({
-  onSubmit = (values) => {
-    console.log(values);
-  },
-  initialLoanPurpose = 1
+  formData,
+  onSubmit
 }) => {
-  const [loanPurpose, setLoanPurpose] = useState(initialLoanPurpose);
+  const [loanPurpose, setLoanPurpose] = useState(formData.loanPurpose);
   const [salesPriceVal, setSalesPriceVal] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
   const [downPaymentPercentage, setDownPaymentPercentage] = useState(10);
   const [_downPayment, setDownPayment] = useState(0);
   const schema = z.object({
-    loanPurpose: z.number({ message: "Loan Purpose is required." }).positive({ message: "Loan Purpose is required." }),
+    loanPurpose: z.number({ message: "Loan Purpose is required." }),
     propertyType: z.number({ message: "Property Type is required." }).positive({ message: "Property Type is required." }),
     occupancy: z.number({ message: "Property Usage is required." }).positive({ message: "Property Usage is required." }),
     salesPrice: z.number({ message: "Purchase Price is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
@@ -64,21 +62,21 @@ const MortgageRateFilters = ({
     zipCode: z.number().positive({ message: "Zip Code is required." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
-        if (loanPurpose === 2 && val == null) {
-          return false;
+        if (loanPurpose === 2) {
+          return val != null && val >= 5e4 && val <= 25e6;
         }
         return true;
       },
-      { message: "Appraised Value is required for refinance" }
+      { message: "Value must be between $50,000 and $25,000,000." }
     ),
     mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().refine(
       (val) => {
-        if (loanPurpose === 2 && val == null) {
-          return false;
+        if (loanPurpose === 2) {
+          return val != null && val >= 5e4 && val <= 25e6;
         }
         return true;
       },
-      { message: "Mortgage Balance is required for refinance" }
+      { message: "Value must be between $50,000 and $25,000,000." }
     ),
     cashOut: z.number({ message: "Cash Out is required." }).optional().refine(
       (val) => {
@@ -184,7 +182,7 @@ const MortgageRateFilters = ({
                 error: !!errors.propertyType,
                 helperText: errors.propertyType?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.propertyType ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "1", children: "Single Family Home" }),
@@ -210,7 +208,7 @@ const MortgageRateFilters = ({
                 error: !!errors.occupancy,
                 helperText: errors.occupancy?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.occupancy ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "1", children: "Primary Residence" }),
@@ -253,7 +251,8 @@ const MortgageRateFilters = ({
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.salesPrice > 0 ? formatCurrency(formData.salesPrice) : ""
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -279,7 +278,8 @@ const MortgageRateFilters = ({
                   variant: "tertiary",
                   isTypingDownPayment,
                   setIsTypingDownPayment,
-                  methods
+                  methods,
+                  defaultValue: formData.downPayment
                 }
               ) })
             ] }),
@@ -288,7 +288,7 @@ const MortgageRateFilters = ({
                 Input,
                 {
                   id: "appraisedValue",
-                  type: "number",
+                  type: "text",
                   ...register("appraisedValue", {
                     required: true,
                     setValueAs: (value) => parseCurrency(value)
@@ -302,20 +302,28 @@ const MortgageRateFilters = ({
                   onBlur: (e) => {
                     const rawValue = e.target.value;
                     const parsedValue = parseCurrency(rawValue);
-                    methods.setValue("appraisedValue", parsedValue);
-                    e.target.value = formatCurrency(parsedValue);
+                    if (parsedValue === 0) {
+                      methods.setError("appraisedValue", {
+                        type: "manual",
+                        message: "Purchase Price is required."
+                      });
+                    } else {
+                      methods.setValue("appraisedValue", parsedValue);
+                      e.target.value = formatCurrency(parsedValue);
+                    }
                   },
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.appraisedValue > 0 ? formatCurrency(formData.appraisedValue) : ""
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                 Input,
                 {
                   id: "mortgageBalance",
-                  type: "number",
+                  type: "text",
                   ...register("mortgageBalance", {
                     required: true,
                     setValueAs: (value) => parseCurrency(value)
@@ -329,13 +337,21 @@ const MortgageRateFilters = ({
                   onBlur: (e) => {
                     const rawValue = e.target.value;
                     const parsedValue = parseCurrency(rawValue);
-                    methods.setValue("cashOut", parsedValue);
-                    e.target.value = formatCurrency(parsedValue);
+                    if (parsedValue === 0) {
+                      methods.setError("mortgageBalance", {
+                        type: "manual",
+                        message: "Purchase Price is required."
+                      });
+                    } else {
+                      methods.setValue("mortgageBalance", parsedValue);
+                      e.target.value = formatCurrency(parsedValue);
+                    }
                   },
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.mortgageBalance > 0 ? formatCurrency(formData.mortgageBalance) : ""
                 }
               ) })
             ] }),
@@ -353,7 +369,7 @@ const MortgageRateFilters = ({
                 error: !!errors.creditScore,
                 helperText: errors.creditScore?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.creditScore ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "740", children: "740+" }),
@@ -381,7 +397,8 @@ const MortgageRateFilters = ({
                 required: true,
                 error: !!errors.zipCode,
                 helperText: errors.zipCode?.message,
-                variant: "tertiary"
+                variant: "tertiary",
+                defaultValue: formData.zipCode
               }
             ) }),
             loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -398,7 +415,8 @@ const MortgageRateFilters = ({
                 required: true,
                 error: !!errors.cashOut,
                 helperText: errors.cashOut?.message,
-                variant: "tertiary"
+                variant: "tertiary",
+                defaultValue: formData.cashOut
               }
             ) }) }) : null
           ] }),

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -74,6 +74,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
 import "react-wrap-balancer";
 /* empty css                                                 */
 /* empty css                                                         */
+/* empty css                                               */
 /* empty css                                       */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                   */

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -45,8 +45,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c: z.ZodOptional<z.ZodString>;
     First_UTMSource__c: z.ZodOptional<z.ZodString>;
     First_UTMTerm__c: z.ZodOptional<z.ZodString>;
-    utm_cjdata: z.ZodOptional<z.ZodString>;
-    utm_cjevent: z.ZodOptional<z.ZodString>;
+    Primary_Cjdata__c: z.ZodOptional<z.ZodString>;
+    Primary_Cjevent__c: z.ZodOptional<z.ZodString>;
     Fuutm_cjevennfatll_Web_Source__c: z.ZodOptional<z.ZodString>;
     First_MicrosoftClickId__c: z.ZodOptional<z.ZodString>;
     First_GoogleClickId__c: z.ZodOptional<z.ZodString>;
@@ -69,8 +69,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
-    utm_cjdata?: string | undefined;
-    utm_cjevent?: string | undefined;
+    Primary_Cjdata__c?: string | undefined;
+    Primary_Cjevent__c?: string | undefined;
     Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
     First_MicrosoftClickId__c?: string | undefined;
     First_GoogleClickId__c?: string | undefined;
@@ -93,8 +93,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
-    utm_cjdata?: string | undefined;
-    utm_cjevent?: string | undefined;
+    Primary_Cjdata__c?: string | undefined;
+    Primary_Cjevent__c?: string | undefined;
     Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
     First_MicrosoftClickId__c?: string | undefined;
     First_GoogleClickId__c?: string | undefined;

package/dist/Forms/SalesforceFieldsForm.js

@@ -24,8 +24,8 @@ const SalesforceSchema = z.object({
   First_UTMMedium__c: z.string().optional(),
   First_UTMSource__c: z.string().optional(),
   First_UTMTerm__c: z.string().optional(),
-  utm_cjdata: z.string().optional(),
-  utm_cjevent: z.string().optional(),
+  Primary_Cjdata__c: z.string().optional(),
+  Primary_Cjevent__c: z.string().optional(),
   Fuutm_cjevennfatll_Web_Source__c: z.string().optional(),
   First_MicrosoftClickId__c: z.string().optional(),
   First_GoogleClickId__c: z.string().optional(),

package/dist/Forms/SuccesForm.js

@@ -62,6 +62,7 @@ import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";

package/dist/Hyperlink/index.js

@@ -75,6 +75,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */

package/dist/ImageLink/ImageLink.js

@@ -70,6 +70,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */

package/dist/ImageLink/ImageLinkSet.js

@@ -76,6 +76,7 @@ import ImageLink from "./ImageLink.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */

package/dist/ImageLink/index.js

@@ -73,6 +73,7 @@ import { ImageLinkSet } from "./ImageLinkSet.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */

package/dist/Input/DownPaymentInput.js

@@ -32,7 +32,6 @@ const DownPaymentInput = forwardRef(
       const value = parseCurrency(e.target.value);
       setDownPayment(value);
       setIsTypingDownPayment(true);
-      console.log("handleDownPaymentChange ? yup");
       methods.setValue("downPayment", value);
       methods.trigger("downPayment");
       if (salesPrice && !isTypingDownPayment) {

package/dist/Insight/Featured/CategorySelector.js

@@ -73,6 +73,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
 import Balancer from "react-wrap-balancer";
 import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
+/* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */

package/dist/Insight/Featured/Featured.js

@@ -77,6 +77,7 @@ import Balancer from "react-wrap-balancer";
 /* empty css                            */
 /* empty css                                    */
 import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+/* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
@@ -134,7 +135,6 @@ const Featured = (props) => {
   const { id, variant: fullVariant, featured, headline } = props;
   const variant = getVariant(fullVariant);
   const [main, ...restFeatured] = featured;
-  console.log(main);
   return /* @__PURE__ */ jsx(
     "section",
     {

package/dist/Insight/Featured/Header.css.d.ts

@@ -0,0 +1,5 @@
+export declare const header_featured: string;
+export declare const breadcumbs_header_featured_section: string;
+export declare const breadcumb_link: string;
+export declare const header_title_featured: string;
+export declare const header_in_insight: string;

package/dist/Insight/Featured/Header.css.js

@@ -0,0 +1,13 @@
+/* empty css                          */
+var header_featured = "_19yqlq40";
+var breadcumbs_header_featured_section = "_19yqlq41";
+var breadcumb_link = "_19yqlq42";
+var header_title_featured = "_19yqlq43";
+var header_in_insight = "_19yqlq44";
+export {
+  breadcumb_link,
+  breadcumbs_header_featured_section,
+  header_featured,
+  header_in_insight,
+  header_title_featured
+};

package/dist/Insight/Featured/Header.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    showTitle?: boolean;
+    breadcumb: Array<string> | undefined;
+    section: string | undefined;
+};
+declare const BreadcumbHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export { BreadcumbHeader };

package/dist/Insight/Featured/Header.js

@@ -0,0 +1,129 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                                       */
+/* empty css                                                   */
+import "../../utils/allowedAxosDomains.js";
+/* empty css                                             */
+/* empty css                                             */
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Chevron/Chevron.css.js";
+/* empty css                                   */
+import "../../Modal/contextApi/store.js";
+import clsx from "clsx";
+import "react";
+import "../../Button/Button.css.js";
+import "react-use";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "../../Calculators/calculator.css.js";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+import "../../Input/Dropdown.css.js";
+import "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
+import "react-hook-form";
+import "../../Forms/Forms.css.js";
+import "../../Forms/SalesforceFieldsForm.js";
+import "../../Input/RadioButton.css.js";
+import "../../Input/Checkbox.css.js";
+import "../../LoadingIndicator/LoadingIndicator.css.js";
+import "../../Input/RadioButton.js";
+import "../../Inputs/Input.css.js";
+import "iframe-resizer";
+/* empty css                                                                                   */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                 */
+/* empty css                                             */
+/* empty css                                                       */
+import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                       */
+import "../../Comparison/Comparison.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.css.js";
+import "../../ContentBanner/ContentBanner.css.js";
+/* empty css                                                 */
+import "../../ExecutiveBio/ExecutiveBio.css.js";
+import "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                            */
+import "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                           */
+import "react-wrap-balancer";
+/* empty css                            */
+/* empty css                                    */
+/* empty css                            */
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* 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                                                          */
+import "../../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                    */
+/* empty css                                                       */
+/* empty css                                                     */
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
+/* empty css                                           */
+/* empty css                                                     */
+/* empty css                                                   */
+import "next/script.js";
+/* empty css                                           */
+/* empty css                                                 */
+import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
+const BreadcumbHeader = (props) => {
+  const { section, showTitle = true } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        !showTitle ? header_in_insight : "",
+        "containment",
+        header_featured
+      ),
+      children: showTitle && /* @__PURE__ */ jsxs(
+        "h1",
+        {
+          className: clsx(title({ variant: "primary" }), header_title_featured),
+          children: [
+            section,
+            " Insights"
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  BreadcumbHeader
+};

package/dist/Insight/Featured/index.d.ts

@@ -1,3 +1,4 @@
 export * from './CategorySelector';
 export * from './Featured';
 export * from './Featured.css';
+export * from './Header';

package/dist/Insight/Featured/index.js

@@ -1,7 +1,9 @@
 import { CategorySelector, InsightItem } from "./CategorySelector.js";
 import { Featured, FeaturedItem } from "./Featured.js";
 import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
+import { BreadcumbHeader } from "./Header.js";
 export {
+  BreadcumbHeader,
   CategorySelector,
   Featured,
   FeaturedItem,

package/dist/Insight/index.js

@@ -1,8 +1,10 @@
 import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
+import { BreadcumbHeader } from "./Featured/Header.js";
 import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
 export {
+  BreadcumbHeader,
   CategorySelector,
   Featured,
   FeaturedItem,

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-const overlay = "_overlay_zy28p_47";
-const modal = "_modal_zy28p_79";
-const vanish = "_vanish_zy28p_1";
-const appear = "_appear_zy28p_1";
-const close_button = "_close_button_zy28p_109";
-const modal_content = "_modal_content_zy28p_139";
-const img_area = "_img_area_zy28p_147";
-const body_copy = "_body_copy_zy28p_167";
-const btns = "_btns_zy28p_195";
-const white_modal = "_white_modal_zy28p_277";
+const overlay = "_overlay_1u8jc_24";
+const modal = "_modal_1u8jc_40";
+const vanish = "_vanish_1u8jc_1";
+const appear = "_appear_1u8jc_1";
+const close_button = "_close_button_1u8jc_55";
+const modal_content = "_modal_content_1u8jc_70";
+const img_area = "_img_area_1u8jc_74";
+const body_copy = "_body_copy_1u8jc_84";
+const btns = "_btns_1u8jc_98";
+const white_modal = "_white_modal_1u8jc_139";
 const css = {
   overlay,
   modal,

package/dist/Modal/Modal.js

@@ -73,6 +73,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";