@opendoor/partner-sdk-client-vue 1.0.7-beta.69.1 → 1.0.7-beta.71.1

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, computed as k, provide as ne, ref as I, watch as H, onUnmounted as Z, renderSlot as X, inject as F, openBlock as u, createElementBlock as y, normalizeClass as r, createElementVNode as l, onMounted as se, normalizeStyle as Q, createCommentVNode as w, Fragment as j, toDisplayString as m, renderList as z, withKeys as re, withModifiers as le, createBlock as N, unref as E, withDirectives as pe, vModelText as ye, createVNode as J, withCtx as ge } from "vue";
+import { defineComponent as q, computed as C, provide as ne, ref as I, watch as H, onUnmounted as z, renderSlot as X, inject as F, openBlock as u, createElementBlock as y, normalizeClass as r, createElementVNode as l, onMounted as se, normalizeStyle as Q, createCommentVNode as w, Fragment as G, toDisplayString as m, renderList as W, withKeys as re, withModifiers as le, createBlock as R, unref as E, withDirectives as pe, vModelText as ye, createVNode as J, withCtx as ge } from "vue";
 import { NOOP_TRACKING as te, TrackingClient as fe } from "@opendoor/partner-sdk-client-js-core/internal/tracking";
 import { resolveAppearance as he } from "@opendoor/partner-sdk-client-js-core";
-import { OpendoorClient as bo, THEMES as mo, resolveAppearance as $o } from "@opendoor/partner-sdk-client-js-core";
+import { OpendoorClient as mo, THEMES as $o, resolveAppearance as Co } from "@opendoor/partner-sdk-client-js-core";
 import { createDtcOnboardingFlow as ie } from "@opendoor/partner-sdk-client-js-core/internal/questionnaire";
