"use client"; var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var dynamic_component_exports = {}; __export(dynamic_component_exports, { default: () => dynamic_component_default }); module.exports = __toCommonJS(dynamic_component_exports); var import_react = __toESM(require("react")); var import_material3 = require("@mui/material"); var import_styles = require("@mui/material/styles"); var import_axios = __toESM(require("axios")); var import_firestore = require("firebase/firestore"); var import_config = require("@/app/lib/firebase/config"); var import_Phone = __toESM(require("@mui/icons-material/Phone")); var import_ChatBubbleOutline = __toESM(require("@mui/icons-material/ChatBubbleOutline")); var import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle")); var import_ArrowForward = __toESM(require("@mui/icons-material/ArrowForward")); var import_ArrowBack = __toESM(require("@mui/icons-material/ArrowBack")); var import_Lock = __toESM(require("@mui/icons-material/Lock")); var import_Add = __toESM(require("@mui/icons-material/Add")); var import_DeleteOutline = __toESM(require("@mui/icons-material/DeleteOutline")); var import_Visibility = __toESM(require("@mui/icons-material/Visibility")); var import_VisibilityOff = __toESM(require("@mui/icons-material/VisibilityOff")); const CM = { PHONE: "(916) 365-2661", PHONE_TEL: "+19163652661", OFFICE: "9067 Foothills Blvd, Suite 6, Roseville, CA 95747", NMLS_MLO: "262862", COMPANY: "Xpert Home Lending, Inc.", COMPANY_NMLS: "2179191", DRE: "02166758", CFL: "60DBO-1605250", YEAR: 2026 }; const ASSET = { LOGO: "https://firebasestorage.googleapis.com/v0/b/serveyou-fbf5e.firebasestorage.app/o/organizations%2F06c60618-5d00-4dc6-96fe-c5c5a857797b%2Fsite-assets%2Fcm%2Flogo-full.png?alt=media&token=289abd08-61ac-4689-90a3-f01f2467e16d" }; const PUBLIC_LEADS_QUERY_ID = "urVqLinylwoP7yzKpcq3"; const BRAND = { primary: "#5878A6", primaryDark: "#456091", accent: "#9ABBEB", deep: "#294C6C", deepDark: "#1E3A54", ink: "#141414", surface: "#FFFFFF", surfaceAlt: "#F7F7F7", muted: "#5E5E5E", line: "#E4E9F0", onDeep: "#EAF1FB", onDeepMuted: "rgba(234,241,251,0.72)", success: "#2E7D5B" }; const MAGENTA = { main: "#C2258F", dark: "#9E1B74", glow: "rgba(194,37,143,0.38)" }; const FONT = { display: "'Fjalla One', 'Oswald', Impact, sans-serif", eyebrow: "'Oswald', 'Inter', system-ui, sans-serif", body: "'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif" }; const CM_IOS_BAR_PAD = 32; if (typeof window !== "undefined") { try { const cmUa = window.navigator.userAgent || ""; const cmVer = /Version\/(\d+)/.exec(cmUa); const cmIosSafari = /iPhone|iPod/.test(cmUa) && /Safari\//.test(cmUa) && !/CriOS|FxiOS|EdgiOS|OPiOS|GSA\/|FBAN|FBAV|Instagram|LinkedInApp/.test(cmUa) && !window.navigator.standalone; if (cmIosSafari && cmVer && Number(cmVer[1]) >= 26) document.documentElement.style.setProperty("--cm-sab", CM_IOS_BAR_PAD + "px"); if (/iPhone|iPod/.test(cmUa) && /CriOS/.test(cmUa)) document.documentElement.style.setProperty("--cm-sab", "104px"); } catch (_e) { } } const CM_THEME_FIX_ID = "cm-theme-fix"; if (typeof document !== "undefined" && !document.getElementById(CM_THEME_FIX_ID)) { const el = document.createElement("style"); el.id = CM_THEME_FIX_ID; el.textContent = [".MuiButton-contained{background-image:none !important}", "select option,select optgroup{background-color:#FFFFFF !important;color:#141414 !important}"].join("\n"); document.head.appendChild(el); } function useBrandFonts() { (0, import_react.useEffect)(() => { if (typeof document === "undefined" || document.getElementById("cm-fonts")) return; const l = document.createElement("link"); l.id = "cm-fonts"; l.rel = "stylesheet"; l.href = "https://fonts.googleapis.com/css2?family=Fjalla+One&family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"; document.head.appendChild(l); }, []); } function useNoIndex() { (0, import_react.useEffect)(() => { if (typeof document === "undefined") return; const prev = document.title; document.title = "Secure Mortgage Application | Cali Mortgage"; let m = document.head.querySelector('meta[name="robots"]'); const created = !m; if (!m) { m = document.createElement("meta"); m.setAttribute("name", "robots"); document.head.appendChild(m); } m.setAttribute("content", "noindex, nofollow"); return () => { document.title = prev; if (created && m) m.remove(); }; }, []); } const PROXY_URL = "https://us-central1-serveyou-fbf5e.cloudfunctions.net/proxy"; const CRM = { URL: "https://api.leadmailbox.com/v2/leads/add/cali01/calimortgage", GRANT: "crm-lead-post", ORG_ID: "06c60618-5d00-4dc6-96fe-c5c5a857797b", APP_ID: "afx6KY29ovWuLsW5HoRK" }; const NOTE_KEYS = ["Comments", "Notes", "Comment", "Note", "Memo"]; const SENSITIVE_KEYS = ["Social", "DOB", "Co_Social", "Co_DOB"]; const withNote = (fields, note) => { const o = { ...fields }; NOTE_KEYS.forEach((k) => { o[k] = note; }); return o; }; const toQuery = (p) => Object.keys(p).filter((k) => p[k] !== void 0 && p[k] !== "").map((k) => encodeURIComponent(k) + "=" + encodeURIComponent(p[k])).join("&"); function queryWithNote(fields, note) { let n = String(note || ""); for (; ; ) { const qs = toQuery(withNote(fields, n)); if (qs.length <= 1900 || n.length === 0) return qs; n = n.length > 40 ? n.slice(0, Math.floor(n.length * 0.75)) + " [trimmed]" : ""; } } async function proxyCall(method, fields, note) { const grant = { orgId: CRM.ORG_ID, dashboardId: CRM.APP_ID, name: CRM.GRANT }; const body = method === "POST" ? { method: "POST", url: CRM.URL, headers: { "Content-Type": "application/json" }, data: withNote(fields, note), grant } : { method: "GET", url: CRM.URL + "?" + queryWithNote(fields, note), grant }; return import_axios.default.post(PROXY_URL, body, { validateStatus: () => true, timeout: 25e3 }); } async function postApplication(fields, note) { let ssnSent = true; let res = await proxyCall("POST", fields, note); const refused = res && res.data && typeof res.data.status !== "number" && String(res.data.error || "").indexOf("method") >= 0; if (refused) { ssnSent = false; const safe = { ...fields }; SENSITIVE_KEYS.forEach((k) => { delete safe[k]; }); res = await proxyCall("GET", safe, "SSN and DOB were NOT transmitted (secure channel unavailable) - collect by phone. " + note); } const up = res && res.data; if (!up || typeof up.status !== "number") return { ok: false, err: "proxy refused: " + (up && (up.error || up.message) || "http " + (res && res.status)), ssnSent: false, duplicate: false }; let b = up.data; if (typeof b === "string") { try { b = JSON.parse(b); } catch (_e) { b = null; } } const code = b == null ? null : Number(b.code); if (code !== 0) return { ok: false, err: "CRM rejected: " + String(b && b.message || up.status).slice(0, 200), ssnSent: false, duplicate: false }; return { ok: true, err: "", ssnSent, duplicate: !!(b && b.duplicate) }; } const digits = (v) => String(v == null ? "" : v).replace(/[^0-9]/g, ""); const money = (v) => Number(digits(v)) || 0; const fmtMoneyInput = (v) => { const d = digits(v).slice(0, 10); return d ? Number(d).toLocaleString("en-US") : ""; }; const usd = (n) => "$" + Math.round(n || 0).toLocaleString("en-US"); const fmtPhone = (v) => { let d = digits(v); if (d.length === 11 && d[0] === "1") d = d.slice(1); d = d.slice(0, 10); if (d.length < 4) return d; if (d.length < 7) return "(" + d.slice(0, 3) + ") " + d.slice(3); return "(" + d.slice(0, 3) + ") " + d.slice(3, 6) + "-" + d.slice(6); }; const fmtSsn = (v) => { const d = digits(v).slice(0, 9); if (d.length < 4) return d; if (d.length < 6) return d.slice(0, 3) + "-" + d.slice(3); return d.slice(0, 3) + "-" + d.slice(3, 5) + "-" + d.slice(5); }; const fmtRate = (v) => String(v || "").replace(/[^0-9.]/g, "").slice(0, 6); const getIn = (o, path) => path.split(".").reduce((a, k) => a == null ? void 0 : a[k], o); function setIn(obj, path, val) { const keys = path.split("."); const root = Array.isArray(obj) ? obj.slice() : { ...obj }; let cur = root; for (let i = 0; i < keys.length - 1; i += 1) { const k = keys[i]; const nx = cur[k]; cur[k] = Array.isArray(nx) ? nx.slice() : { ...nx || {} }; cur = cur[k]; } cur[keys[keys.length - 1]] = val; return root; } const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const yn = (v) => v === "Yes" ? "Y" : v === "No" ? "N" : ""; const newEmp = () => ({ employer: "", title: "", phone: "", city: "", start: "", yrsLine: "", own25: "", base: "", ot: "", bonus: "", comm: "", selfNet: "" }); const newPerson = () => ({ first: "", middle: "", last: "", suffix: "", email: "", phone: "", dob: "", ssn: "", marital: "", deps: "", depAges: "", citizen: "", military: "", addr: "", city: "", state: "CA", zip: "", yrs: "", mos: "", housing: "", rent: "", prevAddr: "", prevYrs: "", mailSame: "Yes", mailAddr: "", mailCity: "", mailState: "", mailZip: "", empStatus: "", emp: newEmp(), hasEmp2: "No", emp2: newEmp(), prev: { employer: "", title: "", start: "", end: "", monthly: "" }, other: [], decl: {}, demo: { eth: [], race: [], sex: "" } }); const initialApp = () => ({ email: "", hasCo: "No", loan: { purpose: "", type: "", occupancy: "", propType: "", units: "1", found: "", addr: "", city: "", state: "CA", zip: "", county: "", price: "", down: "", downSource: "", value: "", loanAmt: "", cashOut: "", curLender: "", curBal: "", curPay: "", curRate: "", credit: "", agentName: "", agentPhone: "", agentEmail: "", timeline: "" }, b: newPerson(), c: newPerson(), assets: [], liabilities: [], hasReo: "", reo: [], consent: { credit: false, econsent: false, certify: false, sig: "" } }); const draftKey = (email) => "cm_apply_v1_" + String(email || "").trim().toLowerCase(); function stripSecrets(app) { let a = setIn(app, "b.ssn", ""); a = setIn(a, "b.dob", ""); a = setIn(a, "c.ssn", ""); a = setIn(a, "c.dob", ""); return setIn(a, "consent", { credit: false, econsent: false, certify: false, sig: "" }); } const PURPOSES = ["Purchase", "Refinance", "Cash-out refinance", "HELOC / second"]; const LOAN_TYPES = ["Conventional", "Jumbo", "FHA", "VA", "DSCR / investor", "Bank statement / non-QM", "Not sure"]; const OCCUPANCY = ["Primary residence", "Second home", "Investment property"]; const PROP_TYPES = ["Single family", "Condo", "Townhome", "Multi-unit (2-4)", "Manufactured", "Planned unit development (PUD)"]; const CREDIT = ["Excellent (740+)", "Good (680-739)", "Fair (620-679)", "Below 620", "Not sure"]; const MARITAL = ["Married", "Separated", "Unmarried"]; const CITIZEN = ["U.S. citizen", "Permanent resident alien", "Non-permanent resident alien"]; const HOUSING = ["Own", "Rent", "Living rent-free"]; const EMP_STATUS = ["Employed (W-2)", "Self-employed", "Retired", "Not currently employed"]; const OTHER_INC = ["Social Security", "Pension / retirement", "Disability", "Alimony / child support", "Rental income", "Interest / dividends", "Other"]; const ASSET_TYPES = ["Checking", "Savings", "Money market", "Certificate of deposit", "Stocks / mutual funds", "Retirement (401k / IRA)", "Gift", "Proceeds from sale of home", "Other"]; const LIAB_TYPES = ["Mortgage", "HELOC", "Auto loan", "Student loan", "Credit card", "Installment loan", "Alimony / child support", "Other"]; const STATES = ["CA", "AK", "AL", "AR", "AZ", "CO", "CT", "DC", "DE", "FL", "GA", "HI", "IA", "ID", "IL", "IN", "KS", "KY", "LA", "MA", "MD", "ME", "MI", "MN", "MO", "MS", "MT", "NC", "ND", "NE", "NH", "NJ", "NM", "NV", "NY", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VA", "VT", "WA", "WI", "WV", "WY"]; const DECLS = [{ k: "occupy", q: "Will you occupy the property as your primary residence?" }, { k: "owned3", q: "Have you had an ownership interest in another property in the last three years?" }, { k: "seller", q: "If this is a purchase: do you have a family relationship or business affiliation with the seller?" }, { k: "borrowed", q: "Are you borrowing any money for this transaction (closing costs or down payment) that you have not listed in this application?" }, { k: "otherMtg", q: "Have you applied, or will you apply, for a mortgage on another property on or before closing that is not listed here?" }, { k: "newCredit", q: "Have you applied, or will you apply, for any new credit (car loan, credit card) on or before closing?" }, { k: "pace", q: "Will this property be subject to a lien that could take priority over the first mortgage, such as a PACE clean-energy loan?" }, { k: "cosigner", q: "Are you a co-signer or guarantor on any debt or loan that is not listed here?" }, { k: "judgment", q: "Are there any outstanding judgments against you?" }, { k: "federal", q: "Are you currently delinquent or in default on a federal debt?" }, { k: "lawsuit", q: "Are you a party to a lawsuit in which you could have personal financial liability?" }, { k: "deedLieu", q: "Have you conveyed title to any property in lieu of foreclosure in the past 7 years?" }, { k: "shortSale", q: "Within the past 7 years, have you completed a pre-foreclosure sale or short sale?" }, { k: "foreclosure", q: "Have you had property foreclosed upon in the last 7 years?" }, { k: "bankruptcy", q: "Have you declared bankruptcy within the past 7 years?" }]; const ETH = ["Hispanic or Latino", "Not Hispanic or Latino", "I do not wish to provide this information"]; const RACE = ["American Indian or Alaska Native", "Asian", "Black or African American", "Native Hawaiian or Other Pacific Islander", "White", "I do not wish to provide this information"]; const SEX = ["Female", "Male", "I do not wish to provide this information"]; const RADIUS = 12; const FIELD_BORDER = "#C9D4E2"; const ERR_RED = "#B3261E"; const FIELD_SX = { width: "100%", boxSizing: "border-box", height: 50, padding: "0 14px", border: "1px solid " + FIELD_BORDER, borderRadius: RADIUS + "px", fontFamily: FONT.body, fontSize: "16px", fontWeight: 500, background: "#FFFFFF", colorScheme: "light", color: BRAND.ink, WebkitTextFillColor: BRAND.ink, outline: "none", display: "block", appearance: "none", WebkitAppearance: "none", transition: "border-color .15s, box-shadow .15s", "&:hover": { borderColor: BRAND.primary }, "&:focus": { borderColor: BRAND.primary, boxShadow: "0 0 0 3px " + (0, import_styles.alpha)(BRAND.primary, 0.18) }, "&::placeholder": { color: "#7A8899", opacity: 1, WebkitTextFillColor: "#7A8899" } }; const LABEL_SX = { display: "block", fontFamily: FONT.body, fontSize: 12.5, fontWeight: 700, color: BRAND.ink, mb: 0.6 }; const FormCtx = (0, import_react.createContext)(null); const useF = () => (0, import_react.useContext)(FormCtx); function TF({ p, label, type, placeholder, inputMode, fmt, autoComplete, maxLength, help }) { const { app, set } = useF(); const v = getIn(app, p); return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "label", sx: mergeStyles("285-4", { minWidth: 0, display: "block" }), "data-grok-id": "285-4", "data-grok-line": "285", "data-grok-end-line": "291" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "span", sx: mergeStyles("286-6", LABEL_SX), "data-grok-id": "286-6", "data-grok-line": "286", "data-grok-end-line": "286" }, label), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "input", "aria-label": label, sx: mergeStyles("287-6", FIELD_SX), type: type || "text", placeholder, inputMode, autoComplete: autoComplete || "off", maxLength, value: v == null ? "" : v, onChange: (e) => set(p, fmt ? fmt(e.target.value) : e.target.value), "data-grok-id": "287-6", "data-grok-line": "287", "data-grok-end-line": "289" }), help ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("290-14", { fontFamily: FONT.body, fontSize: 12, color: BRAND.muted, mt: 0.5 }), "data-grok-id": "290-14", "data-grok-line": "290", "data-grok-end-line": "290" }, help) : null); } const MoneyF = (props) => /* @__PURE__ */ import_react.default.createElement(TF, { ...props, inputMode: "numeric", fmt: fmtMoneyInput, placeholder: props.placeholder || "0", "data-grok-id": "294-26", sx: mergeStyles("294-26", {}), "data-grok-line": "294", "data-grok-end-line": "294" }); function SF({ p, label, options, placeholder }) { const { app, set } = useF(); const v = getIn(app, p); return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "label", sx: mergeStyles("299-4", { minWidth: 0, display: "block" }), "data-grok-id": "299-4", "data-grok-line": "299", "data-grok-end-line": "308" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "span", sx: mergeStyles("300-6", LABEL_SX), "data-grok-id": "300-6", "data-grok-line": "300", "data-grok-end-line": "300" }, label), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "select", "aria-label": label, sx: mergeStyles("301-6", { ...FIELD_SX, cursor: "pointer", backgroundImage: "linear-gradient(45deg, transparent 50%, #5E5E5E 50%), linear-gradient(135deg, #5E5E5E 50%, transparent 50%)", backgroundPosition: "calc(100% - 20px) 22px, calc(100% - 15px) 22px", backgroundSize: "5px 5px, 5px 5px", backgroundRepeat: "no-repeat", pr: 4 }), value: v == null ? "" : v, onChange: (e) => set(p, e.target.value), "data-grok-id": "301-6", "data-grok-line": "301", "data-grok-end-line": "307" }, /* @__PURE__ */ import_react.default.createElement("option", { value: "", "data-grok-id": "305-8", sx: mergeStyles("305-8", {}), "data-grok-line": "305", "data-grok-end-line": "305" }, placeholder || "Select…"), options.map((o) => /* @__PURE__ */ import_react.default.createElement("option", { key: o, value: o, "data-grok-id": "306-28", sx: mergeStyles("306-28", {}), "data-grok-line": "306", "data-grok-end-line": "306" }, o)))); } function Tile({ selected, onClick, children, compact }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { role: "button", tabIndex: 0, "aria-pressed": selected ? "true" : "false", onClick, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); onClick(); } }, sx: mergeStyles("313-4", { display: "flex", alignItems: "center", gap: 1, minHeight: compact ? 44 : 54, px: 1.75, py: 1, boxSizing: "border-box", cursor: "pointer", userSelect: "none", borderRadius: RADIUS + "px", border: "1.5px solid " + (selected ? BRAND.primary : FIELD_BORDER), bgcolor: selected ? "#EDF2FA" : "#FFFFFF", transition: "border-color .15s, background-color .15s", "&:hover": { borderColor: BRAND.primary } }), "data-grok-id": "313-4", "data-grok-line": "313", "data-grok-end-line": "321" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("319-6", { flex: 1, fontFamily: FONT.body, fontSize: 15, fontWeight: 600, color: BRAND.ink, lineHeight: 1.3 }), "data-grok-id": "319-6", "data-grok-line": "319", "data-grok-end-line": "319" }, children), /* @__PURE__ */ import_react.default.createElement(import_CheckCircle.default, { sx: mergeStyles("320-6", { fontSize: 19, flexShrink: 0, color: selected ? BRAND.primary : "transparent" }), "data-grok-id": "320-6", "data-grok-line": "320", "data-grok-end-line": "320" })); } function Choice({ p, label, options, cols }) { const { app, set } = useF(); const v = getIn(app, p); return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { "data-grok-id": "328-4", sx: mergeStyles("328-4", {}), "data-grok-line": "328", "data-grok-end-line": "333" }, label ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "p", sx: mergeStyles("329-15", { ...LABEL_SX, mb: 1 }), "data-grok-id": "329-15", "data-grok-line": "329", "data-grok-end-line": "329" }, label) : null, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("330-6", { display: "grid", gap: 1, gridTemplateColumns: { xs: cols === 3 ? "1fr 1fr" : "1fr", sm: "repeat(" + (cols || 2) + ", 1fr)" } }), "data-grok-id": "330-6", "data-grok-line": "330", "data-grok-end-line": "332" }, options.map((o) => /* @__PURE__ */ import_react.default.createElement(Tile, { key: o, selected: v === o, onClick: () => set(p, o), "data-grok-id": "331-28", sx: mergeStyles("331-28", {}), "data-grok-line": "331", "data-grok-end-line": "331" }, o)))); } function Multi({ p, label, options }) { const { app, set } = useF(); const v = getIn(app, p) || []; const decline = options[options.length - 1]; const toggle = (o) => { if (o === decline) { set(p, v.indexOf(o) >= 0 ? [] : [o]); return; } const base = v.filter((x) => x !== decline); set(p, base.indexOf(o) >= 0 ? base.filter((x) => x !== o) : base.concat([o])); }; return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { "data-grok-id": "346-4", sx: mergeStyles("346-4", {}), "data-grok-line": "346", "data-grok-end-line": "351" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "p", sx: mergeStyles("347-6", { ...LABEL_SX, mb: 1 }), "data-grok-id": "347-6", "data-grok-line": "347", "data-grok-end-line": "347" }, label), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("348-6", { display: "grid", gap: 1, gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr" } }), "data-grok-id": "348-6", "data-grok-line": "348", "data-grok-end-line": "350" }, options.map((o) => /* @__PURE__ */ import_react.default.createElement(Tile, { key: o, compact: true, selected: v.indexOf(o) >= 0, onClick: () => toggle(o), "data-grok-id": "349-28", sx: mergeStyles("349-28", {}), "data-grok-line": "349", "data-grok-end-line": "349" }, o)))); } function YN({ p, q }) { const { app, set } = useF(); const v = getIn(app, p); return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("358-4", { display: "flex", flexDirection: { xs: "column", sm: "row" }, alignItems: { sm: "center" }, gap: 1.25, py: 1.4, borderTop: "1px solid " + BRAND.line }), "data-grok-id": "358-4", "data-grok-line": "358", "data-grok-end-line": "363" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("359-6", { flex: 1, fontFamily: FONT.body, fontSize: 14.5, color: BRAND.ink, lineHeight: 1.45 }), "data-grok-id": "359-6", "data-grok-line": "359", "data-grok-end-line": "359" }, q), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("360-6", { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1, width: { xs: "100%", sm: 190 }, flexShrink: 0 }), "data-grok-id": "360-6", "data-grok-line": "360", "data-grok-end-line": "362" }, ["Yes", "No"].map((o) => /* @__PURE__ */ import_react.default.createElement(Tile, { key: o, compact: true, selected: v === o, onClick: () => set(p, o), "data-grok-id": "361-34", sx: mergeStyles("361-34", {}), "data-grok-line": "361", "data-grok-end-line": "361" }, o)))); } function Grid({ children, cols }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("367-9", { display: "grid", gap: 1.5, gridTemplateColumns: { xs: "1fr", sm: "repeat(" + (cols || 2) + ", minmax(0, 1fr))" } }), "data-grok-id": "367-9", "data-grok-line": "367", "data-grok-end-line": "367" }, children); } function H({ children, sub }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("371-4", { mb: 0.5 }), "data-grok-id": "371-4", "data-grok-line": "371", "data-grok-end-line": "374" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "h2", sx: mergeStyles("372-6", { fontFamily: FONT.display, fontSize: { xs: 24, sm: 28 }, lineHeight: 1.15, color: BRAND.ink }), "data-grok-id": "372-6", "data-grok-line": "372", "data-grok-end-line": "372" }, children), sub ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("373-13", { fontFamily: FONT.body, fontSize: 14.5, color: BRAND.muted, lineHeight: 1.55, mt: 0.75 }), "data-grok-id": "373-13", "data-grok-line": "373", "data-grok-end-line": "373" }, sub) : null); } function Sub({ children }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "h3", sx: mergeStyles("378-9", { fontFamily: FONT.eyebrow, fontSize: 13, letterSpacing: 1.3, textTransform: "uppercase", color: BRAND.primary, pt: 1 }), "data-grok-id": "378-9", "data-grok-line": "378", "data-grok-end-line": "378" }, children); } function Card({ children, onRemove, title }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("382-4", { border: "1px solid " + BRAND.line, borderRadius: RADIUS + "px", p: 2, bgcolor: "#FBFCFE" }), "data-grok-id": "382-4", "data-grok-line": "382", "data-grok-end-line": "390" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: mergeStyles("383-6", { mb: 1.5 }), "data-grok-id": "383-6", "data-grok-line": "383", "data-grok-end-line": "388" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("384-8", { fontFamily: FONT.body, fontWeight: 700, fontSize: 14, color: BRAND.ink }), "data-grok-id": "384-8", "data-grok-line": "384", "data-grok-end-line": "384" }, title), onRemove ? /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { onClick: onRemove, startIcon: /* @__PURE__ */ import_react.default.createElement(import_DeleteOutline.default, { "data-grok-id": "386-48", sx: mergeStyles("386-48", {}), "data-grok-line": "386", "data-grok-end-line": "386" }), sx: mergeStyles("386-10", { textTransform: "none", color: BRAND.muted, fontFamily: FONT.body, fontSize: 13 }), "data-grok-id": "386-10", "data-grok-line": "386", "data-grok-end-line": "386" }, "Remove") : null), /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 1.5, "data-grok-id": "389-6", sx: mergeStyles("389-6", {}), "data-grok-line": "389", "data-grok-end-line": "389" }, children)); } function AddBtn({ onClick, children }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { onClick, startIcon: /* @__PURE__ */ import_react.default.createElement(import_Add.default, { "data-grok-id": "395-41", sx: mergeStyles("395-41", {}), "data-grok-line": "395", "data-grok-end-line": "395" }), sx: mergeStyles("395-4", { alignSelf: "flex-start", textTransform: "none", fontFamily: FONT.body, fontWeight: 700, fontSize: 14.5, color: BRAND.primary, border: "1.5px dashed " + (0, import_styles.alpha)(BRAND.primary, 0.6), borderRadius: RADIUS + "px", px: 2, py: 1 }), "data-grok-id": "395-4", "data-grok-line": "395", "data-grok-end-line": "396" }, children); } function SsnField({ p, label }) { const { app, set } = useF(); const [show, setShow] = (0, import_react.useState)(false); const v = getIn(app, p) || ""; return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "label", sx: mergeStyles("404-4", { minWidth: 0, display: "block" }), "data-grok-id": "404-4", "data-grok-line": "404", "data-grok-end-line": "419" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "span", sx: mergeStyles("405-6", LABEL_SX), "data-grok-id": "405-6", "data-grok-line": "405", "data-grok-end-line": "405" }, label), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("406-6", { position: "relative" }), "data-grok-id": "406-6", "data-grok-line": "406", "data-grok-end-line": "414" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "input", "aria-label": label, sx: mergeStyles("407-8", { ...FIELD_SX, pr: 6, letterSpacing: show ? 0 : 2 }), type: show ? "text" : "password", inputMode: "numeric", autoComplete: "off", placeholder: "###-##-####", value: v, onChange: (e) => set(p, fmtSsn(e.target.value)), "data-grok-id": "407-8", "data-grok-line": "407", "data-grok-end-line": "409" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { role: "button", tabIndex: 0, "aria-label": show ? "Hide" : "Show", onClick: () => setShow((s) => !s), sx: mergeStyles("410-8", { position: "absolute", right: 12, top: 13, color: BRAND.muted, cursor: "pointer", lineHeight: 0 }), "data-grok-id": "410-8", "data-grok-line": "410", "data-grok-end-line": "413" }, show ? /* @__PURE__ */ import_react.default.createElement(import_VisibilityOff.default, { fontSize: "small", "data-grok-id": "412-18", sx: mergeStyles("412-18", {}), "data-grok-line": "412", "data-grok-end-line": "412" }) : /* @__PURE__ */ import_react.default.createElement(import_Visibility.default, { fontSize: "small", "data-grok-id": "412-59", sx: mergeStyles("412-59", {}), "data-grok-line": "412", "data-grok-end-line": "412" }))), /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: "row", spacing: 0.5, alignItems: "center", sx: mergeStyles("415-6", { mt: 0.5 }), "data-grok-id": "415-6", "data-grok-line": "415", "data-grok-end-line": "418" }, /* @__PURE__ */ import_react.default.createElement(import_Lock.default, { sx: mergeStyles("416-8", { fontSize: 13, color: BRAND.muted }), "data-grok-id": "416-8", "data-grok-line": "416", "data-grok-end-line": "416" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("417-8", { fontFamily: FONT.body, fontSize: 12, color: BRAND.muted }), "data-grok-id": "417-8", "data-grok-line": "417", "data-grok-end-line": "417" }, "Encrypted in transit. Never saved on this device."))); } function Check({ checked, onChange, children }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { role: "checkbox", "aria-checked": checked ? "true" : "false", tabIndex: 0, onClick: () => onChange(!checked), onKeyDown: (e) => { if (e.key === " " || e.key === "Enter") { e.preventDefault(); onChange(!checked); } }, sx: mergeStyles("424-4", { display: "flex", gap: 1.25, alignItems: "flex-start", cursor: "pointer", p: 1.5, borderRadius: RADIUS + "px", border: "1.5px solid " + (checked ? BRAND.primary : FIELD_BORDER), bgcolor: checked ? "#EDF2FA" : "#FFFFFF" }), "data-grok-id": "424-4", "data-grok-line": "424", "data-grok-end-line": "431" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("428-6", { width: 20, height: 20, flexShrink: 0, mt: "1px", borderRadius: "5px", border: "2px solid " + (checked ? BRAND.primary : "#9AA8B8"), bgcolor: checked ? BRAND.primary : "#FFFFFF", display: "grid", placeItems: "center", color: "#FFFFFF", fontSize: 14, fontWeight: 800 }), "data-grok-id": "428-6", "data-grok-line": "428", "data-grok-end-line": "429" }, checked ? "✓" : ""), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("430-6", { fontFamily: FONT.body, fontSize: 13.5, color: BRAND.ink, lineHeight: 1.55 }), "data-grok-id": "430-6", "data-grok-line": "430", "data-grok-end-line": "430" }, children)); } const STEPS = ["Start", "Loan & property", "About you", "Employment & income", "Assets & debts", "Real estate owned", "Declarations", "Demographics", "Review & submit"]; function StepStart({ resumed }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "440-4", sx: mergeStyles("440-4", {}), "data-grok-line": "440", "data-grok-end-line": "456" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Start with your email. No password, no account. It takes about 15 minutes, and Aaron reviews every application himself.", "data-grok-id": "441-6", sx: mergeStyles("441-6", {}), "data-grok-line": "441", "data-grok-end-line": "441" }, "Your secure mortgage application"), /* @__PURE__ */ import_react.default.createElement(TF, { p: "email", label: "Email address", type: "email", inputMode: "email", autoComplete: "email", placeholder: "you@example.com", "data-grok-id": "442-6", sx: mergeStyles("442-6", {}), "data-grok-line": "442", "data-grok-end-line": "442" }), resumed ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("444-8", { fontFamily: FONT.body, fontSize: 13.5, color: BRAND.success, fontWeight: 600 }), "data-grok-id": "444-8", "data-grok-line": "444", "data-grok-end-line": "446" }, "Welcome back. Your progress on this device was restored. For your security, your Social Security number and date of birth were not saved, so we will ask for them again.") : null, /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 1, sx: mergeStyles("448-6", { pt: 0.5 }), "data-grok-id": "448-6", "data-grok-line": "448", "data-grok-end-line": "455" }, ["Bank-level encryption from your device to Cali Mortgage", "Progress saves on this device as you go", "Applying does not commit you to anything"].map((t) => /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { key: t, direction: "row", spacing: 1, alignItems: "center", "data-grok-id": "450-10", sx: mergeStyles("450-10", {}), "data-grok-line": "450", "data-grok-end-line": "453" }, /* @__PURE__ */ import_react.default.createElement(import_CheckCircle.default, { sx: mergeStyles("451-12", { fontSize: 18, color: BRAND.success }), "data-grok-id": "451-12", "data-grok-line": "451", "data-grok-end-line": "451" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("452-12", { fontFamily: FONT.body, fontSize: 14, color: BRAND.ink }), "data-grok-id": "452-12", "data-grok-line": "452", "data-grok-end-line": "452" }, t))))); } function StepLoan() { const { app } = useF(); const L = app.loan; const purchase = L.purpose === "Purchase"; const loanAmt = purchase ? Math.max(0, money(L.price) - money(L.down)) : money(L.loanAmt); const base = purchase ? money(L.price) : money(L.value); const ltv = base ? loanAmt / base * 100 : 0; return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "468-4", sx: mergeStyles("468-4", {}), "data-grok-line": "468", "data-grok-end-line": "530" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Tell us what you are looking to do and about the property.", "data-grok-id": "469-6", sx: mergeStyles("469-6", {}), "data-grok-line": "469", "data-grok-end-line": "469" }, "Loan & property"), /* @__PURE__ */ import_react.default.createElement(Choice, { p: "loan.purpose", label: "What are you looking to do?", options: PURPOSES, "data-grok-id": "470-6", sx: mergeStyles("470-6", {}), "data-grok-line": "470", "data-grok-end-line": "470" }), L.purpose ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "473-10", sx: mergeStyles("473-10", {}), "data-grok-line": "473", "data-grok-end-line": "478" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.type", label: "Loan type", options: LOAN_TYPES, "data-grok-id": "474-12", sx: mergeStyles("474-12", {}), "data-grok-line": "474", "data-grok-end-line": "474" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.occupancy", label: "How will you use the property?", options: OCCUPANCY, "data-grok-id": "475-12", sx: mergeStyles("475-12", {}), "data-grok-line": "475", "data-grok-end-line": "475" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.propType", label: "Property type", options: PROP_TYPES, "data-grok-id": "476-12", sx: mergeStyles("476-12", {}), "data-grok-line": "476", "data-grok-end-line": "476" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.credit", label: "Estimated credit", options: CREDIT, "data-grok-id": "477-12", sx: mergeStyles("477-12", {}), "data-grok-line": "477", "data-grok-end-line": "477" })), purchase ? /* @__PURE__ */ import_react.default.createElement(Choice, { p: "loan.found", label: "Have you found a home?", options: ["Yes, in contract", "Yes, making offers", "Still shopping"], cols: 3, "data-grok-id": "479-22", sx: mergeStyles("479-22", {}), "data-grok-line": "479", "data-grok-end-line": "479" }) : null, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "480-10", sx: mergeStyles("480-10", {}), "data-grok-line": "480", "data-grok-end-line": "480" }, purchase && L.found === "Still shopping" ? "Where are you shopping?" : "Property address"), !(purchase && L.found === "Still shopping") ? /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.addr", label: "Street address", autoComplete: "street-address", placeholder: "123 Main St", "data-grok-id": "481-57", sx: mergeStyles("481-57", {}), "data-grok-line": "481", "data-grok-end-line": "481" }) : null, /* @__PURE__ */ import_react.default.createElement(Grid, { cols: 3, "data-grok-id": "482-10", sx: mergeStyles("482-10", {}), "data-grok-line": "482", "data-grok-end-line": "486" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.city", label: "City", placeholder: "Roseville", "data-grok-id": "483-12", sx: mergeStyles("483-12", {}), "data-grok-line": "483", "data-grok-end-line": "483" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.state", label: "State", options: STATES, "data-grok-id": "484-12", sx: mergeStyles("484-12", {}), "data-grok-line": "484", "data-grok-end-line": "484" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.zip", label: "ZIP", inputMode: "numeric", maxLength: 5, fmt: (v) => digits(v).slice(0, 5), placeholder: "95747", "data-grok-id": "485-12", sx: mergeStyles("485-12", {}), "data-grok-line": "485", "data-grok-end-line": "485" })), /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "487-10", sx: mergeStyles("487-10", {}), "data-grok-line": "487", "data-grok-end-line": "490" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.county", label: "County", placeholder: "Placer", "data-grok-id": "488-12", sx: mergeStyles("488-12", {}), "data-grok-line": "488", "data-grok-end-line": "488" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.units", label: "Number of units", options: ["1", "2", "3", "4"], "data-grok-id": "489-12", sx: mergeStyles("489-12", {}), "data-grok-line": "489", "data-grok-end-line": "489" })), /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "491-10", sx: mergeStyles("491-10", {}), "data-grok-line": "491", "data-grok-end-line": "491" }, "The numbers"), purchase ? /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "493-12", sx: mergeStyles("493-12", {}), "data-grok-line": "493", "data-grok-end-line": "497" }, /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.price", label: "Purchase price ($)", "data-grok-id": "494-14", sx: mergeStyles("494-14", {}), "data-grok-line": "494", "data-grok-end-line": "494" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.down", label: "Down payment ($)", "data-grok-id": "495-14", sx: mergeStyles("495-14", {}), "data-grok-line": "495", "data-grok-end-line": "495" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "loan.downSource", label: "Down payment source", options: ["Savings / checking", "Gift", "Sale of current home", "Retirement funds", "Other"], "data-grok-id": "496-14", sx: mergeStyles("496-14", {}), "data-grok-line": "496", "data-grok-end-line": "496" })) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "500-14", sx: mergeStyles("500-14", {}), "data-grok-line": "500", "data-grok-end-line": "507" }, /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.value", label: "Estimated home value ($)", "data-grok-id": "501-16", sx: mergeStyles("501-16", {}), "data-grok-line": "501", "data-grok-end-line": "501" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.loanAmt", label: "Loan amount you want ($)", "data-grok-id": "502-16", sx: mergeStyles("502-16", {}), "data-grok-line": "502", "data-grok-end-line": "502" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.curLender", label: "Current lender", "data-grok-id": "503-16", sx: mergeStyles("503-16", {}), "data-grok-line": "503", "data-grok-end-line": "503" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.curBal", label: "Current mortgage balance ($)", "data-grok-id": "504-16", sx: mergeStyles("504-16", {}), "data-grok-line": "504", "data-grok-end-line": "504" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.curPay", label: "Current monthly payment ($)", "data-grok-id": "505-16", sx: mergeStyles("505-16", {}), "data-grok-line": "505", "data-grok-end-line": "505" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.curRate", label: "Current interest rate (%)", inputMode: "decimal", fmt: fmtRate, placeholder: "6.5", "data-grok-id": "506-16", sx: mergeStyles("506-16", {}), "data-grok-line": "506", "data-grok-end-line": "506" })), L.purpose !== "Refinance" ? /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "loan.cashOut", label: "Cash you want to take out ($)", "data-grok-id": "508-43", sx: mergeStyles("508-43", {}), "data-grok-line": "508", "data-grok-end-line": "508" }) : null), base ? /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("512-12", { bgcolor: BRAND.surfaceAlt, borderRadius: RADIUS + "px", px: 2, py: 1.5 }), "data-grok-id": "512-12", "data-grok-line": "512", "data-grok-end-line": "516" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("513-14", { fontFamily: FONT.body, fontSize: 14, color: BRAND.ink }), "data-grok-id": "513-14", "data-grok-line": "513", "data-grok-end-line": "515" }, "Loan amount ", /* @__PURE__ */ import_react.default.createElement("b", { "data-grok-id": "514-28", sx: mergeStyles("514-28", {}), "data-grok-line": "514", "data-grok-end-line": "514" }, usd(loanAmt)), " · Loan-to-value ", /* @__PURE__ */ import_react.default.createElement("b", { "data-grok-id": "514-66", sx: mergeStyles("514-66", {}), "data-grok-line": "514", "data-grok-end-line": "514" }, ltv.toFixed(1), "%"))) : null, purchase ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "520-14", sx: mergeStyles("520-14", {}), "data-grok-line": "520", "data-grok-end-line": "520" }, "Your real estate agent (optional)"), /* @__PURE__ */ import_react.default.createElement(Grid, { cols: 3, "data-grok-id": "521-14", sx: mergeStyles("521-14", {}), "data-grok-line": "521", "data-grok-end-line": "525" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.agentName", label: "Agent name", "data-grok-id": "522-16", sx: mergeStyles("522-16", {}), "data-grok-line": "522", "data-grok-end-line": "522" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.agentPhone", label: "Agent phone", inputMode: "tel", fmt: fmtPhone, "data-grok-id": "523-16", sx: mergeStyles("523-16", {}), "data-grok-line": "523", "data-grok-end-line": "523" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "loan.agentEmail", label: "Agent email", type: "email", inputMode: "email", "data-grok-id": "524-16", sx: mergeStyles("524-16", {}), "data-grok-line": "524", "data-grok-end-line": "524" }))) : null) : null); } function PersonInfo({ who, title }) { const { app } = useF(); const P = app[who]; const short = Number(P.yrs || 0) < 2 && P.yrs !== ""; return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 1.5, "data-grok-id": "539-4", sx: mergeStyles("539-4", {}), "data-grok-line": "539", "data-grok-end-line": "591" }, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "540-6", sx: mergeStyles("540-6", {}), "data-grok-line": "540", "data-grok-end-line": "540" }, title), /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "541-6", sx: mergeStyles("541-6", {}), "data-grok-line": "541", "data-grok-end-line": "546" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".first", label: "First name", autoComplete: who === "b" ? "given-name" : "off", "data-grok-id": "542-8", sx: mergeStyles("542-8", {}), "data-grok-line": "542", "data-grok-end-line": "542" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".middle", label: "Middle name", "data-grok-id": "543-8", sx: mergeStyles("543-8", {}), "data-grok-line": "543", "data-grok-end-line": "543" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".last", label: "Last name", autoComplete: who === "b" ? "family-name" : "off", "data-grok-id": "544-8", sx: mergeStyles("544-8", {}), "data-grok-line": "544", "data-grok-end-line": "544" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".suffix", label: "Suffix (Jr., Sr.)", "data-grok-id": "545-8", sx: mergeStyles("545-8", {}), "data-grok-line": "545", "data-grok-end-line": "545" })), /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "547-6", sx: mergeStyles("547-6", {}), "data-grok-line": "547", "data-grok-end-line": "552" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".phone", label: "Mobile phone", type: "tel", inputMode: "tel", fmt: fmtPhone, autoComplete: who === "b" ? "tel" : "off", placeholder: "(916) 555-0134", "data-grok-id": "548-8", sx: mergeStyles("548-8", {}), "data-grok-line": "548", "data-grok-end-line": "548" }), who === "c" ? /* @__PURE__ */ import_react.default.createElement(TF, { p: "c.email", label: "Email", type: "email", inputMode: "email", "data-grok-id": "549-23", sx: mergeStyles("549-23", {}), "data-grok-line": "549", "data-grok-end-line": "549" }) : null, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".dob", label: "Date of birth", type: "date", "data-grok-id": "550-8", sx: mergeStyles("550-8", {}), "data-grok-line": "550", "data-grok-end-line": "550" }), /* @__PURE__ */ import_react.default.createElement(SsnField, { p: who + ".ssn", label: "Social Security number", "data-grok-id": "551-8", sx: mergeStyles("551-8", {}), "data-grok-line": "551", "data-grok-end-line": "551" })), /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "553-6", sx: mergeStyles("553-6", {}), "data-grok-line": "553", "data-grok-end-line": "558" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".marital", label: "Marital status", options: MARITAL, "data-grok-id": "554-8", sx: mergeStyles("554-8", {}), "data-grok-line": "554", "data-grok-end-line": "554" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".citizen", label: "Citizenship", options: CITIZEN, "data-grok-id": "555-8", sx: mergeStyles("555-8", {}), "data-grok-line": "555", "data-grok-end-line": "555" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".deps", label: "Number of dependents", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 2), placeholder: "0", "data-grok-id": "556-8", sx: mergeStyles("556-8", {}), "data-grok-line": "556", "data-grok-end-line": "556" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".depAges", label: "Ages of dependents", placeholder: "e.g. 4, 9", "data-grok-id": "557-8", sx: mergeStyles("557-8", {}), "data-grok-line": "557", "data-grok-end-line": "557" })), /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".military", label: "Have you served, or are you serving, in the U.S. Armed Forces?", options: ["No", "Currently serving on active duty", "Retired / discharged / separated veteran", "Non-activated Reserve or National Guard", "Surviving spouse"], "data-grok-id": "559-6", sx: mergeStyles("559-6", {}), "data-grok-line": "559", "data-grok-end-line": "560" }), /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "561-6", sx: mergeStyles("561-6", {}), "data-grok-line": "561", "data-grok-end-line": "561" }, "Current address"), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".addr", label: "Street address", autoComplete: who === "b" ? "street-address" : "off", "data-grok-id": "562-6", sx: mergeStyles("562-6", {}), "data-grok-line": "562", "data-grok-end-line": "562" }), /* @__PURE__ */ import_react.default.createElement(Grid, { cols: 3, "data-grok-id": "563-6", sx: mergeStyles("563-6", {}), "data-grok-line": "563", "data-grok-end-line": "567" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".city", label: "City", "data-grok-id": "564-8", sx: mergeStyles("564-8", {}), "data-grok-line": "564", "data-grok-end-line": "564" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".state", label: "State", options: STATES, "data-grok-id": "565-8", sx: mergeStyles("565-8", {}), "data-grok-line": "565", "data-grok-end-line": "565" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".zip", label: "ZIP", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 5), "data-grok-id": "566-8", sx: mergeStyles("566-8", {}), "data-grok-line": "566", "data-grok-end-line": "566" })), /* @__PURE__ */ import_react.default.createElement(Grid, { cols: 3, "data-grok-id": "568-6", sx: mergeStyles("568-6", {}), "data-grok-line": "568", "data-grok-end-line": "572" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".yrs", label: "Years there", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 2), placeholder: "0", "data-grok-id": "569-8", sx: mergeStyles("569-8", {}), "data-grok-line": "569", "data-grok-end-line": "569" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".mos", label: "Months", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 2), placeholder: "0", "data-grok-id": "570-8", sx: mergeStyles("570-8", {}), "data-grok-line": "570", "data-grok-end-line": "570" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".housing", label: "Housing", options: HOUSING, "data-grok-id": "571-8", sx: mergeStyles("571-8", {}), "data-grok-line": "571", "data-grok-end-line": "571" })), P.housing === "Rent" ? /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: who + ".rent", label: "Monthly rent ($)", "data-grok-id": "573-30", sx: mergeStyles("573-30", {}), "data-grok-line": "573", "data-grok-end-line": "573" }) : null, short ? /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "575-8", sx: mergeStyles("575-8", {}), "data-grok-line": "575", "data-grok-end-line": "578" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prevAddr", label: "Previous address (city, state, ZIP)", "data-grok-id": "576-10", sx: mergeStyles("576-10", {}), "data-grok-line": "576", "data-grok-end-line": "576" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prevYrs", label: "Years at previous address", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 2), "data-grok-id": "577-10", sx: mergeStyles("577-10", {}), "data-grok-line": "577", "data-grok-end-line": "577" })) : null, /* @__PURE__ */ import_react.default.createElement(Choice, { p: who + ".mailSame", label: "Is your mailing address the same?", options: ["Yes", "No"], "data-grok-id": "580-6", sx: mergeStyles("580-6", {}), "data-grok-line": "580", "data-grok-end-line": "580" }), P.mailSame === "No" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".mailAddr", label: "Mailing street address", "data-grok-id": "583-10", sx: mergeStyles("583-10", {}), "data-grok-line": "583", "data-grok-end-line": "583" }), /* @__PURE__ */ import_react.default.createElement(Grid, { cols: 3, "data-grok-id": "584-10", sx: mergeStyles("584-10", {}), "data-grok-line": "584", "data-grok-end-line": "588" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".mailCity", label: "City", "data-grok-id": "585-12", sx: mergeStyles("585-12", {}), "data-grok-line": "585", "data-grok-end-line": "585" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".mailState", label: "State", options: STATES, "data-grok-id": "586-12", sx: mergeStyles("586-12", {}), "data-grok-line": "586", "data-grok-end-line": "586" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".mailZip", label: "ZIP", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 5), "data-grok-id": "587-12", sx: mergeStyles("587-12", {}), "data-grok-line": "587", "data-grok-end-line": "587" }))) : null); } function StepPeople() { const { app } = useF(); return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "598-4", sx: mergeStyles("598-4", {}), "data-grok-line": "598", "data-grok-end-line": "603" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "This is the information lenders require on every application.", "data-grok-id": "599-6", sx: mergeStyles("599-6", {}), "data-grok-line": "599", "data-grok-end-line": "599" }, "About you"), /* @__PURE__ */ import_react.default.createElement(PersonInfo, { who: "b", title: "Borrower", "data-grok-id": "600-6", sx: mergeStyles("600-6", {}), "data-grok-line": "600", "data-grok-end-line": "600" }), /* @__PURE__ */ import_react.default.createElement(Choice, { p: "hasCo", label: "Is anyone applying with you (co-borrower)?", options: ["No", "Yes"], "data-grok-id": "601-6", sx: mergeStyles("601-6", {}), "data-grok-line": "601", "data-grok-end-line": "601" }), app.hasCo === "Yes" ? /* @__PURE__ */ import_react.default.createElement(PersonInfo, { who: "c", title: "Co-borrower", "data-grok-id": "602-29", sx: mergeStyles("602-29", {}), "data-grok-line": "602", "data-grok-end-line": "602" }) : null); } function EmpBlock({ p, self }) { return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 1.5, "data-grok-id": "609-4", sx: mergeStyles("609-4", {}), "data-grok-line": "609", "data-grok-end-line": "631" }, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "610-6", sx: mergeStyles("610-6", {}), "data-grok-line": "610", "data-grok-end-line": "617" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".employer", label: self ? "Business name" : "Employer name", "data-grok-id": "611-8", sx: mergeStyles("611-8", {}), "data-grok-line": "611", "data-grok-end-line": "611" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".title", label: self ? "Your role" : "Position / title", "data-grok-id": "612-8", sx: mergeStyles("612-8", {}), "data-grok-line": "612", "data-grok-end-line": "612" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".phone", label: "Phone", inputMode: "tel", fmt: fmtPhone, "data-grok-id": "613-8", sx: mergeStyles("613-8", {}), "data-grok-line": "613", "data-grok-end-line": "613" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".city", label: "City, state", "data-grok-id": "614-8", sx: mergeStyles("614-8", {}), "data-grok-line": "614", "data-grok-end-line": "614" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".start", label: "Start date", type: "month", "data-grok-id": "615-8", sx: mergeStyles("615-8", {}), "data-grok-line": "615", "data-grok-end-line": "615" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: p + ".yrsLine", label: "Years in this line of work", inputMode: "numeric", fmt: (v) => digits(v).slice(0, 2), "data-grok-id": "616-8", sx: mergeStyles("616-8", {}), "data-grok-line": "616", "data-grok-end-line": "616" })), self ? /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "619-8", sx: mergeStyles("619-8", {}), "data-grok-line": "619", "data-grok-end-line": "622" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: p + ".own25", label: "Your ownership share", options: ["Less than 25%", "25% or more"], "data-grok-id": "620-10", sx: mergeStyles("620-10", {}), "data-grok-line": "620", "data-grok-end-line": "620" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: p + ".selfNet", label: "Monthly income from business ($)", help: "After expenses, before taxes", "data-grok-id": "621-10", sx: mergeStyles("621-10", {}), "data-grok-line": "621", "data-grok-end-line": "621" })) : /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "624-8", sx: mergeStyles("624-8", {}), "data-grok-line": "624", "data-grok-end-line": "629" }, /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: p + ".base", label: "Base pay per month ($)", "data-grok-id": "625-10", sx: mergeStyles("625-10", {}), "data-grok-line": "625", "data-grok-end-line": "625" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: p + ".ot", label: "Overtime per month ($)", "data-grok-id": "626-10", sx: mergeStyles("626-10", {}), "data-grok-line": "626", "data-grok-end-line": "626" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: p + ".bonus", label: "Bonus per month ($)", "data-grok-id": "627-10", sx: mergeStyles("627-10", {}), "data-grok-line": "627", "data-grok-end-line": "627" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: p + ".comm", label: "Commission per month ($)", "data-grok-id": "628-10", sx: mergeStyles("628-10", {}), "data-grok-line": "628", "data-grok-end-line": "628" }))); } function PersonIncome({ who, title }) { const { app, set } = useF(); const P = app[who]; const working = P.empStatus === "Employed (W-2)" || P.empStatus === "Self-employed"; const self = P.empStatus === "Self-employed"; return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 1.5, "data-grok-id": "640-4", sx: mergeStyles("640-4", {}), "data-grok-line": "640", "data-grok-end-line": "665" }, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "641-6", sx: mergeStyles("641-6", {}), "data-grok-line": "641", "data-grok-end-line": "641" }, title), /* @__PURE__ */ import_react.default.createElement(Choice, { p: who + ".empStatus", label: "Employment status", options: EMP_STATUS, "data-grok-id": "642-6", sx: mergeStyles("642-6", {}), "data-grok-line": "642", "data-grok-end-line": "642" }), working ? /* @__PURE__ */ import_react.default.createElement(EmpBlock, { p: who + ".emp", self, "data-grok-id": "643-17", sx: mergeStyles("643-17", {}), "data-grok-line": "643", "data-grok-end-line": "643" }) : null, working ? /* @__PURE__ */ import_react.default.createElement(Choice, { p: who + ".hasEmp2", label: "Do you have a second job or business?", options: ["No", "Yes"], "data-grok-id": "644-17", sx: mergeStyles("644-17", {}), "data-grok-line": "644", "data-grok-end-line": "644" }) : null, working && P.hasEmp2 === "Yes" ? /* @__PURE__ */ import_react.default.createElement(Card, { title: "Second job / business", "data-grok-id": "645-40", sx: mergeStyles("645-40", {}), "data-grok-line": "645", "data-grok-end-line": "645" }, /* @__PURE__ */ import_react.default.createElement(EmpBlock, { p: who + ".emp2", "data-grok-id": "645-76", sx: mergeStyles("645-76", {}), "data-grok-line": "645", "data-grok-end-line": "645" })) : null, /* @__PURE__ */ import_react.default.createElement(Card, { title: "Previous employer (only if less than 2 years at your current job)", "data-grok-id": "646-6", sx: mergeStyles("646-6", {}), "data-grok-line": "646", "data-grok-end-line": "654" }, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "647-8", sx: mergeStyles("647-8", {}), "data-grok-line": "647", "data-grok-end-line": "653" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prev.employer", label: "Employer", "data-grok-id": "648-10", sx: mergeStyles("648-10", {}), "data-grok-line": "648", "data-grok-end-line": "648" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prev.title", label: "Title", "data-grok-id": "649-10", sx: mergeStyles("649-10", {}), "data-grok-line": "649", "data-grok-end-line": "649" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prev.start", label: "Start", type: "month", "data-grok-id": "650-10", sx: mergeStyles("650-10", {}), "data-grok-line": "650", "data-grok-end-line": "650" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: who + ".prev.end", label: "End", type: "month", "data-grok-id": "651-10", sx: mergeStyles("651-10", {}), "data-grok-line": "651", "data-grok-end-line": "651" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: who + ".prev.monthly", label: "Monthly income there ($)", "data-grok-id": "652-10", sx: mergeStyles("652-10", {}), "data-grok-line": "652", "data-grok-end-line": "652" }))), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "p", sx: mergeStyles("655-6", { ...LABEL_SX, mb: 0 }), "data-grok-id": "655-6", "data-grok-line": "655", "data-grok-end-line": "655" }, "Other income (Social Security, pension, rental, etc.)"), (P.other || []).map((o, i) => /* @__PURE__ */ import_react.default.createElement(Card, { key: i, title: "Other income " + (i + 1), onRemove: () => set(who + ".other", P.other.filter((_x, j) => j !== i)), "data-grok-id": "657-8", sx: mergeStyles("657-8", {}), "data-grok-line": "657", "data-grok-end-line": "662" }, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "658-10", sx: mergeStyles("658-10", {}), "data-grok-line": "658", "data-grok-end-line": "661" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".other." + i + ".type", label: "Type", options: OTHER_INC, "data-grok-id": "659-12", sx: mergeStyles("659-12", {}), "data-grok-line": "659", "data-grok-end-line": "659" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: who + ".other." + i + ".monthly", label: "Monthly amount ($)", "data-grok-id": "660-12", sx: mergeStyles("660-12", {}), "data-grok-line": "660", "data-grok-end-line": "660" })))), /* @__PURE__ */ import_react.default.createElement(AddBtn, { onClick: () => set(who + ".other", (P.other || []).concat([{ type: "", monthly: "" }])), "data-grok-id": "664-6", sx: mergeStyles("664-6", {}), "data-grok-line": "664", "data-grok-end-line": "664" }, "Add other income")); } function StepIncome() { const { app } = useF(); return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "671-4", sx: mergeStyles("671-4", {}), "data-grok-line": "671", "data-grok-end-line": "675" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Monthly gross amounts (before taxes). Estimates are fine. Aaron confirms everything with your documents.", "data-grok-id": "672-6", sx: mergeStyles("672-6", {}), "data-grok-line": "672", "data-grok-end-line": "672" }, "Employment & income"), /* @__PURE__ */ import_react.default.createElement(PersonIncome, { who: "b", title: "Borrower" + (app.b.first ? " - " + app.b.first : ""), "data-grok-id": "673-6", sx: mergeStyles("673-6", {}), "data-grok-line": "673", "data-grok-end-line": "673" }), app.hasCo === "Yes" ? /* @__PURE__ */ import_react.default.createElement(PersonIncome, { who: "c", title: "Co-borrower" + (app.c.first ? " - " + app.c.first : ""), "data-grok-id": "674-29", sx: mergeStyles("674-29", {}), "data-grok-line": "674", "data-grok-end-line": "674" }) : null); } function StepAssets() { const { app, set } = useF(); const owners = app.hasCo === "Yes" ? ["Borrower", "Co-borrower", "Joint"] : ["Borrower"]; return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "683-4", sx: mergeStyles("683-4", {}), "data-grok-line": "683", "data-grok-end-line": "713" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Accounts you can use for down payment, closing costs and reserves. Current balances are fine.", "data-grok-id": "684-6", sx: mergeStyles("684-6", {}), "data-grok-line": "684", "data-grok-end-line": "684" }, "Assets & debts"), /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "685-6", sx: mergeStyles("685-6", {}), "data-grok-line": "685", "data-grok-end-line": "685" }, "Assets"), app.assets.map((a, i) => /* @__PURE__ */ import_react.default.createElement(Card, { key: i, title: "Account " + (i + 1), onRemove: () => set("assets", app.assets.filter((_x, j) => j !== i)), "data-grok-id": "687-8", sx: mergeStyles("687-8", {}), "data-grok-line": "687", "data-grok-end-line": "694" }, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "688-10", sx: mergeStyles("688-10", {}), "data-grok-line": "688", "data-grok-end-line": "693" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: "assets." + i + ".type", label: "Type", options: ASSET_TYPES, "data-grok-id": "689-12", sx: mergeStyles("689-12", {}), "data-grok-line": "689", "data-grok-end-line": "689" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "assets." + i + ".inst", label: a.type === "Gift" ? "Gift from (name, relationship)" : "Bank / institution", "data-grok-id": "690-12", sx: mergeStyles("690-12", {}), "data-grok-line": "690", "data-grok-end-line": "690" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "assets." + i + ".value", label: "Balance / amount ($)", "data-grok-id": "691-12", sx: mergeStyles("691-12", {}), "data-grok-line": "691", "data-grok-end-line": "691" }), owners.length > 1 ? /* @__PURE__ */ import_react.default.createElement(SF, { p: "assets." + i + ".owner", label: "Whose account", options: owners, "data-grok-id": "692-33", sx: mergeStyles("692-33", {}), "data-grok-line": "692", "data-grok-end-line": "692" }) : null))), /* @__PURE__ */ import_react.default.createElement(AddBtn, { onClick: () => set("assets", app.assets.concat([{ type: "", inst: "", value: "", owner: "" }])), "data-grok-id": "696-6", sx: mergeStyles("696-6", {}), "data-grok-line": "696", "data-grok-end-line": "696" }, "Add an account"), /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "697-6", sx: mergeStyles("697-6", {}), "data-grok-line": "697", "data-grok-end-line": "697" }, "Debts"), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("698-6", { fontFamily: FONT.body, fontSize: 13.5, color: BRAND.muted, lineHeight: 1.5, mt: -1 }), "data-grok-id": "698-6", "data-grok-line": "698", "data-grok-end-line": "700" }, "Most debts come from your credit report, so this part is optional. List anything you want Aaron to know about, like alimony, child support, or a debt that will be paid off."), app.liabilities.map((l, i) => /* @__PURE__ */ import_react.default.createElement(Card, { key: i, title: "Debt " + (i + 1), onRemove: () => set("liabilities", app.liabilities.filter((_x, j) => j !== i)), "data-grok-id": "702-8", sx: mergeStyles("702-8", {}), "data-grok-line": "702", "data-grok-end-line": "710" }, /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "703-10", sx: mergeStyles("703-10", {}), "data-grok-line": "703", "data-grok-end-line": "709" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: "liabilities." + i + ".type", label: "Type", options: LIAB_TYPES, "data-grok-id": "704-12", sx: mergeStyles("704-12", {}), "data-grok-line": "704", "data-grok-end-line": "704" }), /* @__PURE__ */ import_react.default.createElement(TF, { p: "liabilities." + i + ".creditor", label: "Creditor", "data-grok-id": "705-12", sx: mergeStyles("705-12", {}), "data-grok-line": "705", "data-grok-end-line": "705" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "liabilities." + i + ".balance", label: "Balance ($)", "data-grok-id": "706-12", sx: mergeStyles("706-12", {}), "data-grok-line": "706", "data-grok-end-line": "706" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "liabilities." + i + ".payment", label: "Monthly payment ($)", "data-grok-id": "707-12", sx: mergeStyles("707-12", {}), "data-grok-line": "707", "data-grok-end-line": "707" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "liabilities." + i + ".payoff", label: "Paying off at closing?", options: ["No", "Yes"], "data-grok-id": "708-12", sx: mergeStyles("708-12", {}), "data-grok-line": "708", "data-grok-end-line": "708" })))), /* @__PURE__ */ import_react.default.createElement(AddBtn, { onClick: () => set("liabilities", app.liabilities.concat([{ type: "", creditor: "", balance: "", payment: "", payoff: "" }])), "data-grok-id": "712-6", sx: mergeStyles("712-6", {}), "data-grok-line": "712", "data-grok-end-line": "712" }, "Add a debt")); } function StepReo() { const { app, set } = useF(); return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "720-4", sx: mergeStyles("720-4", {}), "data-grok-line": "720", "data-grok-end-line": "742" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Include the home you live in now if you own it, plus any rentals or second homes.", "data-grok-id": "721-6", sx: mergeStyles("721-6", {}), "data-grok-line": "721", "data-grok-end-line": "721" }, "Real estate you own"), /* @__PURE__ */ import_react.default.createElement(Choice, { p: "hasReo", label: "Do you currently own any real estate?", options: ["No", "Yes"], "data-grok-id": "722-6", sx: mergeStyles("722-6", {}), "data-grok-line": "722", "data-grok-end-line": "722" }), app.hasReo === "Yes" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, app.reo.map((r, i) => /* @__PURE__ */ import_react.default.createElement(Card, { key: i, title: "Property " + (i + 1), onRemove: () => set("reo", app.reo.filter((_x, j) => j !== i)), "data-grok-id": "726-12", sx: mergeStyles("726-12", {}), "data-grok-line": "726", "data-grok-end-line": "737" }, /* @__PURE__ */ import_react.default.createElement(TF, { p: "reo." + i + ".addr", label: "Address (street, city, state, ZIP)", "data-grok-id": "727-14", sx: mergeStyles("727-14", {}), "data-grok-line": "727", "data-grok-end-line": "727" }), /* @__PURE__ */ import_react.default.createElement(Grid, { "data-grok-id": "728-14", sx: mergeStyles("728-14", {}), "data-grok-line": "728", "data-grok-end-line": "736" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: "reo." + i + ".use", label: "How it is used", options: ["Primary residence", "Second home", "Investment / rental"], "data-grok-id": "729-16", sx: mergeStyles("729-16", {}), "data-grok-line": "729", "data-grok-end-line": "729" }), /* @__PURE__ */ import_react.default.createElement(SF, { p: "reo." + i + ".status", label: "Plan for it", options: ["Keeping it", "Selling before or at closing", "Already sold, pending"], "data-grok-id": "730-16", sx: mergeStyles("730-16", {}), "data-grok-line": "730", "data-grok-end-line": "730" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "reo." + i + ".value", label: "Estimated value ($)", "data-grok-id": "731-16", sx: mergeStyles("731-16", {}), "data-grok-line": "731", "data-grok-end-line": "731" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "reo." + i + ".bal", label: "Mortgage balance ($)", "data-grok-id": "732-16", sx: mergeStyles("732-16", {}), "data-grok-line": "732", "data-grok-end-line": "732" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "reo." + i + ".pay", label: "Mortgage payment / mo ($)", "data-grok-id": "733-16", sx: mergeStyles("733-16", {}), "data-grok-line": "733", "data-grok-end-line": "733" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "reo." + i + ".tih", label: "Taxes, insurance, HOA / mo ($)", help: "If not included in the payment", "data-grok-id": "734-16", sx: mergeStyles("734-16", {}), "data-grok-line": "734", "data-grok-end-line": "734" }), /* @__PURE__ */ import_react.default.createElement(MoneyF, { p: "reo." + i + ".rent", label: "Gross rent / mo ($)", help: "If rented", "data-grok-id": "735-16", sx: mergeStyles("735-16", {}), "data-grok-line": "735", "data-grok-end-line": "735" })))), /* @__PURE__ */ import_react.default.createElement(AddBtn, { onClick: () => set("reo", app.reo.concat([{ addr: "", use: "", status: "", value: "", bal: "", pay: "", tih: "", rent: "" }])), "data-grok-id": "739-10", sx: mergeStyles("739-10", {}), "data-grok-line": "739", "data-grok-end-line": "739" }, "Add a property")) : null); } function StepDecl() { const { app } = useF(); const people = [["b", app.b.first || "Borrower"]].concat(app.hasCo === "Yes" ? [["c", app.c.first || "Co-borrower"]] : []); return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "750-4", sx: mergeStyles("750-4", {}), "data-grok-line": "750", "data-grok-end-line": "763" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "These are the standard questions from the federal Uniform Residential Loan Application. A yes does not automatically disqualify you. Aaron will talk it through with you.", "data-grok-id": "751-6", sx: mergeStyles("751-6", {}), "data-grok-line": "751", "data-grok-end-line": "751" }, "Declarations"), people.map(([who, name]) => /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { key: who, "data-grok-id": "753-8", sx: mergeStyles("753-8", {}), "data-grok-line": "753", "data-grok-end-line": "761" }, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "754-10", sx: mergeStyles("754-10", {}), "data-grok-line": "754", "data-grok-end-line": "754" }, name), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("755-10", { mt: 1 }), "data-grok-id": "755-10", "data-grok-line": "755", "data-grok-end-line": "760" }, DECLS.map((d) => /* @__PURE__ */ import_react.default.createElement(YN, { key: d.k, p: who + ".decl." + d.k, q: d.q, "data-grok-id": "756-30", sx: mergeStyles("756-30", {}), "data-grok-line": "756", "data-grok-end-line": "756" })), app[who].decl.bankruptcy === "Yes" ? /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("758-14", { pb: 1 }), "data-grok-id": "758-14", "data-grok-line": "758", "data-grok-end-line": "758" }, /* @__PURE__ */ import_react.default.createElement(SF, { p: who + ".decl.bkType", label: "Bankruptcy type", options: ["Chapter 7", "Chapter 11", "Chapter 12", "Chapter 13"], "data-grok-id": "758-34", sx: mergeStyles("758-34", {}), "data-grok-line": "758", "data-grok-end-line": "758" })) : null)))); } function StepDemo() { const { app } = useF(); const people = [["b", app.b.first || "Borrower"]].concat(app.hasCo === "Yes" ? [["c", app.c.first || "Co-borrower"]] : []); return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "771-4", sx: mergeStyles("771-4", {}), "data-grok-line": "771", "data-grok-end-line": "781" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "The federal government asks lenders for this information to monitor compliance with fair lending laws. You are not required to provide it, and it has no effect on your application. Choose any that apply, or choose not to provide it.", "data-grok-id": "772-6", sx: mergeStyles("772-6", {}), "data-grok-line": "772", "data-grok-end-line": "772" }, "Demographic information"), people.map(([who, name]) => /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { key: who, spacing: 1.75, "data-grok-id": "774-8", sx: mergeStyles("774-8", {}), "data-grok-line": "774", "data-grok-end-line": "779" }, /* @__PURE__ */ import_react.default.createElement(Sub, { "data-grok-id": "775-10", sx: mergeStyles("775-10", {}), "data-grok-line": "775", "data-grok-end-line": "775" }, name), /* @__PURE__ */ import_react.default.createElement(Multi, { p: who + ".demo.eth", label: "Ethnicity", options: ETH, "data-grok-id": "776-10", sx: mergeStyles("776-10", {}), "data-grok-line": "776", "data-grok-end-line": "776" }), /* @__PURE__ */ import_react.default.createElement(Multi, { p: who + ".demo.race", label: "Race", options: RACE, "data-grok-id": "777-10", sx: mergeStyles("777-10", {}), "data-grok-line": "777", "data-grok-end-line": "777" }), /* @__PURE__ */ import_react.default.createElement(Choice, { p: who + ".demo.sex", label: "Sex", options: SEX, cols: 3, "data-grok-id": "778-10", sx: mergeStyles("778-10", {}), "data-grok-line": "778", "data-grok-end-line": "778" })))); } function StepReview() { const { app, set } = useF(); const L = app.loan; const name = [app.b.first, app.b.last].filter(Boolean).join(" "); const rows = [["Applicant", name + (app.hasCo === "Yes" ? " & " + [app.c.first, app.c.last].filter(Boolean).join(" ") : "")], ["Email", app.email], ["Phone", app.b.phone], ["Loan", [L.purpose, L.type].filter(Boolean).join(" · ")], ["Property", [L.addr, L.city, L.state, L.zip].filter(Boolean).join(", ") || "-"], ["Occupancy", L.occupancy || "-"], ["Monthly income", usd(totalIncome(app.b) + (app.hasCo === "Yes" ? totalIncome(app.c) : 0))], ["Assets listed", usd(app.assets.reduce((s, a) => s + money(a.value), 0))]]; return /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, "data-grok-id": "799-4", sx: mergeStyles("799-4", {}), "data-grok-line": "799", "data-grok-end-line": "822" }, /* @__PURE__ */ import_react.default.createElement(H, { sub: "Check the summary, then authorize and sign.", "data-grok-id": "800-6", sx: mergeStyles("800-6", {}), "data-grok-line": "800", "data-grok-end-line": "800" }, "Review & submit"), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("801-6", { border: "1px solid " + BRAND.line, borderRadius: RADIUS + "px", overflow: "hidden" }), "data-grok-id": "801-6", "data-grok-line": "801", "data-grok-end-line": "808" }, rows.map(([k, v], i) => /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { key: k, sx: mergeStyles("803-10", { display: "flex", gap: 2, px: 2, py: 1.2, bgcolor: i % 2 ? "#FFFFFF" : BRAND.surfaceAlt }), "data-grok-id": "803-10", "data-grok-line": "803", "data-grok-end-line": "806" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("804-12", { width: 130, flexShrink: 0, fontFamily: FONT.body, fontSize: 13.5, color: BRAND.muted }), "data-grok-id": "804-12", "data-grok-line": "804", "data-grok-end-line": "804" }, k), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("805-12", { fontFamily: FONT.body, fontSize: 14, fontWeight: 600, color: BRAND.ink, wordBreak: "break-word" }), "data-grok-id": "805-12", "data-grok-line": "805", "data-grok-end-line": "805" }, v)))), /* @__PURE__ */ import_react.default.createElement(Check, { checked: app.consent.credit, onChange: (v) => set("consent.credit", v), "data-grok-id": "809-6", sx: mergeStyles("809-6", {}), "data-grok-line": "809", "data-grok-end-line": "811" }, "I authorize Cali Mortgage, a division of ", CM.COMPANY, ", and its lending partners to obtain my credit report and to verify the information in this application, for the purpose of evaluating my request for a mortgage loan."), /* @__PURE__ */ import_react.default.createElement(Check, { checked: app.consent.econsent, onChange: (v) => set("consent.econsent", v), "data-grok-id": "812-6", sx: mergeStyles("812-6", {}), "data-grok-line": "812", "data-grok-end-line": "814" }, "I agree to receive disclosures and documents about this application electronically, at the email address above."), /* @__PURE__ */ import_react.default.createElement(Check, { checked: app.consent.certify, onChange: (v) => set("consent.certify", v), "data-grok-id": "815-6", sx: mergeStyles("815-6", {}), "data-grok-line": "815", "data-grok-end-line": "817" }, "I certify that the information in this application is true and complete to the best of my knowledge. I understand that knowingly making false statements on a mortgage application is a federal crime (18 U.S.C. 1001)."), /* @__PURE__ */ import_react.default.createElement(TF, { p: "consent.sig", label: "Type your full name to sign", placeholder: name || "Full legal name", "data-grok-id": "818-6", sx: mergeStyles("818-6", {}), "data-grok-line": "818", "data-grok-end-line": "818" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("819-6", { fontFamily: FONT.body, fontSize: 12, color: BRAND.muted, lineHeight: 1.55 }), "data-grok-id": "819-6", "data-grok-line": "819", "data-grok-end-line": "821" }, "Submitting is not a loan commitment and does not lock a rate. All loans are subject to credit approval, underwriting and property appraisal.")); } function totalIncome(P) { if (!P) return 0; const job = (e, self2) => self2 ? money(e.selfNet) : money(e.base) + money(e.ot) + money(e.bonus) + money(e.comm); const self = P.empStatus === "Self-employed"; const working = P.empStatus === "Employed (W-2)" || self; let t = working ? job(P.emp, self) : 0; if (working && P.hasEmp2 === "Yes") t += job(P.emp2, false) + money(P.emp2.selfNet); (P.other || []).forEach((o) => { t += money(o.monthly); }); return t; } function lengthAt(start) { if (!start) return ""; const [y, m] = start.split("-").map(Number); if (!y) return ""; const now = /* @__PURE__ */ new Date(); const months = (now.getFullYear() - y) * 12 + (now.getMonth() + 1 - (m || 1)); return Math.max(0, Math.floor(months / 12)) + "y " + Math.max(0, months % 12) + "m"; } function personNote(P, label) { const out = []; const nm = [P.first, P.middle, P.last, P.suffix].filter(Boolean).join(" "); out.push("== " + label + ": " + nm + " =="); out.push("Phone " + (P.phone || "-") + (P.email ? " | Email " + P.email : "") + " | Marital " + (P.marital || "-") + " | Citizenship " + (P.citizen || "-") + " | Dependents " + (P.deps || "0") + (P.depAges ? " (ages " + P.depAges + ")" : "") + " | Military: " + (P.military || "-")); out.push("Current address: " + [P.addr, P.city, P.state, P.zip].filter(Boolean).join(", ") + " | " + (P.yrs || "0") + "y " + (P.mos || "0") + "m | " + (P.housing || "-") + (P.housing === "Rent" ? " $" + (P.rent || "0") + "/mo" : "")); if (P.prevAddr) out.push("Previous address: " + P.prevAddr + " (" + (P.prevYrs || "?") + " yrs)"); if (P.mailSame === "No") out.push("Mailing: " + [P.mailAddr, P.mailCity, P.mailState, P.mailZip].filter(Boolean).join(", ")); out.push("Employment: " + (P.empStatus || "-")); const job = (e, tag, self) => { if (!e || !e.employer) return; const inc = self ? "Net business income $" + (e.selfNet || "0") + "/mo, ownership " + (e.own25 || "-") : "Base $" + (e.base || "0") + " | OT $" + (e.ot || "0") + " | Bonus $" + (e.bonus || "0") + " | Comm $" + (e.comm || "0") + " per mo"; out.push(tag + ": " + e.employer + (e.title ? ", " + e.title : "") + (e.city ? ", " + e.city : "") + (e.phone ? ", ph " + e.phone : "") + " | since " + (e.start || "?") + " (" + lengthAt(e.start) + ") | " + (e.yrsLine || "?") + " yrs in line of work | " + inc); }; job(P.emp, "Job 1", P.empStatus === "Self-employed"); if (P.hasEmp2 === "Yes") job(P.emp2, "Job 2", false); if (P.prev && P.prev.employer) out.push("Previous job: " + P.prev.employer + (P.prev.title ? ", " + P.prev.title : "") + " | " + (P.prev.start || "?") + " to " + (P.prev.end || "?") + " | $" + (P.prev.monthly || "0") + "/mo"); (P.other || []).filter((o) => o.type || o.monthly).forEach((o) => out.push("Other income: " + (o.type || "-") + " $" + (o.monthly || "0") + "/mo")); out.push("Total monthly income: " + usd(totalIncome(P))); const d = P.decl || {}; out.push("Declarations: " + DECLS.map((q) => q.k + "=" + (d[q.k] || "?")).join(", ") + (d.bkType ? " (BK " + d.bkType + ")" : "")); const dm = P.demo || {}; out.push("HMDA - Ethnicity: " + ((dm.eth || []).join("; ") || "not answered") + " | Race: " + ((dm.race || []).join("; ") || "not answered") + " | Sex: " + (dm.sex || "not answered")); return out; } function buildNote(app) { const L = app.loan; const purchase = L.purpose === "Purchase"; const loanAmt = purchase ? Math.max(0, money(L.price) - money(L.down)) : money(L.loanAmt); const lines = []; lines.push("FULL 1003 APPLICATION via calimortgage.com/apply (" + (/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/Los_Angeles" }) + " PT). SSN/DOB are in the Social/DOB fields, not in this note."); lines.push("== LOAN =="); lines.push((L.purpose || "-") + " | " + (L.type || "-") + " | " + (L.occupancy || "-") + " | " + (L.propType || "-") + ", " + (L.units || "1") + " unit(s) | Credit: " + (L.credit || "-")); lines.push("Property: " + [L.addr, L.city, L.state, L.zip].filter(Boolean).join(", ") + (L.county ? " (" + L.county + " County)" : "") + (L.found ? " | " + L.found : "")); if (purchase) lines.push("Price " + usd(money(L.price)) + " | Down " + usd(money(L.down)) + " (" + (L.downSource || "source -") + ") | Loan " + usd(loanAmt)); else lines.push("Value " + usd(money(L.value)) + " | Loan " + usd(loanAmt) + " | Current: " + (L.curLender || "-") + ", bal " + usd(money(L.curBal)) + ", pmt " + usd(money(L.curPay)) + "/mo, rate " + (L.curRate || "-") + "%" + (L.cashOut ? " | Cash out " + usd(money(L.cashOut)) : "")); if (L.agentName) lines.push("Agent: " + L.agentName + " " + (L.agentPhone || "") + " " + (L.agentEmail || "")); lines.push.apply(lines, personNote(app.b, "BORROWER")); if (app.hasCo === "Yes") lines.push.apply(lines, personNote(app.c, "CO-BORROWER")); lines.push("== ASSETS =="); if (!app.assets.length) lines.push("none listed"); app.assets.forEach((a) => lines.push((a.type || "-") + " | " + (a.inst || "-") + " | " + usd(money(a.value)) + (a.owner ? " | " + a.owner : ""))); lines.push("Total assets listed: " + usd(app.assets.reduce((s, a) => s + money(a.value), 0))); lines.push("== DEBTS (self-reported) =="); if (!app.liabilities.length) lines.push("none listed"); app.liabilities.forEach((l) => lines.push((l.type || "-") + " | " + (l.creditor || "-") + " | bal " + usd(money(l.balance)) + " | " + usd(money(l.payment)) + "/mo" + (l.payoff === "Yes" ? " | PAY OFF" : ""))); lines.push("== REAL ESTATE OWNED =="); if (app.hasReo !== "Yes" || !app.reo.length) lines.push("none"); else app.reo.forEach((r) => lines.push((r.addr || "-") + " | " + (r.use || "-") + " | " + (r.status || "-") + " | value " + usd(money(r.value)) + " | bal " + usd(money(r.bal)) + " | pmt " + usd(money(r.pay)) + " | TI/HOA " + usd(money(r.tih)) + " | rent " + usd(money(r.rent)))); lines.push("== AUTHORIZATION =="); lines.push("Credit authorization: " + (app.consent.credit ? "YES" : "no") + " | E-consent: " + (app.consent.econsent ? "YES" : "no") + " | Certified true: " + (app.consent.certify ? "YES" : "no") + " | Signed: " + (app.consent.sig || "-")); return lines.join("\n"); } function buildFields(app) { const L = app.loan; const B = app.b; const C = app.c; const co = app.hasCo === "Yes"; const purchase = L.purpose === "Purchase"; const loanAmt = purchase ? Math.max(0, money(L.price) - money(L.down)) : money(L.loanAmt); const base = purchase ? money(L.price) : money(L.value); const ltv = base ? (loanAmt / base * 100).toFixed(1) : ""; const ph = (v) => digits(v).replace(/^1(?=\d{10}$)/, ""); const mail = B.mailSame === "No" ? [B.mailAddr, B.mailCity, B.mailState, B.mailZip] : [B.addr, B.city, B.state, B.zip]; const jobTitle = (P) => P.emp && P.emp.title || ""; const length = (P) => lengthAt(P.emp && P.emp.start); const isSelf = (P) => P.empStatus === "Self-employed" ? "Y" : "N"; const f = { FirstName: B.first.trim(), LastName: B.last.trim(), Email: app.email.trim(), MobilePhone: ph(B.phone), CelPhone: ph(B.phone), HomePhone: ph(B.phone), Phone: ph(B.phone), Social: digits(B.ssn), DOB: B.dob, Mail_Address: mail[0], Mail_City: mail[1], Mail_State: mail[2], Mail_Zip: mail[3], Phys_Address: L.addr, Phys_City: L.city, Phys_State: L.state, Phys_Zip: L.zip, Phys_County: L.county, Field_006: purchase ? String(money(L.price) || "") : "", Field_007: String(money(purchase ? L.price : L.value) || ""), Field_008: L.propType, Field_009: L.occupancy, Field_011: ltv, Field_017: B.emp && B.emp.employer || "", Field_019: jobTitle(B), Field_021: length(B), Field_023: isSelf(B), Field_025: String(Math.round(totalIncome(B)) || ""), Field_027: yn(B.decl.bankruptcy), Field_028: yn(B.decl.foreclosure), Field_034: L.purpose, Field_035: L.type, Field_036: String(loanAmt || ""), Field_039: L.cashOut ? String(money(L.cashOut)) : "", Field_040: purchase ? String(money(L.down) || "") : "", Field_041: L.credit, Field_042: L.curLender, Field_044: L.curBal ? String(money(L.curBal)) : "", Field_045: L.curPay ? String(money(L.curPay)) : "", Field_046: L.curRate, Field_059: L.agentName, Field_061: ph(L.agentPhone), Field_062: L.agentEmail, /* v2 names already proven on this site */ Loan_Request: L.purpose, Loan_Type: L.type, Prop_Value: String(money(purchase ? L.price : L.value) || ""), Prop_Purchase: purchase ? String(money(L.price) || "") : "", Loan_Amount: String(loanAmt || ""), Prop_LTV: ltv, Prop_Zip: L.zip, Prop_State: L.state, Prop_City: L.city, Credit_Rating: L.credit, Empl_Self: isSelf(B), Homeowner: B.housing === "Own" ? "Y" : "N", Tracking: "calimortgage.com/apply - full 1003" }; if (co) { Object.assign(f, { Co_FirstName: C.first.trim(), Co_LastName: C.last.trim(), Co_Email: C.email.trim(), Co_MobilePhone: ph(C.phone), Co_HomePhone: ph(C.phone), Co_Social: digits(C.ssn), Co_DOB: C.dob, Field_018: C.emp && C.emp.employer || "", Field_020: jobTitle(C), Field_022: length(C), Field_024: isSelf(C), Field_026: String(Math.round(totalIncome(C)) || "") }); } Object.keys(f).forEach((k) => { if (f[k] === "" || f[k] == null) delete f[k]; }); return f; } async function writeRow(app, crm) { try { const L = app.loan; await (0, import_firestore.addDoc)((0, import_firestore.collection)(import_config.db, PUBLIC_LEADS_QUERY_ID, "rows"), { first_name: app.b.first.trim(), last_name: app.b.last.trim(), full_name: (app.b.first + " " + app.b.last).trim(), email: app.email.trim(), phone: app.b.phone, goal: L.purpose, loan_purpose: L.purpose, loan_type: L.type, property_city: L.city, property_state: L.state, property_zip: L.zip, co_borrower: app.hasCo === "Yes", source: "full_application", page_slug: "apply", status: "new", created_at: import_firestore.Timestamp.now(), crm_status: crm.ok ? "posted" : "failed", crm_error: crm.err || "", crm_ssn_sent: !!crm.ssnSent, crm_duplicate: !!crm.duplicate }); return true; } catch (_e) { return false; } } function validate(step, app) { const L = app.loan; const person = (P, label) => { if (!P.first.trim() || !P.last.trim()) return label + ": first and last name are required."; if (digits(P.phone).length !== 10) return label + ": add a 10-digit phone number."; if (!P.dob) return label + ": add a date of birth."; if (digits(P.ssn).length !== 9) return label + ": add a 9-digit Social Security number."; if (!P.marital || !P.citizen) return label + ": choose marital status and citizenship."; if (!P.addr.trim() || !P.city.trim() || digits(P.zip).length !== 5) return label + ": add your full current address."; if (P.yrs === "") return label + ": how long have you lived at your current address?"; if (!P.housing) return label + ": do you own or rent your current home?"; return ""; }; if (step === 0) return EMAIL_RE.test(app.email.trim()) ? "" : "Enter a valid email address to begin."; if (step === 1) { if (!L.purpose) return "Choose what you are looking to do."; if (!L.occupancy || !L.propType) return "Choose how you will use the property and its type."; if (!L.state) return "Choose the property state."; if (L.purpose === "Purchase" && !money(L.price)) return "Add the purchase price (an estimate is fine)."; if (L.purpose !== "Purchase" && !money(L.value)) return "Add your estimated home value."; if (L.purpose !== "Purchase" && !L.addr.trim()) return "Add the property address."; return ""; } if (step === 2) { const e = person(app.b, "Borrower"); if (e) return e; if (app.hasCo === "Yes") { const c = person(app.c, "Co-borrower"); if (c) return c; } return ""; } if (step === 3) { if (!app.b.empStatus) return "Choose your employment status."; if (app.hasCo === "Yes" && !app.c.empStatus) return "Choose the co-borrower employment status."; return ""; } if (step === 5) return app.hasReo ? "" : "Let us know whether you own any real estate."; if (step === 6) { const who = ["b"].concat(app.hasCo === "Yes" ? ["c"] : []); for (let i = 0; i < who.length; i += 1) { const d = app[who[i]].decl || {}; const miss = DECLS.find((q) => !d[q.k]); if (miss) return "Answer every declaration question (" + (who[i] === "b" ? "borrower" : "co-borrower") + ")."; } return ""; } if (step === 8) { if (!app.consent.credit || !app.consent.econsent || !app.consent.certify) return "Check all three boxes to submit."; if (app.consent.sig.trim().length < 3) return "Type your full name to sign."; return ""; } return ""; } function Header() { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "header", sx: mergeStyles("1017-4", { bgcolor: BRAND.deep, px: { xs: 2, md: 4 }, py: 1.5, display: "flex", alignItems: "center", justifyContent: "space-between" }), "data-grok-id": "1017-4", "data-grok-line": "1017", "data-grok-end-line": "1031" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "a", href: "/", sx: mergeStyles("1018-6", { display: "flex" }), "data-grok-id": "1018-6", "data-grok-line": "1018", "data-grok-end-line": "1020" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "img", src: ASSET.LOGO, alt: "Cali Mortgage home", sx: mergeStyles("1019-8", { height: { xs: 28, md: 34 }, filter: "brightness(0) invert(1)", display: "block" }), "data-grok-id": "1019-8", "data-grok-line": "1019", "data-grok-end-line": "1019" })), /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: "row", spacing: 2, alignItems: "center", "data-grok-id": "1021-6", sx: mergeStyles("1021-6", {}), "data-grok-line": "1021", "data-grok-end-line": "1030" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: "row", spacing: 0.6, alignItems: "center", sx: mergeStyles("1022-8", { display: { xs: "none", sm: "flex" }, color: BRAND.onDeepMuted }), "data-grok-id": "1022-8", "data-grok-line": "1022", "data-grok-end-line": "1025" }, /* @__PURE__ */ import_react.default.createElement(import_Lock.default, { sx: mergeStyles("1023-10", { fontSize: 16 }), "data-grok-id": "1023-10", "data-grok-line": "1023", "data-grok-end-line": "1023" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1024-10", { fontFamily: FONT.eyebrow, fontSize: 13, letterSpacing: 0.6, textTransform: "uppercase" }), "data-grok-id": "1024-10", "data-grok-line": "1024", "data-grok-end-line": "1024" }, "Secure application")), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "a", href: "tel:" + CM.PHONE_TEL, sx: mergeStyles("1026-8", { display: "flex", alignItems: "center", gap: 0.6, textDecoration: "none", color: BRAND.accent }), "data-grok-id": "1026-8", "data-grok-line": "1026", "data-grok-end-line": "1029" }, /* @__PURE__ */ import_react.default.createElement(import_Phone.default, { sx: mergeStyles("1027-10", { fontSize: 19 }), "data-grok-id": "1027-10", "data-grok-line": "1027", "data-grok-end-line": "1027" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "span", sx: mergeStyles("1028-10", { fontFamily: FONT.eyebrow, fontWeight: 600, fontSize: 16 }), "data-grok-id": "1028-10", "data-grok-line": "1028", "data-grok-end-line": "1028" }, CM.PHONE)))); } function Footer() { return /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { component: "footer", sx: mergeStyles("1036-4", { bgcolor: BRAND.deepDark, color: BRAND.onDeepMuted, px: { xs: 2.5, md: 5 }, py: 4 }), "data-grok-id": "1036-4", "data-grok-line": "1036", "data-grok-end-line": "1046" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1037-6", { maxWidth: 880, mx: "auto", textAlign: "center" }), "data-grok-id": "1037-6", "data-grok-line": "1037", "data-grok-end-line": "1045" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1038-8", { fontFamily: FONT.eyebrow, fontSize: 15, color: BRAND.onDeep, letterSpacing: ".04em", mb: 1 }), "data-grok-id": "1038-8", "data-grok-line": "1038", "data-grok-end-line": "1038" }, "Cali Mortgage · ", CM.OFFICE), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1039-8", { fontFamily: FONT.body, fontSize: 14, mb: 2 }), "data-grok-id": "1039-8", "data-grok-line": "1039", "data-grok-end-line": "1039" }, CM.PHONE, " · Aaron Knutson, NMLS #", CM.NMLS_MLO), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1040-8", { fontFamily: FONT.body, fontSize: 12.5, lineHeight: 1.75, maxWidth: 760, mx: "auto" }), "data-grok-id": "1040-8", "data-grok-line": "1040", "data-grok-end-line": "1044" }, "Cali Mortgage is a division of ", CM.COMPANY, ", NMLS #", CM.COMPANY_NMLS, ". Licensed by the California Department of Real Estate #", CM.DRE, " and under the California Financing Law #", CM.CFL, ". Verify at www.nmlsconsumeraccess.org. This is not a commitment to lend. All loans are subject to credit approval, property appraisal and underwriting guidelines. Not all applicants will qualify. Equal Housing Opportunity. © ", CM.YEAR, " Cali Mortgage."))); } function MobileBar() { return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1052-6", { display: { xs: "flex", md: "none" }, position: "fixed", left: 0, right: 0, bottom: 0, zIndex: 40, bgcolor: "#FFFFFF", borderTop: "1px solid " + BRAND.line, boxShadow: "0 -8px 24px rgba(20,20,20,0.12)", px: 1.25, pt: 1, pb: "calc(8px + var(--cm-sab, env(safe-area-inset-bottom, 0px)))", gap: 1 }), "data-grok-id": "1052-6", "data-grok-line": "1052", "data-grok-end-line": "1061" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { href: "tel:" + CM.PHONE_TEL, startIcon: /* @__PURE__ */ import_react.default.createElement(import_Phone.default, { sx: mergeStyles("1055-56", { fontSize: 16 }), "data-grok-id": "1055-56", "data-grok-line": "1055", "data-grok-end-line": "1055" }), sx: mergeStyles("1055-8", { flex: 1, "&&": { bgcolor: BRAND.deep, backgroundImage: "none", color: BRAND.onDeep }, fontFamily: FONT.eyebrow, fontWeight: 700, textTransform: "none", fontSize: 14, borderRadius: 999, py: 1.1, minWidth: 0 }), "data-grok-id": "1055-8", "data-grok-line": "1055", "data-grok-end-line": "1056" }, "Call"), /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { href: "sms:" + CM.PHONE_TEL, startIcon: /* @__PURE__ */ import_react.default.createElement(import_ChatBubbleOutline.default, { sx: mergeStyles("1057-56", { fontSize: 16 }), "data-grok-id": "1057-56", "data-grok-line": "1057", "data-grok-end-line": "1057" }), sx: mergeStyles("1057-8", { flex: 1, "&&": { bgcolor: "#EEF3F9", backgroundImage: "none", color: BRAND.deep }, fontFamily: FONT.eyebrow, fontWeight: 700, textTransform: "none", fontSize: 14, borderRadius: 999, py: 1.1, minWidth: 0 }), "data-grok-id": "1057-8", "data-grok-line": "1057", "data-grok-end-line": "1058" }, "Text"), /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { href: "/contact", sx: mergeStyles("1059-8", { flex: 1.3, "&&": { bgcolor: MAGENTA.main, backgroundImage: "none", color: "#FFFFFF" }, fontFamily: FONT.eyebrow, fontWeight: 700, textTransform: "none", fontSize: 14, borderRadius: 999, py: 1.1, minWidth: 0 }), "data-grok-id": "1059-8", "data-grok-line": "1059", "data-grok-end-line": "1060" }, "Book a call")), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1062-6", { display: { xs: "block", md: "none" }, height: "calc(64px + var(--cm-sab, env(safe-area-inset-bottom, 0px)))", bgcolor: BRAND.deepDark }), "data-grok-id": "1062-6", "data-grok-line": "1062", "data-grok-end-line": "1062" })); } var dynamic_component_default = import_react.default.forwardRef(function CmApply(props, __runtime_injected_ref) { useBrandFonts(); useNoIndex(); const [app, setApp] = (0, import_react.useState)(initialApp); const [step, setStep] = (0, import_react.useState)(0); const [err, setErr] = (0, import_react.useState)(""); const [busy, setBusy] = (0, import_react.useState)(false); const [done, setDone] = (0, import_react.useState)(null); const [resumed, setResumed] = (0, import_react.useState)(false); const topRef = (0, import_react.useRef)(null); const started = step > 0; const set = (p, v) => { setErr(""); setApp((a) => setIn(a, p, v)); }; const ctx = (0, import_react.useMemo)(() => ({ app, set }), [app]); (0, import_react.useEffect)(() => { if (!started || done) return; try { window.localStorage.setItem(draftKey(app.email), JSON.stringify({ step, app: stripSecrets(app), at: Date.now() })); } catch (_e) { } }, [app, step, started, done]); import_react.default.useImperativeHandle(__runtime_injected_ref, () => ({ getState() { return { app, step, err, busy, done, resumed }; }, actions: { setApp, setStep, setErr, setBusy, setDone, setResumed, back, setAppField: (field, value) => setApp((prev) => ({ ...prev, [field]: value })), setStepField: (field, value) => setStep((prev) => ({ ...prev, [field]: value })), setErrField: (field, value) => setErr((prev) => ({ ...prev, [field]: value })), setBusyField: (field, value) => setBusy((prev) => ({ ...prev, [field]: value })), setDoneField: (field, value) => setDone((prev) => ({ ...prev, [field]: value })), setResumedField: (field, value) => setResumed((prev) => ({ ...prev, [field]: value })) } }), [app, setApp, step, setStep, err, setErr, busy, setBusy, done, setDone, resumed, setResumed]); const scrollTop = () => { try { if (topRef.current) topRef.current.scrollIntoView({ behavior: "smooth", block: "start" }); } catch (_e) { } }; const begin = () => { const e = validate(0, app); if (e) { setErr(e); return; } let restored = null; try { const raw = window.localStorage.getItem(draftKey(app.email)); if (raw) restored = JSON.parse(raw); } catch (_e) { restored = null; } if (restored && restored.app && Date.now() - (restored.at || 0) < 1e3 * 60 * 60 * 24 * 30) { const base = initialApp(); setApp({ ...base, ...restored.app, email: app.email.trim(), b: { ...base.b, ...restored.app.b }, c: { ...base.c, ...restored.app.c }, loan: { ...base.loan, ...restored.app.loan } }); setResumed(true); setStep(Math.min(Math.max(1, restored.step || 1), 2)); } else { setApp((a) => setIn(a, "b.email", a.email.trim())); setStep(1); } scrollTop(); }; const next = () => { const e = validate(step, app); if (e) { setErr(e); return; } setErr(""); setStep((s) => s + 1); scrollTop(); }; const back = () => { setErr(""); setStep((s) => Math.max(0, s - 1)); scrollTop(); }; const submit = async () => { const e = validate(8, app); if (e) { setErr(e); return; } for (let s = 1; s <= 6; s += 1) { const m = validate(s, app); if (m) { setErr(m + " (Step " + (s + 1) + ": " + STEPS[s] + ")"); return; } } setBusy(true); setErr(""); let crm; try { crm = await postApplication(buildFields(app), buildNote(app)); } catch (x) { crm = { ok: false, err: String(x && x.message || x), ssnSent: false, duplicate: false }; } await writeRow(app, crm); setBusy(false); if (!crm.ok) { setErr("We could not send your application just now. Please try again in a moment, or call Aaron at " + CM.PHONE + ". Nothing was lost on this page."); return; } try { window.localStorage.removeItem(draftKey(app.email)); } catch (_e) { } setApp((a) => stripSecrets(a)); setDone({ ssnSent: crm.ssnSent, name: app.b.first }); scrollTop(); }; const pct = done ? 100 : step / (STEPS.length - 1) * 100; const btn = { fontFamily: FONT.eyebrow, fontWeight: 600, borderRadius: 999, textTransform: "none", px: 3.5, py: 1.4, fontSize: 16 }; return /* @__PURE__ */ import_react.default.createElement(FormCtx.Provider, { value: ctx, "data-grok-id": "1128-4", sx: mergeStyles("1128-4", {}), "data-grok-line": "1128", "data-grok-end-line": "1198" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1129-6", { fontFamily: FONT.body, bgcolor: BRAND.surfaceAlt, minHeight: "100vh", colorScheme: "light" }), "data-grok-id": "1129-6", "data-grok-line": "1129", "data-grok-end-line": "1197" }, /* @__PURE__ */ import_react.default.createElement(Header, { "data-grok-id": "1130-8", sx: mergeStyles("1130-8", {}), "data-grok-line": "1130", "data-grok-end-line": "1130" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1131-8", { background: "linear-gradient(160deg," + BRAND.deep + " 0%," + BRAND.deepDark + " 100%)", color: BRAND.onDeep, px: 2.5, pt: { xs: 3, md: 5 }, pb: { xs: 9, md: 11 }, textAlign: "center" }), "data-grok-id": "1131-8", "data-grok-line": "1131", "data-grok-end-line": "1134" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1132-10", { fontFamily: FONT.eyebrow, fontSize: 13, letterSpacing: ".14em", textTransform: "uppercase", color: BRAND.accent, mb: 1 }), "data-grok-id": "1132-10", "data-grok-line": "1132", "data-grok-end-line": "1132" }, "Cali Mortgage · Uniform Residential Loan Application"), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { component: "h1", sx: mergeStyles("1133-10", { fontFamily: FONT.display, fontSize: { xs: 30, md: 44 }, lineHeight: 1.08 }), "data-grok-id": "1133-10", "data-grok-line": "1133", "data-grok-end-line": "1133" }, "Apply with Aaron")), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { ref: topRef, sx: mergeStyles("1136-8", { maxWidth: 760, mx: "auto", px: { xs: 1.5, sm: 2.5 }, mt: { xs: -7, md: -9 }, pb: 6, scrollMarginTop: 16 }), "data-grok-id": "1136-8", "data-grok-line": "1136", "data-grok-end-line": "1194" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1137-10", { bgcolor: BRAND.surface, borderRadius: "16px", border: "3px solid " + MAGENTA.main, boxShadow: "0 14px 40px " + MAGENTA.glow, overflow: "hidden" }), "data-grok-id": "1137-10", "data-grok-line": "1137", "data-grok-end-line": "1189" }, started && !done ? /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1139-14", { px: { xs: 2.25, sm: 3.5 }, pt: 2 }), "data-grok-id": "1139-14", "data-grok-line": "1139", "data-grok-end-line": "1143" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1140-16", { fontFamily: FONT.eyebrow, fontSize: 11, letterSpacing: 1.4, textTransform: "uppercase", color: BRAND.primary }), "data-grok-id": "1140-16", "data-grok-line": "1140", "data-grok-end-line": "1142" }, "Step ", step + 1, " of ", STEPS.length, " · ", STEPS[step])) : null, /* @__PURE__ */ import_react.default.createElement(import_material3.LinearProgress, { variant: "determinate", value: pct, sx: mergeStyles("1145-12", { height: 4, mt: started ? 1 : 0, bgcolor: BRAND.line, "& .MuiLinearProgress-bar": { bgcolor: BRAND.primary } }), "data-grok-id": "1145-12", "data-grok-line": "1145", "data-grok-end-line": "1145" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { sx: mergeStyles("1147-12", { px: { xs: 2.25, sm: 3.5 }, py: { xs: 3, sm: 3.5 } }), "data-grok-id": "1147-12", "data-grok-line": "1147", "data-grok-end-line": "1188" }, done ? /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { spacing: 2, sx: mergeStyles("1149-16", { textAlign: "center", py: 2 }), "data-grok-id": "1149-16", "data-grok-line": "1149", "data-grok-end-line": "1161" }, /* @__PURE__ */ import_react.default.createElement(import_CheckCircle.default, { sx: mergeStyles("1150-18", { color: BRAND.success, fontSize: 52, mx: "auto" }), "data-grok-id": "1150-18", "data-grok-line": "1150", "data-grok-end-line": "1150" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1151-18", { fontFamily: FONT.display, fontSize: 28, color: BRAND.ink }), "data-grok-id": "1151-18", "data-grok-line": "1151", "data-grok-end-line": "1151" }, "Application received", done.name ? ", " + done.name : "", "."), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1152-18", { fontFamily: FONT.body, fontSize: 15.5, color: BRAND.muted, lineHeight: 1.65, maxWidth: 520, mx: "auto" }), "data-grok-id": "1152-18", "data-grok-line": "1152", "data-grok-end-line": "1154" }, "Aaron reviews every application himself and will reach out, usually the same business day, with next steps and a list of documents to gather. Nothing else is needed from you right now."), !done.ssnSent ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1156-20", { fontFamily: FONT.body, fontSize: 14, color: BRAND.ink }), "data-grok-id": "1156-20", "data-grok-line": "1156", "data-grok-end-line": "1156" }, "For your security, Aaron will confirm your Social Security number and date of birth with you by phone.") : null, /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { "data-grok-id": "1158-18", sx: mergeStyles("1158-18", {}), "data-grok-line": "1158", "data-grok-end-line": "1160" }, /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { href: "tel:" + CM.PHONE_TEL, startIcon: /* @__PURE__ */ import_react.default.createElement(import_Phone.default, { "data-grok-id": "1159-68", sx: mergeStyles("1159-68", {}), "data-grok-line": "1159", "data-grok-end-line": "1159" }), sx: mergeStyles("1159-20", { ...btn, "&&": { bgcolor: BRAND.primary, color: "#FFFFFF" } }), "data-grok-id": "1159-20", "data-grok-line": "1159", "data-grok-end-line": "1159" }, "Call Aaron · ", CM.PHONE))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, step === 0 && /* @__PURE__ */ import_react.default.createElement(StepStart, { resumed, "data-grok-id": "1164-33", sx: mergeStyles("1164-33", {}), "data-grok-line": "1164", "data-grok-end-line": "1164" }), step === 1 && /* @__PURE__ */ import_react.default.createElement(StepLoan, { "data-grok-id": "1165-33", sx: mergeStyles("1165-33", {}), "data-grok-line": "1165", "data-grok-end-line": "1165" }), step === 2 && /* @__PURE__ */ import_react.default.createElement(StepPeople, { "data-grok-id": "1166-33", sx: mergeStyles("1166-33", {}), "data-grok-line": "1166", "data-grok-end-line": "1166" }), step === 3 && /* @__PURE__ */ import_react.default.createElement(StepIncome, { "data-grok-id": "1167-33", sx: mergeStyles("1167-33", {}), "data-grok-line": "1167", "data-grok-end-line": "1167" }), step === 4 && /* @__PURE__ */ import_react.default.createElement(StepAssets, { "data-grok-id": "1168-33", sx: mergeStyles("1168-33", {}), "data-grok-line": "1168", "data-grok-end-line": "1168" }), step === 5 && /* @__PURE__ */ import_react.default.createElement(StepReo, { "data-grok-id": "1169-33", sx: mergeStyles("1169-33", {}), "data-grok-line": "1169", "data-grok-end-line": "1169" }), step === 6 && /* @__PURE__ */ import_react.default.createElement(StepDecl, { "data-grok-id": "1170-33", sx: mergeStyles("1170-33", {}), "data-grok-line": "1170", "data-grok-end-line": "1170" }), step === 7 && /* @__PURE__ */ import_react.default.createElement(StepDemo, { "data-grok-id": "1171-33", sx: mergeStyles("1171-33", {}), "data-grok-line": "1171", "data-grok-end-line": "1171" }), step === 8 && /* @__PURE__ */ import_react.default.createElement(StepReview, { "data-grok-id": "1172-33", sx: mergeStyles("1172-33", {}), "data-grok-line": "1172", "data-grok-end-line": "1172" }), err ? /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { role: "alert", sx: mergeStyles("1174-25", { mt: 2.5, fontFamily: FONT.body, fontSize: 14, fontWeight: 600, color: ERR_RED }), "data-grok-id": "1174-25", "data-grok-line": "1174", "data-grok-end-line": "1174" }, err) : null, /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: { xs: "column-reverse", sm: "row" }, spacing: 1.25, justifyContent: "space-between", alignItems: { sm: "center" }, sx: mergeStyles("1176-18", { mt: 3.5 }), "data-grok-id": "1176-18", "data-grok-line": "1176", "data-grok-end-line": "1185" }, step > 0 ? /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { onClick: back, disabled: busy, startIcon: /* @__PURE__ */ import_react.default.createElement(import_ArrowBack.default, { "data-grok-id": "1178-72", sx: mergeStyles("1178-72", {}), "data-grok-line": "1178", "data-grok-end-line": "1178" }), sx: mergeStyles("1178-22", { ...btn, px: 2, color: BRAND.muted, "&:hover": { bgcolor: (0, import_styles.alpha)(BRAND.primary, 0.06), color: BRAND.primary } }), "data-grok-id": "1178-22", "data-grok-line": "1178", "data-grok-end-line": "1178" }, "Back") : /* @__PURE__ */ import_react.default.createElement(import_material3.Box, { "data-grok-id": "1179-24", sx: mergeStyles("1179-24", {}), "data-grok-line": "1179", "data-grok-end-line": "1179" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Button, { onClick: step === 0 ? begin : step === 8 ? submit : next, disabled: busy, endIcon: busy ? null : step === 8 ? /* @__PURE__ */ import_react.default.createElement(import_Lock.default, { "data-grok-id": "1181-58", sx: mergeStyles("1181-58", {}), "data-grok-line": "1181", "data-grok-end-line": "1181" }) : /* @__PURE__ */ import_react.default.createElement(import_ArrowForward.default, { "data-grok-id": "1181-73", sx: mergeStyles("1181-73", {}), "data-grok-line": "1181", "data-grok-end-line": "1181" }), sx: mergeStyles("1180-20", { ...btn, minWidth: { sm: 240 }, "&&": { bgcolor: MAGENTA.main, color: "#FFFFFF" }, "&&:hover": { bgcolor: MAGENTA.dark }, "&&.Mui-disabled": { bgcolor: (0, import_styles.alpha)(MAGENTA.main, 0.6), color: "#FFFFFF" }, boxShadow: "0 14px 34px " + MAGENTA.glow }), "data-grok-id": "1180-20", "data-grok-line": "1180", "data-grok-end-line": "1184" }, busy ? /* @__PURE__ */ import_react.default.createElement(import_material3.CircularProgress, { size: 22, sx: mergeStyles("1183-30", { color: "#FFFFFF" }), "data-grok-id": "1183-30", "data-grok-line": "1183", "data-grok-end-line": "1183" }) : step === 0 ? "Start my application" : step === 8 ? "Submit securely" : "Save & continue"))))), /* @__PURE__ */ import_react.default.createElement(import_material3.Stack, { direction: "row", spacing: 0.75, alignItems: "center", justifyContent: "center", sx: mergeStyles("1190-10", { mt: 2 }), "data-grok-id": "1190-10", "data-grok-line": "1190", "data-grok-end-line": "1193" }, /* @__PURE__ */ import_react.default.createElement(import_Lock.default, { sx: mergeStyles("1191-12", { fontSize: 14, color: BRAND.muted }), "data-grok-id": "1191-12", "data-grok-line": "1191", "data-grok-end-line": "1191" }), /* @__PURE__ */ import_react.default.createElement(import_material3.Typography, { sx: mergeStyles("1192-12", { fontFamily: FONT.body, fontSize: 12.5, color: BRAND.muted }), "data-grok-id": "1192-12", "data-grok-line": "1192", "data-grok-end-line": "1192" }, "Encrypted end to end · Questions? Call ", CM.PHONE))), /* @__PURE__ */ import_react.default.createElement(Footer, { "data-grok-id": "1195-8", sx: mergeStyles("1195-8", {}), "data-grok-line": "1195", "data-grok-end-line": "1195" }), /* @__PURE__ */ import_react.default.createElement(MobileBar, { "data-grok-id": "1196-8", sx: mergeStyles("1196-8", {}), "data-grok-line": "1196", "data-grok-end-line": "1196" }))); });