-const co = /* @__PURE__ */ A({
+const vo = /* @__PURE__ */ q({
   __name: "OpendoorProvider",
   props: {
     client: {}
   },
   setup(e) {
-    const t = e, s = k(() => t.client);
+    const t = e, s = C(() => t.client);
     ne("opendoor-client", s);
     const o = I(te);
     return ne("opendoor-tracking", o), H(
@@ -20,7 +20,7 @@ const co = /* @__PURE__ */ A({
         o.value = a;
       },
       { immediate: !0 }
-    ), Z(() => {
+    ), z(() => {
       o.value !== te && o.value.destroy();
     }), (a, n) => X(a.$slots, "default");
   }
@@ -41,7 +41,7 @@ function ee(e) {
   }
   return s;
 }
-const me = /* @__PURE__ */ A({
+const me = /* @__PURE__ */ q({
   __name: "PoweredByOpendoor",
   setup(e) {
     return (t, s) => (u(), y("div", {
@@ -67,17 +67,17 @@ const me = /* @__PURE__ */ A({
       ], -1))
     ], 2));
   }
-}), $e = "_attribution_18rgp_8", ke = "_text_18rgp_17", _e = {
+}), $e = "_attribution_18rgp_8", Ce = "_text_18rgp_17", ke = {
   attribution: $e,
-  text: ke
+  text: Ce
 }, D = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [o, a] of t)
     s[o] = a;
   return s;
-}, Ce = {
-  $style: _e
-}, we = /* @__PURE__ */ D(me, [["__cssModules", Ce]]), Ie = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded"], Le = ["disabled", "aria-label"], Ee = ["id", "role", "aria-live"], qe = ["onClick", "onKeydown"], Ae = ["for"], Me = ["id", "value", "disabled"], Se = ["for"], De = ["id", "value", "disabled"], Te = ["for"], xe = ["id", "value", "disabled"], Be = ["for"], Pe = ["id", "value", "disabled"], Fe = ["for"], je = ["id", "value", "disabled"], Ge = ["disabled"], Oe = /* @__PURE__ */ A({
+}, _e = {
+  $style: ke
+}, we = /* @__PURE__ */ D(me, [["__cssModules", _e]]), Ie = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded"], Le = ["disabled", "aria-label"], Ee = ["id", "role", "aria-live"], Me = ["onClick", "onKeydown"], qe = ["for"], Ae = ["id", "value", "disabled"], Se = ["for"], De = ["id", "value", "disabled"], Te = ["for"], Be = ["id", "value", "disabled"], xe = ["for"], Pe = ["id", "value", "disabled"], Fe = ["for"], Ge = ["id", "value", "disabled"], Oe = ["disabled"], je = /* @__PURE__ */ q({
   __name: "AddressEntry",
   props: {
     enableAddressSuggestions: { type: Boolean, default: !0 },
@@ -93,69 +93,69 @@ const me = /* @__PURE__ */ A({
   emits: ["address-select", "ready", "change", "validation-error", "address-suggestions-start", "address-suggestions-complete", "error"],
   setup(e, { emit: t }) {
     let s = 0;
-    const o = e, a = t, n = be(), i = `ae-${++s}`, c = I(""), d = I([]), v = I(!1), g = I(!1), p = I(null), h = I(!1), $ = I(!1), T = I(null), q = I(null), G = I(null), S = I({
+    const o = e, a = t, n = be(), i = `ae-${++s}`, d = I(""), c = I([]), v = I(!1), g = I(!1), p = I(null), h = I(!1), $ = I(!1), T = I(null), M = I(null), O = I(null), S = I({
       street1: "",
       street2: "",
       city: "",
       state: "",
       postalCode: ""
-    }), V = k(() => ee(o.appearance)), U = k(
-      () => v.value && !g.value && c.value.trim().length >= 3 && d.value.length === 0 && !h.value
+    }), N = C(() => ee(o.appearance)), Z = C(
+      () => v.value && !g.value && d.value.trim().length >= 3 && c.value.length === 0 && !h.value
     );
     let L = null, b = 0;
-    H(c, (f) => {
+    H(d, (f) => {
       if ($.value) return;
       if (a("change", { street1: f }), L && clearTimeout(L), !o.enableAddressSuggestions || f.trim().length < 3) {
-        b += 1, d.value = [], v.value = !1, p.value = null, g.value = !1;
+        b += 1, c.value = [], v.value = !1, p.value = null, g.value = !1;
         return;
       }
       g.value = !0, p.value = null;
-      const _ = f.trim(), C = ++b;
+      const k = f.trim(), _ = ++b;
       L = setTimeout(async () => {
-        a("address-suggestions-start", _);
+        a("address-suggestions-start", k);
         try {
-          const R = await n.value.getAddressSuggestions(_);
-          if (C !== b) return;
-          d.value = R.addresses, v.value = !0, a("address-suggestions-complete", R.addresses);
-        } catch (R) {
-          if (C !== b) return;
-          const W = R instanceof Error ? R : new Error("Failed to fetch address suggestions");
-          p.value = W.message, d.value = [], v.value = !0, a("error", W);
+          const V = await n.value.getAddressSuggestions(k);
+          if (_ !== b) return;
+          c.value = V.addresses, v.value = !0, a("address-suggestions-complete", V.addresses);
+        } catch (V) {
+          if (_ !== b) return;
+          const U = V instanceof Error ? V : new Error("Failed to fetch address suggestions");
+          p.value = U.message, c.value = [], v.value = !0, a("error", U);
         } finally {
-          C === b && (g.value = !1);
+          _ === b && (g.value = !1);
         }
       }, o.debounceMs);
     });
-    function x(f) {
-      const _ = [f.street1];
-      return f.street2 && (_[0] += ` ${f.street2}`), _.push(`${f.city}, ${f.state} ${f.postalCode}`), _.join(", ");
+    function B(f) {
+      const k = [f.street1];
+      return f.street2 && (k[0] += ` ${f.street2}`), k.push(`${f.city}, ${f.state} ${f.postalCode}`), k.join(", ");
     }
-    async function B(f) {
-      $.value = !0, c.value = x(f), d.value = [], v.value = !1, p.value = null, a("change", f);
+    async function x(f) {
+      $.value = !0, d.value = B(f), c.value = [], v.value = !1, p.value = null, a("change", f);
       try {
         a("address-select", f);
-      } catch (_) {
-        const C = _ instanceof Error ? _ : new Error("Failed to process address");
-        p.value = C.message, a("error", C), c.value = "", $.value = !1;
+      } catch (k) {
+        const _ = k instanceof Error ? k : new Error("Failed to process address");
+        p.value = _.message, a("error", _), d.value = "", $.value = !1;
       }
     }
-    function O() {
+    function j() {
       h.value = !0, v.value = !1;
     }
-    function P(f, _) {
-      S.value[f] = _;
-      const C = S.value;
+    function P(f, k) {
+      S.value[f] = k;
+      const _ = S.value;
       a("change", {
-        street1: C.street1,
-        ...C.street2 ? { street2: C.street2 } : {},
-        city: C.city,
-        state: C.state,
-        postalCode: C.postalCode
+        street1: _.street1,
+        ..._.street2 ? { street2: _.street2 } : {},
+        city: _.city,
+        state: _.state,
+        postalCode: _.postalCode
       });
     }
     async function Y() {
-      const f = S.value.street1.trim(), _ = S.value.city.trim(), C = S.value.state.trim(), R = S.value.postalCode.trim(), W = S.value.street2.trim();
-      if (!f || !_ || !C || !R) {
+      const f = S.value.street1.trim(), k = S.value.city.trim(), _ = S.value.state.trim(), V = S.value.postalCode.trim(), U = S.value.street2.trim();
+      if (!f || !k || !_ || !V) {
         const K = "Please fill in all required fields";
         p.value = K, a("validation-error", K);
         return;
@@ -164,10 +164,10 @@ const me = /* @__PURE__ */ A({
       try {
         a("address-select", {
           street1: f,
-          street2: W || void 0,
-          city: _,
-          state: C,
-          postalCode: R
+          street2: U || void 0,
+          city: k,
+          state: _,
+          postalCode: V
         });
       } catch (K) {
         const ae = K instanceof Error ? K : new Error("Failed to submit address");
@@ -176,28 +176,28 @@ const me = /* @__PURE__ */ A({
         g.value = !1;
       }
     }
-    function ce() {
-      d.value.length > 0 && B(d.value[0]);
-    }
     function de() {
-      d.value.length > 0 && c.value.length > 0 && (v.value = !0);
+      c.value.length > 0 && x(c.value[0]);
+    }
+    function ce() {
+      c.value.length > 0 && d.value.length > 0 && (v.value = !0);
     }
     function ve(f) {
-      const _ = f.target.value;
-      c.value = _, $.value = !1;
+      const k = f.target.value;
+      d.value = k, $.value = !1;
     }
     function oe(f) {
-      q.value && !q.value.contains(f.target) && G.value && !G.value.contains(f.target) && (v.value = !1);
+      M.value && !M.value.contains(f.target) && O.value && !O.value.contains(f.target) && (v.value = !1);
     }
     return se(() => {
       document.addEventListener("mousedown", oe), a("ready");
-    }), Z(() => {
+    }), z(() => {
       document.removeEventListener("mousedown", oe), L && clearTimeout(L), b += 1;
-    }), (f, _) => (u(), y("div", {
+    }), (f, k) => (u(), y("div", {
       ref_key: "containerRef",
       ref: T,
       class: r(f.$style.container),
-      style: Q(V.value)
+      style: Q(N.value)
     }, [
       h.value ? (u(), y("div", {
         key: 1,
@@ -209,7 +209,7 @@ const me = /* @__PURE__ */ A({
           l("label", {
             class: r(f.$style.manualFormLabel),
             for: `${i}-street1`
-          }, "Street Address *", 10, Ae),
+          }, "Street Address *", 10, qe),
           l("input", {
             id: `${i}-street1`,
             class: r(f.$style.manualFormInput),
@@ -217,8 +217,8 @@ const me = /* @__PURE__ */ A({
             value: S.value.street1,
             disabled: e.disabled,
             placeholder: "123 Main St",
-            onInput: _[0] || (_[0] = (C) => P("street1", C.target.value))
-          }, null, 42, Me)
+            onInput: k[0] || (k[0] = (_) => P("street1", _.target.value))
+          }, null, 42, Ae)
         ], 2),
         l("div", {
           class: r(f.$style.manualFormField)
@@ -234,7 +234,7 @@ const me = /* @__PURE__ */ A({
             value: S.value.street2,
             disabled: e.disabled,
             placeholder: "Apt 4B",
-            onInput: _[1] || (_[1] = (C) => P("street2", C.target.value))
+            onInput: k[1] || (k[1] = (_) => P("street2", _.target.value))
           }, null, 42, De)
         ], 2),
         l("div", {
@@ -251,8 +251,8 @@ const me = /* @__PURE__ */ A({
             value: S.value.city,
             disabled: e.disabled,
             placeholder: "Austin",
-            onInput: _[2] || (_[2] = (C) => P("city", C.target.value))
-          }, null, 42, xe)
+            onInput: k[2] || (k[2] = (_) => P("city", _.target.value))
+          }, null, 42, Be)
         ], 2),
         l("div", {
           class: r(f.$style.formRow)
@@ -263,7 +263,7 @@ const me = /* @__PURE__ */ A({
             l("label", {
               class: r(f.$style.manualFormLabel),
               for: `${i}-state`
-            }, "State *", 10, Be),
+            }, "State *", 10, xe),
             l("input", {
               id: `${i}-state`,
               class: r(f.$style.manualFormInput),
@@ -272,7 +272,7 @@ const me = /* @__PURE__ */ A({
               disabled: e.disabled,
               placeholder: "TX",
               maxlength: "2",
-              onInput: _[3] || (_[3] = (C) => P("state", C.target.value))
+              onInput: k[3] || (k[3] = (_) => P("state", _.target.value))
             }, null, 42, Pe)
           ], 2),
           l("div", {
@@ -290,8 +290,8 @@ const me = /* @__PURE__ */ A({
               disabled: e.disabled,
               placeholder: "78701",
               maxlength: "5",
-              onInput: _[4] || (_[4] = (C) => P("postalCode", C.target.value))
-            }, null, 42, je)
+              onInput: k[4] || (k[4] = (_) => P("postalCode", _.target.value))
+            }, null, 42, Ge)
           ], 2)
         ], 2),
         p.value ? (u(), y("div", {
@@ -307,7 +307,7 @@ const me = /* @__PURE__ */ A({
         }, [
           l("span", null, m(e.buttonText), 1),
           X(f.$slots, "button-icon", {}, () => [
-            _[8] || (_[8] = l("svg", {
+            k[8] || (k[8] = l("svg", {
               width: "20",
               height: "20",
               viewBox: "0 0 24 24",
@@ -323,7 +323,7 @@ const me = /* @__PURE__ */ A({
               })
             ], -1))
           ])
-        ], 10, Ge)
+        ], 10, Oe)
       ], 2)) : (u(), y("div", {
         key: 0,
         class: r(f.$style.inputSection)
@@ -333,8 +333,8 @@ const me = /* @__PURE__ */ A({
         }, [
           l("input", {
             ref_key: "inputRef",
-            ref: G,
-            value: c.value,
+            ref: O,
+            value: d.value,
             class: r(f.$style.input),
             placeholder: e.placeholderText,
             disabled: e.disabled,
@@ -345,7 +345,7 @@ const me = /* @__PURE__ */ A({
             "aria-controls": `${i}-suggestions`,
             "aria-expanded": v.value,
             onInput: ve,
-            onFocus: de
+            onFocus: ce
           }, null, 42, Ie),
           f.$slots["input-icon"] ? (u(), y("div", {
             key: 0,
@@ -359,9 +359,9 @@ const me = /* @__PURE__ */ A({
             disabled: e.disabled,
             "aria-label": e.buttonText,
             type: "button",
-            onClick: ce
+            onClick: de
           }, [
-            g.value ? (u(), y(j, { key: 0 }, [
+            g.value ? (u(), y(G, { key: 0 }, [
               l("span", null, m(e.buttonText), 1),
               (u(), y("svg", {
                 class: r(f.$style.spinner),
@@ -370,7 +370,7 @@ const me = /* @__PURE__ */ A({
                 viewBox: "0 0 24 24",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg"
-              }, [..._[5] || (_[5] = [
+              }, [...k[5] || (k[5] = [
                 l("circle", {
                   cx: "12",
                   cy: "12",
@@ -386,10 +386,10 @@ const me = /* @__PURE__ */ A({
                   "stroke-linecap": "round"
                 }, null, -1)
               ])], 2))
-            ], 64)) : (u(), y(j, { key: 1 }, [
+            ], 64)) : (u(), y(G, { key: 1 }, [
               l("span", null, m(e.buttonText), 1),
               X(f.$slots, "button-icon", {}, () => [
-                _[6] || (_[6] = l("svg", {
+                k[6] || (k[6] = l("svg", {
                   width: "20",
                   height: "20",
                   viewBox: "0 0 24 24",
@@ -411,19 +411,19 @@ const me = /* @__PURE__ */ A({
         v.value || p.value ? (u(), y("div", {
           key: 0,
           ref_key: "suggestionsRef",
-          ref: q,
+          ref: M,
           class: r([f.$style.suggestions, p.value ? f.$style.errorState : ""]),
           id: `${i}-suggestions`,
           role: p.value ? "alert" : "listbox",
           "aria-live": p.value ? "polite" : void 0
         }, [
-          p.value ? (u(), y(j, { key: 0 }, [
+          p.value ? (u(), y(G, { key: 0 }, [
             l("div", {
               class: r(f.$style.error)
             }, [
               l("div", {
                 class: r(f.$style.errorIcon)
-              }, [..._[7] || (_[7] = [
+              }, [...k[7] || (k[7] = [
                 l("svg", {
                   width: "20",
                   height: "20",
@@ -451,39 +451,39 @@ const me = /* @__PURE__ */ A({
               key: 0,
               type: "button",
               class: r(f.$style.manualLink),
-              onClick: O
+              onClick: j
             }, m(e.manualEntryText), 3))
-          ], 64)) : d.value.length > 0 ? (u(!0), y(j, { key: 1 }, z(d.value, (C, R) => (u(), y("div", {
-            key: `${C.street1}-${C.city}-${C.postalCode}-${R}`,
+          ], 64)) : c.value.length > 0 ? (u(!0), y(G, { key: 1 }, W(c.value, (_, V) => (u(), y("div", {
+            key: `${_.street1}-${_.city}-${_.postalCode}-${V}`,
             class: r(f.$style.suggestion),
             role: "option",
             "aria-selected": !1,
             tabindex: "0",
-            onClick: (W) => B(C),
+            onClick: (U) => x(_),
             onKeydown: [
-              re(le((W) => B(C), ["prevent"]), ["enter"]),
-              re(le((W) => B(C), ["prevent"]), ["space"])
+              re(le((U) => x(_), ["prevent"]), ["enter"]),
+              re(le((U) => x(_), ["prevent"]), ["space"])
             ]
-          }, m(x(C)), 43, qe))), 128)) : U.value ? (u(), y("button", {
+          }, m(B(_)), 43, Me))), 128)) : Z.value ? (u(), y("button", {
             key: 2,
             type: "button",
             class: r(f.$style.manualLink),
-            onClick: O
+            onClick: j
           }, m(e.manualEntryText), 3)) : w("", !0)
         ], 10, Ee)) : w("", !0)
       ], 2)),
-      e.showAttribution ? (u(), N(we, { key: 2 })) : w("", !0)
+      e.showAttribution ? (u(), R(we, { key: 2 })) : w("", !0)
     ], 6));
   }
-}), Re = "_container_1r0nf_9", Ne = "_inputSection_1r0nf_17", Ve = "_inputWrapper_1r0nf_23", Ue = "_input_1r0nf_17", He = "_inputIcon_1r0nf_64", We = "_button_1r0nf_81", Ze = "_spinner_1r0nf_122", ze = "_spin_1r0nf_122", Ke = "_suggestions_1r0nf_137", Je = "_errorState_1r0nf_151", Xe = "_suggestion_1r0nf_137", Qe = "_error_1r0nf_151", Ye = "_errorIcon_1r0nf_200", et = "_errorBorder_1r0nf_214", tt = "_manualLink_1r0nf_224", nt = "_manualForm_1r0nf_246", rt = "_slideIn_1r0nf_1", st = "_manualFormField_1r0nf_261", ot = "_manualFormLabel_1r0nf_265", at = "_manualFormInput_1r0nf_274", lt = "_formRow_1r0nf_295", it = "_submitButton_1r0nf_303", ut = {
-  container: Re,
-  inputSection: Ne,
-  inputWrapper: Ve,
-  input: Ue,
+}), Ve = "_container_1r0nf_9", Re = "_inputSection_1r0nf_17", Ne = "_inputWrapper_1r0nf_23", Ze = "_input_1r0nf_17", He = "_inputIcon_1r0nf_64", Ue = "_button_1r0nf_81", ze = "_spinner_1r0nf_122", We = "_spin_1r0nf_122", Ke = "_suggestions_1r0nf_137", Je = "_errorState_1r0nf_151", Xe = "_suggestion_1r0nf_137", Qe = "_error_1r0nf_151", Ye = "_errorIcon_1r0nf_200", et = "_errorBorder_1r0nf_214", tt = "_manualLink_1r0nf_224", nt = "_manualForm_1r0nf_246", rt = "_slideIn_1r0nf_1", st = "_manualFormField_1r0nf_261", ot = "_manualFormLabel_1r0nf_265", at = "_manualFormInput_1r0nf_274", lt = "_formRow_1r0nf_295", it = "_submitButton_1r0nf_303", ut = {
+  container: Ve,
+  inputSection: Re,
+  inputWrapper: Ne,
+  input: Ze,
   inputIcon: He,
-  button: We,
-  spinner: Ze,
-  spin: ze,
+  button: Ue,
+  spinner: ze,
+  spin: We,
   suggestions: Ke,
   errorState: Je,
   suggestion: Xe,
@@ -498,14 +498,14 @@ const me = /* @__PURE__ */ A({
   manualFormInput: at,
   formRow: lt,
   submitButton: it
-}, ct = {
+}, dt = {
   $style: ut
-}, vo = /* @__PURE__ */ D(Oe, [["__cssModules", ct]]), dt = "https://api.mapbox.com/geocoding/v5/mapbox.places", vt = "https://api.mapbox.com/styles/v1/mapbox/light-v11/static", pt = "pk.eyJ1Ijoib3BlbmRvb3IiLCJhIjoiWXJ2bTJiRSJ9.lsnjT9yTNyyVzKRIzqxnqg", yt = "https://images.opendoor.com/source/s3/imgdrop-production/2026-02-1771546296495-06570.png?service=partner-sdk";
+}, po = /* @__PURE__ */ D(je, [["__cssModules", dt]]), ct = "https://api.mapbox.com/geocoding/v5/mapbox.places", vt = "https://api.mapbox.com/styles/v1/mapbox/light-v11/static", pt = "pk.eyJ1Ijoib3BlbmRvb3IiLCJhIjoiWXJ2bTJiRSJ9.lsnjT9yTNyyVzKRIzqxnqg", yt = "https://images.opendoor.com/source/s3/imgdrop-production/2026-02-1771546296495-06570.png?service=partner-sdk";
 function gt(e, t, s) {
   return e.startsWith("http://") || e.startsWith("https://") ? `url-${encodeURIComponent(e)}(${t},${s})` : `${e}(${t},${s})`;
 }
 function ft(e, t) {
-  const s = (t == null ? void 0 : t.mapboxAccessToken) ?? pt, o = (t == null ? void 0 : t.mapPinMarker) ?? yt, a = (t == null ? void 0 : t.width) ?? 640, n = (t == null ? void 0 : t.height) ?? 320, i = (t == null ? void 0 : t.zoom) ?? 14, c = I(void 0), d = I("loading");
+  const s = (t == null ? void 0 : t.mapboxAccessToken) ?? pt, o = (t == null ? void 0 : t.mapPinMarker) ?? yt, a = (t == null ? void 0 : t.width) ?? 640, n = (t == null ? void 0 : t.height) ?? 320, i = (t == null ? void 0 : t.zoom) ?? 14, d = I(void 0), c = I("loading");
   let v = null;
   return H(
     () => [
@@ -518,7 +518,7 @@ function ft(e, t) {
       var $, T;
       v && v.abort();
       const g = new AbortController();
-      v = g, d.value = "loading";
+      v = g, c.value = "loading";
       const p = e.value, h = [
         p.street1,
         p.city,
@@ -526,31 +526,31 @@ function ft(e, t) {
         p.postalCode
       ].join(" ");
       try {
-        const q = `${dt}/${encodeURIComponent(h)}.json?access_token=${s}&limit=1`, G = await fetch(q, { signal: g.signal });
-        if (!G.ok) {
-          g.signal.aborted || (d.value = "error");
+        const M = `${ct}/${encodeURIComponent(h)}.json?access_token=${s}&limit=1`, O = await fetch(M, { signal: g.signal });
+        if (!O.ok) {
+          g.signal.aborted || (c.value = "error");
           return;
         }
-        const S = await G.json();
+        const S = await O.json();
         if (g.signal.aborted) return;
-        const V = (T = ($ = S.features) == null ? void 0 : $[0]) == null ? void 0 : T.center;
-        if (!V) {
-          d.value = "error";
+        const N = (T = ($ = S.features) == null ? void 0 : $[0]) == null ? void 0 : T.center;
+        if (!N) {
+          c.value = "error";
           return;
         }
-        const [U, L] = V, b = gt(o, U, L);
-        c.value = `${vt}/${b}/${U},${L},${i}/${a}x${n}@2x?access_token=${s}&attribution=false&logo=false`, d.value = "loaded";
-      } catch (q) {
-        if (q instanceof DOMException && q.name === "AbortError") return;
-        g.signal.aborted || (d.value = "error");
+        const [Z, L] = N, b = gt(o, Z, L);
+        d.value = `${vt}/${b}/${Z},${L},${i}/${a}x${n}@2x?access_token=${s}&attribution=false&logo=false`, c.value = "loaded";
+      } catch (M) {
+        if (M instanceof DOMException && M.name === "AbortError") return;
+        g.signal.aborted || (c.value = "error");
       }
     },
     { immediate: !0 }
-  ), Z(() => {
+  ), z(() => {
     v && v.abort();
-  }), { url: c, status: d };
+  }), { url: d, status: c };
 }
-const ht = ["src"], bt = /* @__PURE__ */ A({
+const ht = ["src"], bt = /* @__PURE__ */ q({
   __name: "AddressMap",
   props: {
     address: {},
@@ -564,11 +564,11 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
   },
   emits: ["load", "error"],
   setup(e, { emit: t }) {
-    const s = e, o = t, a = k(() => {
+    const s = e, o = t, a = C(() => {
       const v = ee(s.appearance);
       return s.borderRadius && (v["border-radius"] = s.borderRadius), v;
     }), { url: n, status: i } = ft(
-      k(() => s.address),
+      C(() => s.address),
       {
         mapboxAccessToken: s.mapboxAccessToken,
         mapPinMarker: s.mapPinMarker,
@@ -576,12 +576,12 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
         height: s.height,
         zoom: s.zoom
       }
-    ), c = I(!1);
+    ), d = I(!1);
     H(i, (v) => {
-      v === "loading" && (c.value = !1), v === "error" && o("error", new Error("Failed to load map for address"));
+      v === "loading" && (d.value = !1), v === "error" && o("error", new Error("Failed to load map for address"));
     });
-    function d() {
-      c.value = !0, o("load");
+    function c() {
+      d.value = !0, o("load");
     }
     return (v, g) => (u(), y("div", {
       class: r(v.$style.container),
@@ -591,18 +591,18 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
         key: 0,
         src: E(n),
         alt: "Map",
-        class: r([v.$style.mapImage, c.value ? v.$style.mapImageLoaded : ""]),
-        onLoad: d
+        class: r([v.$style.mapImage, d.value ? v.$style.mapImageLoaded : ""]),
+        onLoad: c
       }, null, 42, ht)) : w("", !0)
     ], 6));
   }
-}), mt = "_container_iumdj_4", $t = "_mapImage_iumdj_14", kt = "_mapImageLoaded_iumdj_23", _t = {
+}), mt = "_container_iumdj_4", $t = "_mapImage_iumdj_14", Ct = "_mapImageLoaded_iumdj_23", kt = {
   container: mt,
   mapImage: $t,
-  mapImageLoaded: kt
-}, Ct = {
-  $style: _t
-}, po = /* @__PURE__ */ D(bt, [["__cssModules", Ct]]), wt = ["disabled", "aria-invalid", "aria-describedby"], It = ["checked"], Lt = /* @__PURE__ */ A({
+  mapImageLoaded: Ct
+}, _t = {
+  $style: kt
+}, yo = /* @__PURE__ */ D(bt, [["__cssModules", _t]]), wt = ["disabled", "aria-invalid", "aria-describedby"], It = ["checked"], Lt = /* @__PURE__ */ q({
   __name: "AddressUnitConfirmation",
   props: {
     address: {},
@@ -610,7 +610,7 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
   },
   emits: ["confirm", "edit", "ready", "error"],
   setup(e, { emit: t }) {
-    const s = e, o = t, a = I(""), n = I(!1), i = I(null), c = k(() => ee(s.appearance)), d = k(() => {
+    const s = e, o = t, a = I(""), n = I(!1), i = I(null), d = C(() => ee(s.appearance)), c = C(() => {
       const h = s.address;
       return `${h.street1 + (h.street2 ? ` ${h.street2}` : "")}, ${h.city}, ${h.state} ${h.postalCode}`;
     });
@@ -636,7 +636,7 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
       o("ready");
     }), (h, $) => (u(), y("div", {
       class: r(h.$style.container),
-      style: Q(c.value)
+      style: Q(d.value)
     }, [
       l("h2", {
         class: r(h.$style.title)
@@ -646,7 +646,7 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
       }, [
         l("span", {
           class: r(h.$style.addressText)
-        }, m(d.value), 3),
+        }, m(c.value), 3),
         l("button", {
           class: r(h.$style.editLink),
           type: "button",
@@ -705,50 +705,50 @@ const ht = ["src"], bt = /* @__PURE__ */ A({
       ], 2)
     ], 6));
   }
-}), Et = "_container_1hik1_4", qt = "_title_1hik1_8", At = "_addressCard_1hik1_17", Mt = "_addressText_1hik1_27", St = "_editLink_1hik1_35", Dt = "_fieldGroup_1hik1_48", Tt = "_fieldLabel_1hik1_52", xt = "_input_1hik1_61", Bt = "_checkboxRow_1hik1_85", Pt = "_checkbox_1hik1_85", Ft = "_checkboxLabel_1hik1_102", jt = "_error_1hik1_109", Gt = "_actions_1hik1_116", Ot = "_confirmButton_1hik1_121", Rt = {
+}), Et = "_container_1hik1_4", Mt = "_title_1hik1_8", qt = "_addressCard_1hik1_17", At = "_addressText_1hik1_27", St = "_editLink_1hik1_35", Dt = "_fieldGroup_1hik1_48", Tt = "_fieldLabel_1hik1_52", Bt = "_input_1hik1_61", xt = "_checkboxRow_1hik1_85", Pt = "_checkbox_1hik1_85", Ft = "_checkboxLabel_1hik1_102", Gt = "_error_1hik1_109", Ot = "_actions_1hik1_116", jt = "_confirmButton_1hik1_121", Vt = {
   container: Et,
-  title: qt,
-  addressCard: At,
-  addressText: Mt,
+  title: Mt,
+  addressCard: qt,
+  addressText: At,
   editLink: St,
   fieldGroup: Dt,
   fieldLabel: Tt,
-  input: xt,
-  checkboxRow: Bt,
+  input: Bt,
+  checkboxRow: xt,
   checkbox: Pt,
   checkboxLabel: Ft,
-  error: jt,
-  actions: Gt,
-  confirmButton: Ot
-}, Nt = {
-  $style: Rt
-}, yo = /* @__PURE__ */ D(Lt, [["__cssModules", Nt]]);
+  error: Gt,
+  actions: Ot,
+  confirmButton: jt
+}, Rt = {
+  $style: Vt
+}, go = /* @__PURE__ */ D(Lt, [["__cssModules", Rt]]);
 function ue(e, t, s, o, a, n) {
   const i = [
-    e.on("answerChange", (c) => {
-      var d;
-      t.value = e.answers, a.value = [...e.visiblePages], c.type === "answerChange" && ((d = n.onAnswerChange) == null || d.call(n, c.key, c.value));
+    e.on("answerChange", (d) => {
+      var c;
+      t.value = e.answers, a.value = [...e.visiblePages], d.type === "answerChange" && ((c = n.onAnswerChange) == null || c.call(n, d.key, d.value));
     }),
-    e.on("pageChange", (c) => {
-      var d;
-      c.type === "pageChange" && (s.value = c.pageId, a.value = [...e.visiblePages], o.value = {}, (d = n.onPageChange) == null || d.call(n, c.pageIndex, c.pageId));
+    e.on("pageChange", (d) => {
+      var c;
+      d.type === "pageChange" && (s.value = d.pageId, a.value = [...e.visiblePages], o.value = {}, (c = n.onPageChange) == null || c.call(n, d.pageIndex, d.pageId));
     }),
-    e.on("validationError", (c) => {
-      c.type === "validationError" && (o.value = c.errors);
+    e.on("validationError", (d) => {
+      d.type === "validationError" && (o.value = d.errors);
     }),
-    e.on("submit", (c) => {
-      c.type === "submit" && n.onSubmit(c.answers);
+    e.on("submit", (d) => {
+      d.type === "submit" && n.onSubmit(d.answers);
     })
   ];
-  return () => i.forEach((c) => c());
+  return () => i.forEach((d) => d());
 }
-function Vt(e) {
-  var V, U;
+function Nt(e) {
+  var N, Z;
   let t = ie({
     market: e.getMarket(),
     initialAnswers: e.getInitialAnswers()
   });
-  const s = I(t.answers), o = I(((V = t.currentPage) == null ? void 0 : V.id) ?? ""), a = I({}), n = I(t.visiblePages);
+  const s = I(t.answers), o = I(((N = t.currentPage) == null ? void 0 : N.id) ?? ""), a = I({}), n = I(t.visiblePages);
   let i = ue(
     t,
     s,
@@ -757,7 +757,7 @@ function Vt(e) {
     n,
     e
   );
-  (U = e.onReady) == null || U.call(e), H(e.getMarket, (L) => {
+  (Z = e.onReady) == null || Z.call(e), H(e.getMarket, (L) => {
     var b;
     i(), t.destroy(), t = ie({
       market: L,
@@ -771,30 +771,30 @@ function Vt(e) {
       e
     );
   });
-  let c = e.getInitialAnswers();
+  let d = e.getInitialAnswers();
   H(e.getInitialAnswers, (L) => {
-    L && L !== c && (c = L, t.setAnswers(L));
+    L && L !== d && (d = L, t.setAnswers(L));
   });
-  const d = k(() => {
+  const c = C(() => {
     const L = n.value.findIndex(
       (b) => b.id === o.value
     );
     return L >= 0 ? L : 0;
-  }), v = k(
-    () => n.value[d.value]
-  ), g = k(() => o.value ? (s.value, t.getVisibleQuestionsForCurrentPage()) : []), p = k(() => n.value.length <= 1 ? 0 : Math.min(
+  }), v = C(
+    () => n.value[c.value]
+  ), g = C(() => o.value ? (s.value, t.getVisibleQuestionsForCurrentPage()) : []), p = C(() => n.value.length <= 1 ? 0 : Math.min(
     1,
-    Math.max(0, d.value / (n.value.length - 1))
-  )), h = k(() => d.value === 0), $ = k(
-    () => n.value.length > 0 && d.value === n.value.length - 1
+    Math.max(0, c.value / (n.value.length - 1))
+  )), h = C(() => c.value === 0), $ = C(
+    () => n.value.length > 0 && c.value === n.value.length - 1
   );
   function T(L, b) {
     t.setAnswer(L, b);
   }
-  function q(L) {
+  function M(L) {
     return s.value[L];
   }
-  function G() {
+  function O() {
     var b;
     const L = t.goToNext();
     if (!L.valid)
@@ -805,19 +805,19 @@ function Vt(e) {
             `Validation failed: ${Object.values(L.errors).join(", ")}`
           )
         );
-      } catch (x) {
-        console.error("[DtcOnboardingFlow] onError callback threw:", x);
+      } catch (B) {
+        console.error("[DtcOnboardingFlow] onError callback threw:", B);
       }
   }
   function S() {
     t.goToPrev();
   }
-  return Z(() => {
+  return z(() => {
     i(), t.destroy();
   }), {
     engine: t,
     currentPage: v,
-    currentPageIndex: d,
+    currentPageIndex: c,
     visiblePages: n,
     visibleQuestions: g,
     answers: s,
@@ -826,12 +826,12 @@ function Vt(e) {
     isFirstPage: h,
     isLastPage: $,
     setAnswer: T,
-    getAnswer: q,
-    goToNext: G,
+    getAnswer: M,
+    goToNext: O,
     goToPrev: S
   };
 }
-const Ut = /* @__PURE__ */ A({
+const Zt = /* @__PURE__ */ q({
   __name: "DtcProvider",
   props: {
     market: {},
@@ -843,7 +843,7 @@ const Ut = /* @__PURE__ */ A({
     onError: { type: Function }
   },
   setup(e) {
-    const t = e, s = Vt({
+    const t = e, s = Nt({
       getMarket: () => t.market,
       getInitialAnswers: () => t.initialAnswers,
       onSubmit: (o) => t.onSubmit(o),
@@ -866,7 +866,7 @@ const Ut = /* @__PURE__ */ A({
     });
     return ne("dtc-onboarding", s), (o, a) => X(o.$slots, "default");
   }
-}), Ht = ["src"], Wt = /* @__PURE__ */ A({
+}), Ht = ["src"], Ut = /* @__PURE__ */ q({
   __name: "DtcHeader",
   props: {
     partnerLogoUrl: {},
@@ -887,9 +887,21 @@ const Ut = /* @__PURE__ */ A({
           alt: "Partner",
           class: r(o.$style.headerPartnerLogo)
         }, null, 10, Ht)) : w("", !0),
-        l("span", {
-          class: r(o.$style.headerOpendoorText)
-        }, "Opendoor", 2)
+        (u(), y("svg", {
+          width: "90",
+          height: "18",
+          viewBox: "0 0 112.574 24.0002",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-label": "Opendoor",
+          role: "img",
+          class: r(o.$style.headerOpendoorLogo)
+        }, [...a[1] || (a[1] = [
+          l("path", {
+            d: "M21.8975 5.53219C22.0296 5.51725 22.144 5.62372 22.1396 5.7568L22.0928 7.21773H22.2148C23.2408 6.33834 24.6088 5.53316 26.3184 5.53316C28.6383 5.53337 31.1045 7.07197 31.1045 11.542C31.1044 16.6229 28.1252 18.8456 24.0469 18.8457C23.5341 18.8457 22.7277 18.748 22.1904 18.6015C22.1904 18.6015 22.2148 19.2369 22.2148 20.0918V23.4072C22.2148 23.5083 22.1393 23.593 22.0391 23.6045L18.5527 23.999C18.4349 24.0122 18.332 23.9191 18.332 23.8007V6.11324C18.332 6.01204 18.4082 5.92743 18.5088 5.91597L21.8975 5.53219ZM8.35254 1.33101C12.5528 1.33111 16.5088 3.8474 16.5088 9.90523C16.5088 16.3784 12.0884 18.8457 8.15625 18.8457C3.95617 18.8455 0 16.1584 0 10.2959C9.43202e-05 3.87138 4.42045 1.33101 8.35254 1.33101ZM38.9141 5.53219C42.245 5.53219 44.3351 7.17875 44.4541 11.4853C44.4565 11.5689 44.3887 11.6395 44.3047 11.6396H36.5518C36.4679 11.6398 36.4004 11.7102 36.4023 11.7939C36.5116 15.6741 38.0191 16.7451 40.502 16.7451C41.7135 16.745 42.6903 16.4632 43.5078 16.1005C43.5679 16.0738 43.6377 16.0896 43.6807 16.1396L44.0059 16.5214C44.0548 16.579 44.0546 16.6649 44.0029 16.7197C43.1121 17.6594 41.298 18.8457 38.9141 18.8457C34.6647 18.8457 32.54 16.3051 32.54 12.1523C32.5401 7.90199 35.6904 5.53219 38.9141 5.53219ZM71.8682 0.000935719C72.0069 -0.0114562 72.1257 0.100879 72.1191 0.240194C72.0964 0.716622 72.0527 1.87639 72.0527 3.13863V18.2412C72.0527 18.3558 71.9689 18.4538 71.8555 18.4697L68.5049 18.8437C68.3628 18.8638 68.2375 18.75 68.2432 18.6064L68.292 17.2578H68.1943C67.1441 18.1614 65.7768 18.8456 64.0674 18.8457C61.6496 18.8457 59.2804 17.087 59.2803 12.6416C59.2803 7.56051 62.5533 5.53219 66.3633 5.53219C67.0224 5.5322 67.706 5.65511 68.2188 5.80172C68.2188 5.80172 68.1699 4.89765 68.1699 4.01851V0.598592C68.1699 0.495514 68.2491 0.40955 68.3516 0.40035L71.8682 0.000935719ZM80.29 5.53219C83.831 5.53235 86.9325 7.65789 86.9326 12.1035C86.9326 16.7934 83.66 18.8455 80.29 18.8457C76.7489 18.8457 73.6719 16.6956 73.6719 12.2255C73.672 7.53545 76.993 5.53219 80.29 5.53219ZM94.8555 5.53219C98.3966 5.53219 101.498 7.65772 101.498 12.1035C101.498 16.7936 98.2258 18.8457 94.8555 18.8457C91.3146 18.8456 88.2373 16.6956 88.2373 12.2255C88.2375 7.53549 91.5587 5.53222 94.8555 5.53219ZM49.54 5.52828C49.6571 5.51515 49.7585 5.60852 49.7549 5.72652L49.707 7.26656H49.8047C51.0989 6.33849 52.7115 5.53219 54.4941 5.53219C56.5697 5.53235 57.6932 6.6075 57.6934 8.80562V18.3593C57.6931 18.4662 57.6057 18.5527 57.499 18.5527H53.9795C53.8728 18.5527 53.7854 18.4662 53.7852 18.3593V9.75875C53.7852 8.26873 53.2482 7.80466 52.1006 7.80465C51.2456 7.80465 50.3663 7.9998 49.8291 8.12203V18.3593C49.8289 18.4661 49.7423 18.5526 49.6357 18.5527H46.1396C46.033 18.5527 45.9465 18.4662 45.9463 18.3593V6.11324C45.9463 6.01204 46.0226 5.92724 46.123 5.91597L49.54 5.52828ZM110.574 5.53219C111.746 5.53219 112.574 6.1674 112.574 7.36422C112.574 8.53675 111.722 9.29195 110.77 9.29195C109.721 9.29192 109.354 8.85463 108.89 8.09762C108.743 7.82894 108.596 7.78023 108.376 7.78023C107.937 7.78032 107.375 8.09738 107.033 8.415V18.3222C107.033 18.4491 106.93 18.5527 106.803 18.5527H103.38C103.253 18.5527 103.15 18.4491 103.15 18.3222V6.11324C103.15 6.01203 103.226 5.92743 103.326 5.91597L106.703 5.53707C106.842 5.52148 106.963 5.63273 106.959 5.77242L106.911 7.41305H107.009C107.766 6.60703 109.158 5.53219 110.574 5.53219ZM80.2158 6.48531C78.6774 6.48551 77.7744 7.60933 77.7744 11.8105C77.7744 16.818 78.5799 17.8924 80.3623 17.8925C81.8279 17.8925 82.8291 17.0378 82.8291 12.3476C82.8291 7.41346 81.8766 6.48531 80.2158 6.48531ZM94.7822 6.48531C93.2437 6.48537 92.3399 7.60905 92.3398 11.8105C92.3398 16.8181 93.1462 17.8924 94.9287 17.8925C96.3942 17.8925 97.3955 17.0378 97.3955 12.3476C97.3955 7.41346 96.443 6.48531 94.7822 6.48531ZM24.1934 7.65816C23.2165 7.65816 22.6057 7.95117 22.2148 8.09762V16.9892C22.6546 17.5022 23.3141 17.8691 24.1445 17.8691C26.0737 17.8691 27.0996 16.8424 27.0996 12.372C27.0996 8.8791 26.0493 7.65823 24.1934 7.65816ZM8.20605 2.35738C5.83698 2.35738 4.63965 4.01812 4.63965 9.78316C4.63965 15.4746 5.56842 17.8203 8.30371 17.8203C10.7211 17.8201 11.8691 16.1825 11.8691 10.4423C11.8691 4.72668 10.8919 2.35759 8.20605 2.35738ZM66.2656 6.50972C64.5074 6.50972 63.2861 7.80421 63.2861 11.8349C63.2861 15.67 64.2631 16.916 66.1191 16.916C67.1198 16.9159 67.7791 16.5256 68.1699 16.3789V7.53512C67.7548 7.02239 67.1689 6.50989 66.2656 6.50972ZM38.7188 6.4609C37.4732 6.46096 36.4961 7.63335 36.3984 10.7109L40.5752 10.4912C40.5752 7.53568 40.1842 6.4609 38.7188 6.4609Z",
+            fill: "#235ca3"
+          }, null, -1)
+        ])], 2))
       ], 2),
       e.showCloseButton ? (u(), y("button", {
         key: 0,
@@ -897,7 +909,7 @@ const Ut = /* @__PURE__ */ A({
         class: r(o.$style.headerCloseButton),
         "aria-label": "Close",
         onClick: a[0] || (a[0] = (n) => s("close"))
-      }, [...a[1] || (a[1] = [
+      }, [...a[2] || (a[2] = [
         l("svg", {
           width: "24",
           height: "24",
@@ -924,15 +936,15 @@ const Ut = /* @__PURE__ */ A({
       ])], 2)) : w("", !0)
     ], 2));
   }
-}), Zt = "_header_1ccx4_2", zt = "_headerLogos_1ccx4_12", Kt = "_headerPartnerLogo_1ccx4_18", Jt = "_headerOpendoorText_1ccx4_24", Xt = "_headerCloseButton_1ccx4_30", Qt = {
-  header: Zt,
-  headerLogos: zt,
+}), zt = "_header_uo1uz_2", Wt = "_headerLogos_uo1uz_12", Kt = "_headerPartnerLogo_uo1uz_18", Jt = "_headerOpendoorLogo_uo1uz_24", Xt = "_headerCloseButton_uo1uz_28", Qt = {
+  header: zt,
+  headerLogos: Wt,
   headerPartnerLogo: Kt,
-  headerOpendoorText: Jt,
+  headerOpendoorLogo: Jt,
   headerCloseButton: Xt
 }, Yt = {
   $style: Qt
-}, en = /* @__PURE__ */ D(Wt, [["__cssModules", Yt]]), tn = ["aria-label"], nn = ["aria-checked", "tabindex", "onClick", "onKeydown"], rn = /* @__PURE__ */ A({
+}, en = /* @__PURE__ */ D(Ut, [["__cssModules", Yt]]), tn = ["aria-label"], nn = ["aria-checked", "tabindex", "onClick", "onKeydown"], rn = /* @__PURE__ */ q({
   __name: "RadioCardInput",
   props: {
     question: {}
@@ -940,20 +952,20 @@ const Ut = /* @__PURE__ */ A({
   setup(e) {
     const t = F("dtc-onboarding");
     let s = null;
-    Z(() => {
+    z(() => {
       s && clearTimeout(s);
     });
     function o(n, i) {
       t.setAnswer(n.key, i), n.autoAdvance && (s && clearTimeout(s), s = setTimeout(() => t.goToNext(), 150));
     }
-    function a(n, i, c) {
+    function a(n, i, d) {
       var g, p;
-      const d = c.options;
-      if (!d) return;
+      const c = d.options;
+      if (!c) return;
       let v = null;
-      if (n.key === "ArrowDown" || n.key === "ArrowRight" ? (n.preventDefault(), v = (i + 1) % d.length) : (n.key === "ArrowUp" || n.key === "ArrowLeft") && (n.preventDefault(), v = (i - 1 + d.length) % d.length), v !== null) {
+      if (n.key === "ArrowDown" || n.key === "ArrowRight" ? (n.preventDefault(), v = (i + 1) % c.length) : (n.key === "ArrowUp" || n.key === "ArrowLeft") && (n.preventDefault(), v = (i - 1 + c.length) % c.length), v !== null) {
         const h = (g = n.currentTarget.closest('[role="radiogroup"]')) == null ? void 0 : g.querySelectorAll('[role="radio"]');
-        (p = h == null ? void 0 : h[v]) == null || p.focus(), o(c, d[v].value);
+        (p = h == null ? void 0 : h[v]) == null || p.focus(), o(d, c[v].value);
       }
     }
     return (n, i) => (u(), y("div", {
@@ -961,26 +973,26 @@ const Ut = /* @__PURE__ */ A({
       role: "radiogroup",
       "aria-label": e.question.label
     }, [
-      (u(!0), y(j, null, z(e.question.options, (c, d) => (u(), y("button", {
-        key: String(c.value),
+      (u(!0), y(G, null, W(e.question.options, (d, c) => (u(), y("button", {
+        key: String(d.value),
         type: "button",
         role: "radio",
-        "aria-checked": E(t).getAnswer(e.question.key) === c.value,
-        tabindex: E(t).getAnswer(e.question.key) === c.value || d === 0 && E(t).getAnswer(e.question.key) === void 0 ? 0 : -1,
+        "aria-checked": E(t).getAnswer(e.question.key) === d.value,
+        tabindex: E(t).getAnswer(e.question.key) === d.value || c === 0 && E(t).getAnswer(e.question.key) === void 0 ? 0 : -1,
         class: r([
           n.$style.radioCard,
-          E(t).getAnswer(e.question.key) === c.value ? n.$style.radioCardSelected : ""
+          E(t).getAnswer(e.question.key) === d.value ? n.$style.radioCardSelected : ""
         ]),
-        onClick: (v) => o(e.question, c.value),
-        onKeydown: (v) => a(v, d, e.question)
+        onClick: (v) => o(e.question, d.value),
+        onKeydown: (v) => a(v, c, e.question)
       }, [
         l("span", {
           class: r(n.$style.radioCardLabel)
-        }, m(c.label), 3),
-        c.description ? (u(), y("span", {
+        }, m(d.label), 3),
+        d.description ? (u(), y("span", {
           key: 0,
           class: r(n.$style.radioCardDescription)
-        }, m(c.description), 3)) : w("", !0)
+        }, m(d.description), 3)) : w("", !0)
       ], 42, nn))), 128)),
       E(t).validationErrors.value[e.question.key] ? (u(), y("p", {
         key: 0,
@@ -989,45 +1001,45 @@ const Ut = /* @__PURE__ */ A({
       }, m(E(t).validationErrors.value[e.question.key]), 3)) : w("", !0)
     ], 10, tn));
   }
-}), sn = "_radioCardGroup_11rwj_2", on = "_radioCard_11rwj_2", an = "_radioCardSelected_11rwj_34", ln = "_radioCardLabel_11rwj_39", un = "_radioCardDescription_11rwj_45", cn = "_fieldError_11rwj_50", dn = {
+}), sn = "_radioCardGroup_11rwj_2", on = "_radioCard_11rwj_2", an = "_radioCardSelected_11rwj_34", ln = "_radioCardLabel_11rwj_39", un = "_radioCardDescription_11rwj_45", dn = "_fieldError_11rwj_50", cn = {
   radioCardGroup: sn,
   radioCard: on,
   radioCardSelected: an,
   radioCardLabel: ln,
   radioCardDescription: un,
-  fieldError: cn
+  fieldError: dn
 }, vn = {
-  $style: dn
+  $style: cn
 }, pn = /* @__PURE__ */ D(rn, [["__cssModules", vn]]), yn = "https://images.opendoor.com/source/s3/imgdrop-production", gn = "service=reception-fe&dpr=2&fit=scale-down";
-function M(e, t = "3:2-sm") {
+function A(e, t = "3:2-sm") {
   return `${yn}/${e}?${gn}&preset=${t}`;
 }
 const fn = {
   // Kitchen
-  "kitchen-fixer_upper": M("2023-04-1681772974083-61414.png"),
-  "kitchen-dated": M("2023-04-1681772974089-39460.png"),
-  "kitchen-standard": M("2023-04-1681772974093-51260.png"),
-  "kitchen-high_end": M("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
-  "kitchen-luxury": M("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
+  "kitchen-fixer_upper": A("2023-04-1681772974083-61414.png"),
+  "kitchen-dated": A("2023-04-1681772974089-39460.png"),
+  "kitchen-standard": A("2023-04-1681772974093-51260.png"),
+  "kitchen-high_end": A("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
+  "kitchen-luxury": A("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
   // Bathroom
-  "bathroom-fixer_upper": M("2023-04-1682103091299-33543.jpeg"),
-  "bathroom-dated": M("2023-04-1681773104207-98555.png"),
-  "bathroom-standard": M("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
-  "bathroom-high_end": M("2023-04-1681773104214-77488.png"),
-  "bathroom-luxury": M("2023-04-1681773104217-27390.png"),
+  "bathroom-fixer_upper": A("2023-04-1682103091299-33543.jpeg"),
+  "bathroom-dated": A("2023-04-1681773104207-98555.png"),
+  "bathroom-standard": A("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
+  "bathroom-high_end": A("2023-04-1681773104214-77488.png"),
+  "bathroom-luxury": A("2023-04-1681773104217-27390.png"),
   // Living Room
-  "living-room-fixer_upper": M("2023-04-1681773170815-60328.png"),
-  "living-room-dated": M("2023-04-1681773170823-03451.png"),
-  "living-room-standard": M("2023-04-1681773170826-47471.png"),
-  "living-room-high_end": M("2023-04-1681773170828-76415.png"),
-  "living-room-luxury": M("2023-04-1681773170832-20699.png"),
+  "living-room-fixer_upper": A("2023-04-1681773170815-60328.png"),
+  "living-room-dated": A("2023-04-1681773170823-03451.png"),
+  "living-room-standard": A("2023-04-1681773170826-47471.png"),
+  "living-room-high_end": A("2023-04-1681773170828-76415.png"),
+  "living-room-luxury": A("2023-04-1681773170832-20699.png"),
   // Exterior
-  "exterior-fixer_upper": M("2023-04-1681773220493-46489.png"),
-  "exterior-dated": M("2023-04-1681773220495-22229.png"),
-  "exterior-standard": M("2023-04-1681773220498-64940.png"),
-  "exterior-high_end": M("2023-04-1682103085417-24272.jpeg", "3:2-md"),
-  "exterior-luxury": M("2023-04-1681773220487-59852.png")
-}, hn = ["aria-label"], bn = ["aria-checked", "onClick"], mn = ["src", "alt"], $n = /* @__PURE__ */ A({
+  "exterior-fixer_upper": A("2023-04-1681773220493-46489.png"),
+  "exterior-dated": A("2023-04-1681773220495-22229.png"),
+  "exterior-standard": A("2023-04-1681773220498-64940.png"),
+  "exterior-high_end": A("2023-04-1682103085417-24272.jpeg", "3:2-md"),
+  "exterior-luxury": A("2023-04-1681773220487-59852.png")
+}, hn = ["aria-label"], bn = ["aria-checked", "onClick"], mn = ["src", "alt"], $n = /* @__PURE__ */ q({
   __name: "ImageCardInput",
   props: {
     question: {}
@@ -1035,7 +1047,7 @@ const fn = {
   setup(e) {
     const t = F("dtc-onboarding");
     let s = null;
-    Z(() => {
+    z(() => {
       s && clearTimeout(s);
     });
     function o(n, i) {
@@ -1049,31 +1061,31 @@ const fn = {
       role: "radiogroup",
       "aria-label": e.question.label
     }, [
-      (u(!0), y(j, null, z(e.question.options, (c) => (u(), y("button", {
-        key: String(c.value),
+      (u(!0), y(G, null, W(e.question.options, (d) => (u(), y("button", {
+        key: String(d.value),
         type: "button",
         role: "radio",
-        "aria-checked": E(t).getAnswer(e.question.key) === c.value,
+        "aria-checked": E(t).getAnswer(e.question.key) === d.value,
         class: r([
           n.$style.imageCard,
-          E(t).getAnswer(e.question.key) === c.value ? n.$style.imageCardSelected : ""
+          E(t).getAnswer(e.question.key) === d.value ? n.$style.imageCardSelected : ""
         ]),
-        onClick: (d) => o(e.question, c.value)
+        onClick: (c) => o(e.question, d.value)
       }, [
-        a(c.imageId) ? (u(), y("img", {
+        a(d.imageId) ? (u(), y("img", {
           key: 0,
-          src: a(c.imageId),
-          alt: c.label,
+          src: a(d.imageId),
+          alt: d.label,
           class: r(n.$style.imageCardPhoto),
           loading: "lazy"
         }, null, 10, mn)) : w("", !0),
         l("span", {
           class: r(n.$style.imageCardLabel)
-        }, m(c.label), 3),
-        c.description ? (u(), y("span", {
+        }, m(d.label), 3),
+        d.description ? (u(), y("span", {
           key: 1,
           class: r(n.$style.imageCardDescription)
-        }, m(c.description), 3)) : w("", !0)
+        }, m(d.description), 3)) : w("", !0)
       ], 10, bn))), 128)),
       E(t).validationErrors.value[e.question.key] ? (u(), y("p", {
         key: 0,
@@ -1082,86 +1094,86 @@ const fn = {
       }, m(E(t).validationErrors.value[e.question.key]), 3)) : w("", !0)
     ], 10, hn));
   }
-}), kn = "_imageCardGroup_1vc6c_2", _n = "_imageCard_1vc6c_2", Cn = "_imageCardSelected_1vc6c_34", wn = "_imageCardPhoto_1vc6c_39", In = "_imageCardLabel_1vc6c_46", Ln = "_imageCardDescription_1vc6c_53", En = "_fieldError_1vc6c_60", qn = {
-  imageCardGroup: kn,
-  imageCard: _n,
-  imageCardSelected: Cn,
+}), Cn = "_imageCardGroup_1vc6c_2", kn = "_imageCard_1vc6c_2", _n = "_imageCardSelected_1vc6c_34", wn = "_imageCardPhoto_1vc6c_39", In = "_imageCardLabel_1vc6c_46", Ln = "_imageCardDescription_1vc6c_53", En = "_fieldError_1vc6c_60", Mn = {
+  imageCardGroup: Cn,
+  imageCard: kn,
+  imageCardSelected: _n,
   imageCardPhoto: wn,
   imageCardLabel: In,
   imageCardDescription: Ln,
   fieldError: En
-}, An = {
-  $style: qn
-}, Mn = /* @__PURE__ */ D($n, [["__cssModules", An]]), Sn = ["aria-label"], Dn = ["aria-checked", "onClick"], Tn = {
+}, qn = {
+  $style: Mn
+}, An = /* @__PURE__ */ D($n, [["__cssModules", qn]]), Sn = ["aria-label"], Dn = ["aria-checked", "onClick"], Tn = {
   key: 0,
   width: "12",
   height: "12",
   viewBox: "0 0 12 12",
   fill: "none"
-}, xn = /* @__PURE__ */ A({
+}, Bn = /* @__PURE__ */ q({
   __name: "CheckboxCardInput",
   props: {
     question: {}
   },
   setup(e) {
-    const t = e, s = F("dtc-onboarding"), o = k(
+    const t = e, s = F("dtc-onboarding"), o = C(
       () => s.getAnswer(t.question.key) ?? []
-    ), a = k(
+    ), a = C(
       () => s.validationErrors.value[t.question.key]
     );
     function n(i) {
       var v;
-      const c = (v = t.question.options) == null ? void 0 : v.find((g) => g.value === i);
-      if (c != null && c.exclusive) {
+      const d = (v = t.question.options) == null ? void 0 : v.find((g) => g.value === i);
+      if (d != null && d.exclusive) {
         s.setAnswer(t.question.key, [i]);
         return;
       }
-      const d = o.value.filter(
+      const c = o.value.filter(
         (g) => {
           var p, h;
           return !((h = (p = t.question.options) == null ? void 0 : p.find(($) => $.value === g)) != null && h.exclusive);
         }
       );
-      if (d.includes(i)) {
-        const g = d.filter((p) => p !== i);
+      if (c.includes(i)) {
+        const g = c.filter((p) => p !== i);
         s.setAnswer(t.question.key, g.length > 0 ? g : void 0);
       } else
-        s.setAnswer(t.question.key, [...d, i]);
+        s.setAnswer(t.question.key, [...c, i]);
     }
-    return (i, c) => (u(), y("div", {
+    return (i, d) => (u(), y("div", {
       class: r(i.$style.checkboxCardGroup),
       role: "group",
       "aria-label": e.question.label
     }, [
-      (u(!0), y(j, null, z(e.question.options, (d) => (u(), y("button", {
-        key: String(d.value),
+      (u(!0), y(G, null, W(e.question.options, (c) => (u(), y("button", {
+        key: String(c.value),
         type: "button",
         role: "checkbox",
-        "aria-checked": o.value.includes(String(d.value)),
+        "aria-checked": o.value.includes(String(c.value)),
         class: r([
           i.$style.checkboxCard,
-          o.value.includes(String(d.value)) ? i.$style.checkboxCardSelected : ""
+          o.value.includes(String(c.value)) ? i.$style.checkboxCardSelected : ""
         ]),
-        onClick: (v) => n(String(d.value))
+        onClick: (v) => n(String(c.value))
       }, [
         l("span", {
           class: r(i.$style.checkboxCardContent)
         }, [
           l("span", {
             class: r(i.$style.checkboxCardLabel)
-          }, m(d.label), 3),
-          d.helperText ? (u(), y("span", {
+          }, m(c.label), 3),
+          c.helperText ? (u(), y("span", {
             key: 0,
             class: r(i.$style.checkboxCardHelper)
-          }, m(d.helperText), 3)) : w("", !0)
+          }, m(c.helperText), 3)) : w("", !0)
         ], 2),
         l("span", {
           class: r([
             i.$style.checkboxIndicator,
-            o.value.includes(String(d.value)) ? i.$style.checkboxIndicatorChecked : ""
+            o.value.includes(String(c.value)) ? i.$style.checkboxIndicatorChecked : ""
           ])
         }, [
-          o.value.includes(String(d.value)) ? (u(), y("svg", Tn, [...c[0] || (c[0] = [
+          o.value.includes(String(c.value)) ? (u(), y("svg", Tn, [...d[0] || (d[0] = [
             l("path", {
               d: "M2 6l3 3 5-5",
               stroke: "currentColor",
@@ -1179,61 +1191,61 @@ const fn = {
       }, m(a.value), 3)) : w("", !0)
     ], 10, Sn));
   }
-}), Bn = "_checkboxCardGroup_uqwpe_2", Pn = "_checkboxCard_uqwpe_2", Fn = "_checkboxCardSelected_uqwpe_34", jn = "_checkboxCardContent_uqwpe_39", Gn = "_checkboxCardLabel_uqwpe_46", On = "_checkboxCardHelper_uqwpe_52", Rn = "_checkboxIndicator_uqwpe_57", Nn = "_checkboxIndicatorChecked_uqwpe_69", Vn = "_fieldError_uqwpe_75", Un = {
-  checkboxCardGroup: Bn,
+}), xn = "_checkboxCardGroup_uqwpe_2", Pn = "_checkboxCard_uqwpe_2", Fn = "_checkboxCardSelected_uqwpe_34", Gn = "_checkboxCardContent_uqwpe_39", On = "_checkboxCardLabel_uqwpe_46", jn = "_checkboxCardHelper_uqwpe_52", Vn = "_checkboxIndicator_uqwpe_57", Rn = "_checkboxIndicatorChecked_uqwpe_69", Nn = "_fieldError_uqwpe_75", Zn = {
+  checkboxCardGroup: xn,
   checkboxCard: Pn,
   checkboxCardSelected: Fn,
-  checkboxCardContent: jn,
-  checkboxCardLabel: Gn,
-  checkboxCardHelper: On,
-  checkboxIndicator: Rn,
-  checkboxIndicatorChecked: Nn,
-  fieldError: Vn
+  checkboxCardContent: Gn,
+  checkboxCardLabel: On,
+  checkboxCardHelper: jn,
+  checkboxIndicator: Vn,
+  checkboxIndicatorChecked: Rn,
+  fieldError: Nn
 }, Hn = {
-  $style: Un
-}, Wn = /* @__PURE__ */ D(xn, [["__cssModules", Hn]]), Zn = ["for"], zn = ["id", "value", "aria-invalid", "aria-describedby"], Kn = { value: "" }, Jn = ["value"], Xn = ["id"], Qn = /* @__PURE__ */ A({
+  $style: Zn
+}, Un = /* @__PURE__ */ D(Bn, [["__cssModules", Hn]]), zn = ["for"], Wn = ["id", "value", "aria-invalid", "aria-describedby"], Kn = { value: "" }, Jn = ["value"], Xn = ["id"], Qn = /* @__PURE__ */ q({
   __name: "DropdownInput",
   props: {
     question: {}
   },
   setup(e) {
     let t = 0;
-    const s = e, o = F("dtc-onboarding"), a = `dd-${++t}`, n = k(() => o.getAnswer(s.question.key)), i = k(
+    const s = e, o = F("dtc-onboarding"), a = `dd-${++t}`, n = C(() => o.getAnswer(s.question.key)), i = C(
       () => o.validationErrors.value[s.question.key]
     );
-    function c(d) {
-      const v = d.target.value;
+    function d(c) {
+      const v = c.target.value;
       s.question.type === "number" && v !== "" ? o.setAnswer(s.question.key, Number(v)) : o.setAnswer(s.question.key, v || void 0);
     }
-    return (d, v) => (u(), y("div", {
-      class: r(d.$style.fieldGroup)
+    return (c, v) => (u(), y("div", {
+      class: r(c.$style.fieldGroup)
     }, [
       l("label", {
-        class: r(d.$style.fieldLabel),
+        class: r(c.$style.fieldLabel),
         for: `${a}-${e.question.key}`
-      }, m(e.question.label), 11, Zn),
+      }, m(e.question.label), 11, zn),
       e.question.description ? (u(), y("p", {
         key: 0,
-        class: r(d.$style.fieldDescription)
+        class: r(c.$style.fieldDescription)
       }, m(e.question.description), 3)) : w("", !0),
       l("select", {
         id: `${a}-${e.question.key}`,
-        class: r([d.$style.fieldSelect, i.value ? d.$style.fieldSelectError : ""]),
+        class: r([c.$style.fieldSelect, i.value ? c.$style.fieldSelectError : ""]),
         value: n.value !== void 0 ? String(n.value) : "",
         "aria-invalid": i.value ? "true" : void 0,
         "aria-describedby": i.value ? `${a}-${e.question.key}-error` : void 0,
-        onChange: c
+        onChange: d
       }, [
         l("option", Kn, m(e.question.placeholder || "Select..."), 1),
-        (u(!0), y(j, null, z(e.question.options, (g) => (u(), y("option", {
+        (u(!0), y(G, null, W(e.question.options, (g) => (u(), y("option", {
           key: String(g.value),
           value: String(g.value)
         }, m(g.label), 9, Jn))), 128))
-      ], 42, zn),
+      ], 42, Wn),
       i.value ? (u(), y("p", {
         key: 1,
         id: `${a}-${e.question.key}-error`,
-        class: r(d.$style.fieldError),
+        class: r(c.$style.fieldError),
         role: "alert"
       }, m(i.value), 11, Xn)) : w("", !0)
     ], 2));
@@ -1247,25 +1259,25 @@ const fn = {
   fieldError: sr
 }, ar = {
   $style: or
-}, lr = /* @__PURE__ */ D(Qn, [["__cssModules", ar]]), ir = ["for"], ur = ["id", "type", "inputmode", "value", "placeholder", "aria-invalid", "aria-describedby"], cr = ["id"], dr = /* @__PURE__ */ A({
+}, lr = /* @__PURE__ */ D(Qn, [["__cssModules", ar]]), ir = ["for"], ur = ["id", "type", "inputmode", "value", "placeholder", "aria-invalid", "aria-describedby"], dr = ["id"], cr = /* @__PURE__ */ q({
   __name: "TextInput",
   props: {
     question: {}
   },
   setup(e) {
     let t = 0;
-    const s = e, o = F("dtc-onboarding"), a = `ti-${++t}`, n = k(() => o.getAnswer(s.question.key)), i = k(
+    const s = e, o = F("dtc-onboarding"), a = `ti-${++t}`, n = C(() => o.getAnswer(s.question.key)), i = C(
       () => o.validationErrors.value[s.question.key]
-    ), c = k(
+    ), d = C(
       () => n.value !== void 0 && n.value !== null ? String(n.value) : ""
-    ), d = k(() => s.question.type === "number" ? "text" : s.question.style === "email" ? "email" : "text"), v = k(
+    ), c = C(() => s.question.type === "number" ? "text" : s.question.style === "email" ? "email" : "text"), v = C(
       () => s.question.type === "number" ? "numeric" : void 0
     );
     function g(p) {
       const h = p.target.value;
       if (s.question.type === "number") {
-        const $ = h.replace(/[^0-9.]/g, ""), T = $ === "" ? void 0 : Number($), q = T !== void 0 && isNaN(T) ? void 0 : T;
-        o.setAnswer(s.question.key, q);
+        const $ = h.replace(/[^0-9.]/g, ""), T = $ === "" ? void 0 : Number($), M = T !== void 0 && isNaN(T) ? void 0 : T;
+        o.setAnswer(s.question.key, M);
       } else
         o.setAnswer(s.question.key, h || void 0);
     }
@@ -1285,10 +1297,10 @@ const fn = {
       }, [
         l("input", {
           id: `${a}-${e.question.key}`,
-          type: d.value,
+          type: c.value,
           inputmode: v.value,
           class: r([p.$style.fieldInput, i.value ? p.$style.fieldInputError : ""]),
-          value: c.value,
+          value: d.value,
           placeholder: e.question.placeholder,
           "aria-invalid": i.value ? "true" : void 0,
           "aria-describedby": i.value ? `${a}-${e.question.key}-error` : void 0,
@@ -1304,7 +1316,7 @@ const fn = {
         id: `${a}-${e.question.key}-error`,
         class: r(p.$style.fieldError),
         role: "alert"
-      }, m(i.value), 11, cr)) : w("", !0)
+      }, m(i.value), 11, dr)) : w("", !0)
     ], 2));
   }
 }), vr = "_fieldGroup_1jlim_2", pr = "_fieldLabel_1jlim_8", yr = "_fieldDescription_1jlim_15", gr = "_fieldInputWrapper_1jlim_22", fr = "_fieldInput_1jlim_22", hr = "_fieldInputError_1jlim_60", br = "_fieldSuffix_1jlim_64", mr = "_fieldError_1jlim_73", $r = {
@@ -1316,21 +1328,21 @@ const fn = {
   fieldInputError: hr,
   fieldSuffix: br,
   fieldError: mr
-}, kr = {
+}, Cr = {
   $style: $r
-}, _r = /* @__PURE__ */ D(dr, [["__cssModules", kr]]), Cr = ["for"], wr = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Ir = ["id"], Lr = /* @__PURE__ */ A({
+}, kr = /* @__PURE__ */ D(cr, [["__cssModules", Cr]]), _r = ["for"], wr = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Ir = ["id"], Lr = /* @__PURE__ */ q({
   __name: "CurrencyInput",
   props: {
     question: {}
   },
   setup(e) {
     let t = 0;
-    const s = e, o = F("dtc-onboarding"), a = `ci-${++t}`, n = k(() => o.getAnswer(s.question.key)), i = k(
+    const s = e, o = F("dtc-onboarding"), a = `ci-${++t}`, n = C(() => o.getAnswer(s.question.key)), i = C(
       () => o.validationErrors.value[s.question.key]
-    ), c = k(
+    ), d = C(
       () => n.value !== void 0 && n.value !== null ? String(n.value) : ""
     );
-    function d(v) {
+    function c(v) {
       const g = v.target.value.replace(/[^0-9]/g, ""), p = g === "" ? void 0 : Number(g);
       o.setAnswer(
         s.question.key,
@@ -1343,7 +1355,7 @@ const fn = {
       l("label", {
         class: r(v.$style.fieldLabel),
         for: `${a}-${e.question.key}`
-      }, m(e.question.label), 11, Cr),
+      }, m(e.question.label), 11, _r),
       l("div", {
         class: r(v.$style.currencyWrapper)
       }, [
@@ -1355,11 +1367,11 @@ const fn = {
           type: "text",
           inputmode: "numeric",
           class: r([v.$style.currencyInput, i.value ? v.$style.fieldInputError : ""]),
-          value: c.value,
+          value: d.value,
           placeholder: e.question.placeholder,
           "aria-invalid": i.value ? "true" : void 0,
           "aria-describedby": i.value ? `${a}-${e.question.key}-error` : void 0,
-          onInput: d
+          onInput: c
         }, null, 42, wr)
       ], 2),
       i.value ? (u(), y("p", {
@@ -1370,33 +1382,33 @@ const fn = {
       }, m(i.value), 11, Ir)) : w("", !0)
     ], 2));
   }
-}), Er = "_fieldGroup_10ms9_2", qr = "_fieldLabel_10ms9_8", Ar = "_currencyWrapper_10ms9_15", Mr = "_currencyPrefix_10ms9_21", Sr = "_currencyInput_10ms9_30", Dr = "_fieldInputError_10ms9_48", Tr = "_fieldError_10ms9_52", xr = {
+}), Er = "_fieldGroup_10ms9_2", Mr = "_fieldLabel_10ms9_8", qr = "_currencyWrapper_10ms9_15", Ar = "_currencyPrefix_10ms9_21", Sr = "_currencyInput_10ms9_30", Dr = "_fieldInputError_10ms9_48", Tr = "_fieldError_10ms9_52", Br = {
   fieldGroup: Er,
-  fieldLabel: qr,
-  currencyWrapper: Ar,
-  currencyPrefix: Mr,
+  fieldLabel: Mr,
+  currencyWrapper: qr,
+  currencyPrefix: Ar,
   currencyInput: Sr,
   fieldInputError: Dr,
   fieldError: Tr
-}, Br = {
-  $style: xr
-}, Pr = /* @__PURE__ */ D(Lr, [["__cssModules", Br]]), Fr = ["for"], jr = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Gr = ["id"], Or = /* @__PURE__ */ A({
+}, xr = {
+  $style: Br
+}, Pr = /* @__PURE__ */ D(Lr, [["__cssModules", xr]]), Fr = ["for"], Gr = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Or = ["id"], jr = /* @__PURE__ */ q({
   __name: "PhoneInput",
   props: {
     question: {}
   },
   setup(e) {
     let t = 0;
-    const s = e, o = F("dtc-onboarding"), a = `pi-${++t}`, n = k(
+    const s = e, o = F("dtc-onboarding"), a = `pi-${++t}`, n = C(
       () => o.getAnswer(s.question.key) ?? ""
-    ), i = k(
+    ), i = C(
       () => o.validationErrors.value[s.question.key]
     );
-    function c(v) {
+    function d(v) {
       const g = v.replace(/\D/g, "").slice(0, 10);
       return g.length <= 3 ? g : g.length <= 6 ? `(${g.slice(0, 3)}) ${g.slice(3)}` : `(${g.slice(0, 3)}) ${g.slice(3, 6)}-${g.slice(6)}`;
     }
-    function d(v) {
+    function c(v) {
       const p = v.target.value.replace(/\D/g, "").slice(0, 10);
       o.setAnswer(s.question.key, p || void 0);
     }
@@ -1411,35 +1423,35 @@ const fn = {
         id: `${a}-${e.question.key}`,
         type: "tel",
         class: r([v.$style.fieldInput, i.value ? v.$style.fieldInputError : ""]),
-        value: c(n.value),
+        value: d(n.value),
         placeholder: e.question.placeholder || "(555) 555-5555",
         "aria-invalid": i.value ? "true" : void 0,
         "aria-describedby": i.value ? `${a}-${e.question.key}-error` : void 0,
-        onInput: d
-      }, null, 42, jr),
+        onInput: c
+      }, null, 42, Gr),
       i.value ? (u(), y("p", {
         key: 0,
         id: `${a}-${e.question.key}-error`,
         class: r(v.$style.fieldError),
         role: "alert"
-      }, m(i.value), 11, Gr)) : w("", !0)
+      }, m(i.value), 11, Or)) : w("", !0)
     ], 2));
   }
-}), Rr = "_fieldGroup_p6z3v_2", Nr = "_fieldLabel_p6z3v_8", Vr = "_fieldInput_p6z3v_15", Ur = "_fieldInputError_p6z3v_37", Hr = "_fieldError_p6z3v_41", Wr = {
-  fieldGroup: Rr,
-  fieldLabel: Nr,
-  fieldInput: Vr,
-  fieldInputError: Ur,
+}), Vr = "_fieldGroup_p6z3v_2", Rr = "_fieldLabel_p6z3v_8", Nr = "_fieldInput_p6z3v_15", Zr = "_fieldInputError_p6z3v_37", Hr = "_fieldError_p6z3v_41", Ur = {
+  fieldGroup: Vr,
+  fieldLabel: Rr,
+  fieldInput: Nr,
+  fieldInputError: Zr,
   fieldError: Hr
-}, Zr = {
-  $style: Wr
-}, zr = /* @__PURE__ */ D(Or, [["__cssModules", Zr]]), Kr = ["checked"], Jr = /* @__PURE__ */ A({
+}, zr = {
+  $style: Ur
+}, Wr = /* @__PURE__ */ D(jr, [["__cssModules", zr]]), Kr = ["checked"], Jr = /* @__PURE__ */ q({
   __name: "ToggleInput",
   props: {
     question: {}
   },
   setup(e) {
-    const t = e, s = F("dtc-onboarding"), o = k(
+    const t = e, s = F("dtc-onboarding"), o = C(
       () => s.getAnswer(t.question.key)
     );
     function a(n) {
@@ -1473,7 +1485,7 @@ const fn = {
   toggleText: es
 }, ns = {
   $style: ts
-}, rs = /* @__PURE__ */ D(Jr, [["__cssModules", ns]]), ss = ["value", "placeholder", "aria-label", "aria-expanded", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], os = ["id", "aria-selected", "onClick"], as = ["id"], ls = /* @__PURE__ */ A({
+}, rs = /* @__PURE__ */ D(Jr, [["__cssModules", ns]]), ss = ["value", "placeholder", "aria-label", "aria-expanded", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], os = ["id", "aria-selected", "onClick"], as = ["id"], ls = /* @__PURE__ */ q({
   __name: "SearchableDropdownInput",
   props: {
     question: {}
@@ -1483,29 +1495,29 @@ const fn = {
     const s = e, o = F("dtc-onboarding"), a = F(
       "opendoor-client",
       void 0
-    ), n = `sd-${++t}`, i = `${n}-${s.question.key}-listbox`, c = k(
+    ), n = `sd-${++t}`, i = `${n}-${s.question.key}-listbox`, d = C(
       () => o.getAnswer(s.question.key)
-    ), d = k(
+    ), c = C(
       () => o.validationErrors.value[s.question.key]
     ), v = I(""), g = I(!1), p = I([]), h = I(!1), $ = I(-1), T = I(null);
     H(
       [() => s.question.dataSource, () => s.question.options, () => a == null ? void 0 : a.value],
-      (b, x, B) => {
-        let O = !1;
-        B(() => {
-          O = !0;
+      (b, B, x) => {
+        let j = !1;
+        x(() => {
+          j = !0;
         }), s.question.dataSource === "homebuilders" && (a != null && a.value) ? (h.value = !0, a.value.getHomebuilders().then((P) => {
-          O || (p.value = P.homebuilders.map((Y) => ({
+          j || (p.value = P.homebuilders.map((Y) => ({
             label: Y.displayName,
             value: Y.identifier
           })));
         }).catch(() => {
-          O || (s.question.options ? p.value = s.question.options.map((P) => ({
+          j || (s.question.options ? p.value = s.question.options.map((P) => ({
             label: P.label,
             value: String(P.value)
           })) : p.value = []);
         }).finally(() => {
-          O || (h.value = !1);
+          j || (h.value = !1);
         })) : s.question.options ? p.value = s.question.options.map((P) => ({
           label: P.label,
           value: String(P.value)
@@ -1513,36 +1525,36 @@ const fn = {
       },
       { immediate: !0 }
     );
-    const q = k(
+    const M = C(
       () => v.value ? p.value.filter(
         (b) => b.label.toLowerCase().includes(v.value.toLowerCase())
       ) : p.value
-    ), G = k(
+    ), O = C(
       () => {
         var b;
-        return (b = p.value.find((x) => x.value === c.value)) == null ? void 0 : b.label;
+        return (b = p.value.find((B) => B.value === d.value)) == null ? void 0 : b.label;
       }
     );
     function S(b) {
       o.setAnswer(s.question.key, b), g.value = !1, v.value = "", $.value = -1;
     }
-    function V(b) {
+    function N(b) {
       v.value = b.target.value, $.value = -1, g.value || (g.value = !0);
     }
-    function U(b) {
+    function Z(b) {
       if (!g.value) {
         (b.key === "ArrowDown" || b.key === "Enter") && (b.preventDefault(), g.value = !0);
         return;
       }
       switch (b.key) {
         case "ArrowDown":
-          b.preventDefault(), q.value.length > 0 && ($.value = $.value < q.value.length - 1 ? $.value + 1 : 0);
+          b.preventDefault(), M.value.length > 0 && ($.value = $.value < M.value.length - 1 ? $.value + 1 : 0);
           break;
         case "ArrowUp":
-          b.preventDefault(), q.value.length > 0 && ($.value = $.value > 0 ? $.value - 1 : q.value.length - 1);
+          b.preventDefault(), M.value.length > 0 && ($.value = $.value > 0 ? $.value - 1 : M.value.length - 1);
           break;
         case "Enter":
-          b.preventDefault(), $.value >= 0 && $.value < q.value.length && S(q.value[$.value].value);
+          b.preventDefault(), $.value >= 0 && $.value < M.value.length && S(M.value[$.value].value);
           break;
         case "Escape":
           b.preventDefault(), g.value = !1, $.value = -1;
@@ -1554,9 +1566,9 @@ const fn = {
     }
     return se(() => {
       document.addEventListener("mousedown", L);
-    }), Z(() => {
+    }), z(() => {
       document.removeEventListener("mousedown", L);
-    }), (b, x) => (u(), y("div", {
+    }), (b, B) => (u(), y("div", {
       ref_key: "containerRef",
       ref: T,
       class: r(b.$style.fieldGroup)
@@ -1567,27 +1579,27 @@ const fn = {
         l("input", {
           type: "text",
           class: r(b.$style.fieldInput),
-          value: g.value ? v.value : G.value ?? "",
+          value: g.value ? v.value : O.value ?? "",
           placeholder: e.question.placeholder || "Select or search...",
           "aria-label": e.question.label,
           "aria-expanded": g.value,
-          "aria-invalid": d.value ? "true" : void 0,
-          "aria-describedby": d.value ? `${n}-${e.question.key}-error` : void 0,
+          "aria-invalid": c.value ? "true" : void 0,
+          "aria-describedby": c.value ? `${n}-${e.question.key}-error` : void 0,
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-controls": g.value ? i : void 0,
           "aria-activedescendant": g.value && $.value >= 0 ? `${i}-option-${$.value}` : void 0,
-          onInput: V,
-          onFocus: x[0] || (x[0] = (B) => g.value = !0),
-          onKeydown: U
+          onInput: N,
+          onFocus: B[0] || (B[0] = (x) => g.value = !0),
+          onKeydown: Z
         }, null, 42, ss),
         l("button", {
           type: "button",
           class: r(b.$style.searchableDropdownToggle),
           "aria-label": "Toggle dropdown",
           tabindex: "-1",
-          onClick: x[1] || (x[1] = (B) => g.value = !g.value)
-        }, [...x[2] || (x[2] = [
+          onClick: B[1] || (B[1] = (x) => g.value = !g.value)
+        }, [...B[2] || (B[2] = [
           l("svg", {
             width: "12",
             height: "8",
@@ -1612,37 +1624,37 @@ const fn = {
           h.value ? (u(), y("div", {
             key: 0,
             class: r(b.$style.searchableDropdownEmpty)
-          }, " Loading... ", 2)) : q.value.length === 0 ? (u(), y("div", {
+          }, " Loading... ", 2)) : M.value.length === 0 ? (u(), y("div", {
             key: 1,
             class: r(b.$style.searchableDropdownEmpty)
-          }, " No results found ", 2)) : (u(!0), y(j, { key: 2 }, z(q.value, (B, O) => (u(), y("button", {
-            key: B.value,
-            id: `${i}-option-${O}`,
+          }, " No results found ", 2)) : (u(!0), y(G, { key: 2 }, W(M.value, (x, j) => (u(), y("button", {
+            key: x.value,
+            id: `${i}-option-${j}`,
             type: "button",
             role: "option",
-            "aria-selected": B.value === c.value,
+            "aria-selected": x.value === d.value,
             class: r([
               b.$style.searchableDropdownOption,
-              B.value === c.value ? b.$style.searchableDropdownOptionSelected : "",
-              O === $.value ? b.$style.searchableDropdownOptionHighlighted : ""
+              x.value === d.value ? b.$style.searchableDropdownOptionSelected : "",
+              j === $.value ? b.$style.searchableDropdownOptionHighlighted : ""
             ]),
-            onClick: (P) => S(B.value)
-          }, m(B.label), 11, os))), 128))
+            onClick: (P) => S(x.value)
+          }, m(x.label), 11, os))), 128))
         ], 2)) : w("", !0)
       ], 2),
-      d.value ? (u(), y("p", {
+      c.value ? (u(), y("p", {
         key: 0,
         id: `${n}-${e.question.key}-error`,
         class: r(b.$style.fieldError),
         role: "alert"
-      }, m(d.value), 11, as)) : w("", !0)
+      }, m(c.value), 11, as)) : w("", !0)
     ], 2));
   }
-}), is = "_fieldGroup_v7484_2", us = "_searchableDropdown_v7484_8", cs = "_fieldInput_v7484_14", ds = "_searchableDropdownToggle_v7484_40", vs = "_searchableDropdownList_v7484_53", ps = "_searchableDropdownOption_v7484_68", ys = "_searchableDropdownOptionSelected_v7484_86", gs = "_searchableDropdownOptionHighlighted_v7484_91", fs = "_searchableDropdownEmpty_v7484_95", hs = "_fieldError_v7484_101", bs = {
+}), is = "_fieldGroup_v7484_2", us = "_searchableDropdown_v7484_8", ds = "_fieldInput_v7484_14", cs = "_searchableDropdownToggle_v7484_40", vs = "_searchableDropdownList_v7484_53", ps = "_searchableDropdownOption_v7484_68", ys = "_searchableDropdownOptionSelected_v7484_86", gs = "_searchableDropdownOptionHighlighted_v7484_91", fs = "_searchableDropdownEmpty_v7484_95", hs = "_fieldError_v7484_101", bs = {
   fieldGroup: is,
   searchableDropdown: us,
-  fieldInput: cs,
-  searchableDropdownToggle: ds,
+  fieldInput: ds,
+  searchableDropdownToggle: cs,
   searchableDropdownList: vs,
   searchableDropdownOption: ps,
   searchableDropdownOptionSelected: ys,
@@ -1651,7 +1663,7 @@ const fn = {
   fieldError: hs
 }, ms = {
   $style: bs
-}, $s = /* @__PURE__ */ D(ls, [["__cssModules", ms]]), ks = ["aria-label"], _s = /* @__PURE__ */ A({
+}, $s = /* @__PURE__ */ D(ls, [["__cssModules", ms]]), Cs = ["aria-label"], ks = /* @__PURE__ */ q({
   __name: "DtcPage",
   setup(e) {
     const t = F("dtc-onboarding"), s = I(null);
@@ -1673,51 +1685,51 @@ const fn = {
       role: "region",
       "aria-label": E(t).currentPage.value.title
     }, [
-      (u(!0), y(j, null, z(E(t).visibleQuestions.value, (n) => (u(), y(j, {
+      (u(!0), y(G, null, W(E(t).visibleQuestions.value, (n) => (u(), y(G, {
         key: n.key
       }, [
-        n.style === "radio-card" ? (u(), N(pn, {
+        n.style === "radio-card" ? (u(), R(pn, {
           key: 0,
           question: n
-        }, null, 8, ["question"])) : n.style === "image-card" ? (u(), N(Mn, {
+        }, null, 8, ["question"])) : n.style === "image-card" ? (u(), R(An, {
           key: 1,
           question: n
-        }, null, 8, ["question"])) : n.style === "checkbox-card" ? (u(), N(Wn, {
+        }, null, 8, ["question"])) : n.style === "checkbox-card" ? (u(), R(Un, {
           key: 2,
           question: n
-        }, null, 8, ["question"])) : n.style === "dropdown" ? (u(), N(lr, {
+        }, null, 8, ["question"])) : n.style === "dropdown" ? (u(), R(lr, {
           key: 3,
           question: n
-        }, null, 8, ["question"])) : n.style === "input" || n.style === "email" ? (u(), N(_r, {
+        }, null, 8, ["question"])) : n.style === "input" || n.style === "email" ? (u(), R(kr, {
           key: 4,
           question: n
-        }, null, 8, ["question"])) : n.style === "currency" ? (u(), N(Pr, {
+        }, null, 8, ["question"])) : n.style === "currency" ? (u(), R(Pr, {
           key: 5,
           question: n
-        }, null, 8, ["question"])) : n.style === "phone" ? (u(), N(zr, {
+        }, null, 8, ["question"])) : n.style === "phone" ? (u(), R(Wr, {
           key: 6,
           question: n
-        }, null, 8, ["question"])) : n.style === "toggle" ? (u(), N(rs, {
+        }, null, 8, ["question"])) : n.style === "toggle" ? (u(), R(rs, {
           key: 7,
           question: n
-        }, null, 8, ["question"])) : n.style === "searchable-dropdown" ? (u(), N($s, {
+        }, null, 8, ["question"])) : n.style === "searchable-dropdown" ? (u(), R($s, {
           key: 8,
           question: n
         }, null, 8, ["question"])) : w("", !0)
       ], 64))), 128))
-    ], 10, ks)) : w("", !0);
+    ], 10, Cs)) : w("", !0);
   }
-}), Cs = "_pageContent_1198c_2", ws = {
-  pageContent: Cs
+}), _s = "_pageContent_1198c_2", ws = {
+  pageContent: _s
 }, Is = {
   $style: ws
-}, Ls = /* @__PURE__ */ D(_s, [["__cssModules", Is]]), Es = ["aria-valuenow"], qs = /* @__PURE__ */ A({
+}, Ls = /* @__PURE__ */ D(ks, [["__cssModules", Is]]), Es = ["aria-valuenow"], Ms = /* @__PURE__ */ q({
   __name: "DtcProgressBar",
   props: {
     progress: {}
   },
   setup(e) {
-    const t = e, s = k(
+    const t = e, s = C(
       () => Math.min(100, Math.max(0, t.progress * 100))
     );
     return (o, a) => (u(), y("div", {
@@ -1733,15 +1745,15 @@ const fn = {
       }, null, 6)
     ], 10, Es));
   }
-}), As = "_progressBar_y1k9k_2", Ms = "_progressBarFill_y1k9k_9", Ss = {
-  progressBar: As,
-  progressBarFill: Ms
+}), qs = "_progressBar_y1k9k_2", As = "_progressBarFill_y1k9k_9", Ss = {
+  progressBar: qs,
+  progressBarFill: As
 }, Ds = {
   $style: Ss
-}, Ts = /* @__PURE__ */ D(qs, [["__cssModules", Ds]]), xs = { key: 1 }, Bs = /* @__PURE__ */ A({
+}, Ts = /* @__PURE__ */ D(Ms, [["__cssModules", Ds]]), Bs = { key: 1 }, xs = /* @__PURE__ */ q({
   __name: "DtcNavigation",
   setup(e) {
-    const t = F("dtc-onboarding"), s = k(
+    const t = F("dtc-onboarding"), s = C(
       () => {
         var o;
         return ((o = t.currentPage.value) == null ? void 0 : o.submitLabel) ?? "Next";
@@ -1757,7 +1769,7 @@ const fn = {
       l("div", {
         class: r(o.$style.navigationButtons)
       }, [
-        E(t).isFirstPage.value ? (u(), y("div", xs)) : (u(), y("button", {
+        E(t).isFirstPage.value ? (u(), y("div", Bs)) : (u(), y("button", {
           key: 0,
           type: "button",
           class: r(o.$style.backButton),
@@ -1785,20 +1797,20 @@ const fn = {
       ], 2)
     ], 2));
   }
-}), Ps = "_navigation_1joq3_2", Fs = "_navigationButtons_1joq3_10", js = "_backButton_1joq3_16", Gs = "_nextButton_1joq3_39", Os = {
+}), Ps = "_navigation_1o04j_2", Fs = "_navigationButtons_1o04j_10", Gs = "_backButton_1o04j_16", Os = "_nextButton_1o04j_39", js = {
   navigation: Ps,
   navigationButtons: Fs,
-  backButton: js,
-  nextButton: Gs
-}, Rs = {
-  $style: Os
-}, Ns = /* @__PURE__ */ D(Bs, [["__cssModules", Rs]]), Vs = /* @__PURE__ */ A({
+  backButton: Gs,
+  nextButton: Os
+}, Vs = {
+  $style: js
+}, Rs = /* @__PURE__ */ D(xs, [["__cssModules", Vs]]), Ns = /* @__PURE__ */ q({
   __name: "DtcLayout",
   props: {
     address: {}
   },
   setup(e) {
-    const t = e, s = F("dtc-onboarding"), o = k(
+    const t = e, s = F("dtc-onboarding"), o = C(
       () => [
         t.address.street1,
         t.address.street2,
@@ -1812,64 +1824,69 @@ const fn = {
       class: r(a.$style.layout)
     }, [
       l("div", {
-        class: r(a.$style.addressBar)
-      }, [
-        (u(), y("svg", {
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-width": "2",
-          class: r(a.$style.addressIcon)
-        }, [...n[0] || (n[0] = [
-          l("circle", {
-            cx: "12",
-            cy: "10",
-            r: "3"
-          }, null, -1),
-          l("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" }, null, -1)
-        ])], 2)),
-        l("span", {
-          class: r(a.$style.addressText)
-        }, m(o.value), 3)
-      ], 2),
-      l("div", {
-        class: r(a.$style.contentSplit)
+        class: r(a.$style.layoutScrollable)
       }, [
         l("div", {
-          class: r(a.$style.contentLeft)
+          class: r(a.$style.addressBar)
         }, [
-          l("h1", {
-            class: r(a.$style.pageTitle)
-          }, m(E(s).currentPage.value.title), 3),
-          E(s).currentPage.value.subtitle ? (u(), y("p", {
-            key: 0,
-            class: r(a.$style.pageSubtitle)
-          }, m(E(s).currentPage.value.subtitle), 3)) : w("", !0)
+          (u(), y("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            class: r(a.$style.addressIcon)
+          }, [...n[0] || (n[0] = [
+            l("circle", {
+              cx: "12",
+              cy: "10",
+              r: "3"
+            }, null, -1),
+            l("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" }, null, -1)
+          ])], 2)),
+          l("span", {
+            class: r(a.$style.addressText)
+          }, m(o.value), 3)
         ], 2),
         l("div", {
-          class: r(a.$style.contentRight)
+          class: r(a.$style.contentSplit)
         }, [
-          J(Ls)
+          l("div", {
+            class: r(a.$style.contentLeft)
+          }, [
+            l("h1", {
+              class: r(a.$style.pageTitle)
+            }, m(E(s).currentPage.value.title), 3),
+            E(s).currentPage.value.subtitle ? (u(), y("p", {
+              key: 0,
+              class: r(a.$style.pageSubtitle)
+            }, m(E(s).currentPage.value.subtitle), 3)) : w("", !0)
+          ], 2),
+          l("div", {
+            class: r(a.$style.contentRight)
+          }, [
+            J(Ls)
+          ], 2)
         ], 2)
       ], 2),
-      J(Ns)
+      J(Rs)
     ], 2)) : w("", !0);
   }
-}), Us = "_layout_12o3j_2", Hs = "_addressBar_12o3j_10", Ws = "_addressIcon_12o3j_18", Zs = "_addressText_12o3j_22", zs = "_contentSplit_12o3j_28", Ks = "_contentLeft_12o3j_42", Js = "_contentRight_12o3j_48", Xs = "_pageTitle_12o3j_64", Qs = "_pageSubtitle_12o3j_72", Ys = {
-  layout: Us,
-  addressBar: Hs,
-  addressIcon: Ws,
-  addressText: Zs,
-  contentSplit: zs,
-  contentLeft: Ks,
-  contentRight: Js,
-  pageTitle: Xs,
-  pageSubtitle: Qs
-}, eo = {
-  $style: Ys
-}, to = /* @__PURE__ */ D(Vs, [["__cssModules", eo]]), no = /* @__PURE__ */ A({
+}), Zs = "_layout_1yurv_2", Hs = "_layoutScrollable_1yurv_9", Us = "_addressBar_1yurv_18", zs = "_addressIcon_1yurv_26", Ws = "_addressText_1yurv_30", Ks = "_contentSplit_1yurv_36", Js = "_contentLeft_1yurv_50", Xs = "_contentRight_1yurv_56", Qs = "_pageTitle_1yurv_72", Ys = "_pageSubtitle_1yurv_80", eo = {
+  layout: Zs,
+  layoutScrollable: Hs,
+  addressBar: Us,
+  addressIcon: zs,
+  addressText: Ws,
+  contentSplit: Ks,
+  contentLeft: Js,
+  contentRight: Xs,
+  pageTitle: Qs,
+  pageSubtitle: Ys
+}, to = {
+  $style: eo
+}, no = /* @__PURE__ */ D(Ns, [["__cssModules", to]]), ro = /* @__PURE__ */ q({
   __name: "DtcOnboardingFlow",
   props: {
     address: {},
@@ -1881,17 +1898,17 @@ const fn = {
   },
   emits: ["submit", "page-change", "answer-change", "ready", "error"],
   setup(e, { emit: t }) {
-    const s = e, o = t, a = k(() => ee(s.appearance));
+    const s = e, o = t, a = C(() => ee(s.appearance));
     function n(p) {
       o("submit", p);
     }
     function i(p, h) {
       o("page-change", p, h);
     }
-    function c(p, h) {
+    function d(p, h) {
       o("answer-change", p, h);
     }
-    function d() {
+    function c() {
       o("ready");
     }
     function v(p) {
@@ -1905,13 +1922,13 @@ const fn = {
       class: r(p.$style.container),
       style: Q(a.value)
     }, [
-      J(Ut, {
+      J(Zt, {
         market: e.market,
         "initial-answers": e.initialAnswers,
         "on-submit": n,
         "on-page-change": i,
-        "on-answer-change": c,
-        "on-ready": d,
+        "on-answer-change": d,
+        "on-ready": c,
         "on-error": v
       }, {
         default: ge(() => [
@@ -1920,25 +1937,25 @@ const fn = {
             "show-close-button": !!e.onClose,
             onClose: g
           }, null, 8, ["partner-logo-url", "show-close-button"]),
-          J(to, { address: e.address }, null, 8, ["address"])
+          J(no, { address: e.address }, null, 8, ["address"])
         ]),
         _: 1
       }, 8, ["market", "initial-answers"])
     ], 6));
   }
-}), ro = "_container_gvkeo_2", so = {
-  container: ro
-}, oo = {
-  $style: so
-}, go = /* @__PURE__ */ D(no, [["__cssModules", oo]]);
+}), so = "_container_kjhh7_2", oo = {
+  container: so
+}, ao = {
+  $style: oo
+}, fo = /* @__PURE__ */ D(ro, [["__cssModules", ao]]);
 export {
-  vo as AddressEntry,
-  po as AddressMap,
-  yo as AddressUnitConfirmation,
-  go as DtcOnboardingFlow,
-  bo as OpendoorClient,
-  co as OpendoorProvider,
-  mo as THEMES,
-  $o as resolveAppearance,
+  po as AddressEntry,
+  yo as AddressMap,
+  go as AddressUnitConfirmation,
+  fo as DtcOnboardingFlow,
+  mo as OpendoorClient,
+  vo as OpendoorProvider,
+  $o as THEMES,
+  Co as resolveAppearance,
   be as useOpendoorClient
 };