@opendoor/partner-sdk-client-vue 1.0.0

package/dist/index.js

@@ -0,0 +1,1944 @@
+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 { 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 { createDtcOnboardingFlow as ie } from "@opendoor/partner-sdk-client-js-core/internal/questionnaire";
+const co = /* @__PURE__ */ A({
+  __name: "OpendoorProvider",
+  props: {
+    client: {}
+  },
+  setup(e) {
+    const t = e, s = k(() => t.client);
+    ne("opendoor-client", s);
+    const o = I(te);
+    return ne("opendoor-tracking", o), H(
+      () => t.client,
+      () => {
+        o.value !== te && o.value.destroy();
+        const a = new fe(t.client.environment);
+        o.value = a;
+      },
+      { immediate: !0 }
+    ), Z(() => {
+      o.value !== te && o.value.destroy();
+    }), (a, n) => X(a.$slots, "default");
+  }
+});
+function be() {
+  const e = F("opendoor-client");
+  if (!e)
+    throw new Error(
+      "useOpendoorClient must be used within an <OpendoorProvider>"
+    );
+  return e;
+}
+function ee(e) {
+  const t = he(e), s = {};
+  for (const [o, a] of Object.entries(t)) {
+    const n = o.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s[`--od-${n}`] = a;
+  }
+  return s;
+}
+const me = /* @__PURE__ */ A({
+  __name: "PoweredByOpendoor",
+  setup(e) {
+    return (t, s) => (u(), y("div", {
+      class: r(t.$style.attribution),
+      "data-testid": "od-attribution"
+    }, [
+      l("span", {
+        class: r(t.$style.text)
+      }, "Powered by", 2),
+      s[0] || (s[0] = l("svg", {
+        width: "75",
+        height: "16",
+        viewBox: "0 0 112.574 24.0002",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-label": "Opendoor",
+        role: "img"
+      }, [
+        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: "currentColor"
+        })
+      ], -1))
+    ], 2));
+  }
+}), $e = "_attribution_18rgp_8", ke = "_text_18rgp_17", _e = {
+  attribution: $e,
+  text: ke
+}, 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({
+  __name: "AddressEntry",
+  props: {
+    enableAddressSuggestions: { type: Boolean, default: !0 },
+    debounceMs: { default: 300 },
+    showAttribution: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    placeholderText: { default: "Enter your home address" },
+    buttonText: { default: "Get cash offer" },
+    showButton: { type: Boolean, default: !0 },
+    manualEntryText: { default: "Enter address manually instead" },
+    appearance: {}
+  },
+  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({
+      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
+    );
+    let L = null, b = 0;
+    H(c, (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;
+        return;
+      }
+      g.value = !0, p.value = null;
+      const _ = f.trim(), C = ++b;
+      L = setTimeout(async () => {
+        a("address-suggestions-start", _);
+        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);
+        } finally {
+          C === 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(", ");
+    }
+    async function B(f) {
+      $.value = !0, c.value = x(f), d.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;
+      }
+    }
+    function O() {
+      h.value = !0, v.value = !1;
+    }
+    function P(f, _) {
+      S.value[f] = _;
+      const C = S.value;
+      a("change", {
+        street1: C.street1,
+        ...C.street2 ? { street2: C.street2 } : {},
+        city: C.city,
+        state: C.state,
+        postalCode: C.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 K = "Please fill in all required fields";
+        p.value = K, a("validation-error", K);
+        return;
+      }
+      g.value = !0, p.value = null;
+      try {
+        a("address-select", {
+          street1: f,
+          street2: W || void 0,
+          city: _,
+          state: C,
+          postalCode: R
+        });
+      } catch (K) {
+        const ae = K instanceof Error ? K : new Error("Failed to submit address");
+        p.value = ae.message, a("error", ae);
+      } finally {
+        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);
+    }
+    function ve(f) {
+      const _ = f.target.value;
+      c.value = _, $.value = !1;
+    }
+    function oe(f) {
+      q.value && !q.value.contains(f.target) && G.value && !G.value.contains(f.target) && (v.value = !1);
+    }
+    return se(() => {
+      document.addEventListener("mousedown", oe), a("ready");
+    }), Z(() => {
+      document.removeEventListener("mousedown", oe), L && clearTimeout(L), b += 1;
+    }), (f, _) => (u(), y("div", {
+      ref_key: "containerRef",
+      ref: T,
+      class: r(f.$style.container),
+      style: Q(V.value)
+    }, [
+      h.value ? (u(), y("div", {
+        key: 1,
+        class: r(f.$style.manualForm)
+      }, [
+        l("div", {
+          class: r(f.$style.manualFormField)
+        }, [
+          l("label", {
+            class: r(f.$style.manualFormLabel),
+            for: `${i}-street1`
+          }, "Street Address *", 10, Ae),
+          l("input", {
+            id: `${i}-street1`,
+            class: r(f.$style.manualFormInput),
+            type: "text",
+            value: S.value.street1,
+            disabled: e.disabled,
+            placeholder: "123 Main St",
+            onInput: _[0] || (_[0] = (C) => P("street1", C.target.value))
+          }, null, 42, Me)
+        ], 2),
+        l("div", {
+          class: r(f.$style.manualFormField)
+        }, [
+          l("label", {
+            class: r(f.$style.manualFormLabel),
+            for: `${i}-street2`
+          }, "Unit / Apt (optional)", 10, Se),
+          l("input", {
+            id: `${i}-street2`,
+            class: r(f.$style.manualFormInput),
+            type: "text",
+            value: S.value.street2,
+            disabled: e.disabled,
+            placeholder: "Apt 4B",
+            onInput: _[1] || (_[1] = (C) => P("street2", C.target.value))
+          }, null, 42, De)
+        ], 2),
+        l("div", {
+          class: r(f.$style.manualFormField)
+        }, [
+          l("label", {
+            class: r(f.$style.manualFormLabel),
+            for: `${i}-city`
+          }, "City *", 10, Te),
+          l("input", {
+            id: `${i}-city`,
+            class: r(f.$style.manualFormInput),
+            type: "text",
+            value: S.value.city,
+            disabled: e.disabled,
+            placeholder: "Austin",
+            onInput: _[2] || (_[2] = (C) => P("city", C.target.value))
+          }, null, 42, xe)
+        ], 2),
+        l("div", {
+          class: r(f.$style.formRow)
+        }, [
+          l("div", {
+            class: r(f.$style.manualFormField)
+          }, [
+            l("label", {
+              class: r(f.$style.manualFormLabel),
+              for: `${i}-state`
+            }, "State *", 10, Be),
+            l("input", {
+              id: `${i}-state`,
+              class: r(f.$style.manualFormInput),
+              type: "text",
+              value: S.value.state,
+              disabled: e.disabled,
+              placeholder: "TX",
+              maxlength: "2",
+              onInput: _[3] || (_[3] = (C) => P("state", C.target.value))
+            }, null, 42, Pe)
+          ], 2),
+          l("div", {
+            class: r(f.$style.manualFormField)
+          }, [
+            l("label", {
+              class: r(f.$style.manualFormLabel),
+              for: `${i}-postalCode`
+            }, "ZIP Code *", 10, Fe),
+            l("input", {
+              id: `${i}-postalCode`,
+              class: r(f.$style.manualFormInput),
+              type: "text",
+              value: S.value.postalCode,
+              disabled: e.disabled,
+              placeholder: "78701",
+              maxlength: "5",
+              onInput: _[4] || (_[4] = (C) => P("postalCode", C.target.value))
+            }, null, 42, je)
+          ], 2)
+        ], 2),
+        p.value ? (u(), y("div", {
+          key: 0,
+          class: r(f.$style.error),
+          role: "alert"
+        }, m(p.value), 3)) : w("", !0),
+        l("button", {
+          class: r(f.$style.submitButton),
+          type: "button",
+          disabled: e.disabled,
+          onClick: Y
+        }, [
+          l("span", null, m(e.buttonText), 1),
+          X(f.$slots, "button-icon", {}, () => [
+            _[8] || (_[8] = l("svg", {
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              l("path", {
+                d: "M5 12h14m-7-7l7 7-7 7",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ], -1))
+          ])
+        ], 10, Ge)
+      ], 2)) : (u(), y("div", {
+        key: 0,
+        class: r(f.$style.inputSection)
+      }, [
+        l("div", {
+          class: r([f.$style.inputWrapper, p.value ? f.$style.errorBorder : ""])
+        }, [
+          l("input", {
+            ref_key: "inputRef",
+            ref: G,
+            value: c.value,
+            class: r(f.$style.input),
+            placeholder: e.placeholderText,
+            disabled: e.disabled,
+            type: "text",
+            autocomplete: "off",
+            "aria-label": "Address input",
+            "aria-autocomplete": "list",
+            "aria-controls": `${i}-suggestions`,
+            "aria-expanded": v.value,
+            onInput: ve,
+            onFocus: de
+          }, null, 42, Ie),
+          f.$slots["input-icon"] ? (u(), y("div", {
+            key: 0,
+            class: r(f.$style.inputIcon)
+          }, [
+            X(f.$slots, "input-icon")
+          ], 2)) : w("", !0),
+          e.showButton ? (u(), y("button", {
+            key: 1,
+            class: r(f.$style.button),
+            disabled: e.disabled,
+            "aria-label": e.buttonText,
+            type: "button",
+            onClick: ce
+          }, [
+            g.value ? (u(), y(j, { key: 0 }, [
+              l("span", null, m(e.buttonText), 1),
+              (u(), y("svg", {
+                class: r(f.$style.spinner),
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [..._[5] || (_[5] = [
+                l("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "4",
+                  "stroke-opacity": "0.25"
+                }, null, -1),
+                l("path", {
+                  d: "M12 2a10 10 0 0 1 10 10",
+                  stroke: "currentColor",
+                  "stroke-width": "4",
+                  "stroke-linecap": "round"
+                }, null, -1)
+              ])], 2))
+            ], 64)) : (u(), y(j, { key: 1 }, [
+              l("span", null, m(e.buttonText), 1),
+              X(f.$slots, "button-icon", {}, () => [
+                _[6] || (_[6] = l("svg", {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  l("path", {
+                    d: "M5 12h14m-7-7l7 7-7 7",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1))
+              ])
+            ], 64))
+          ], 10, Le)) : w("", !0)
+        ], 2),
+        v.value || p.value ? (u(), y("div", {
+          key: 0,
+          ref_key: "suggestionsRef",
+          ref: q,
+          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 }, [
+            l("div", {
+              class: r(f.$style.error)
+            }, [
+              l("div", {
+                class: r(f.$style.errorIcon)
+              }, [..._[7] || (_[7] = [
+                l("svg", {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none"
+                }, [
+                  l("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }),
+                  l("path", {
+                    d: "M12 8v4M12 16h.01",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round"
+                  })
+                ], -1)
+              ])], 2),
+              l("div", null, m(p.value), 1)
+            ], 2),
+            h.value ? w("", !0) : (u(), y("button", {
+              key: 0,
+              type: "button",
+              class: r(f.$style.manualLink),
+              onClick: O
+            }, 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}`,
+            class: r(f.$style.suggestion),
+            role: "option",
+            "aria-selected": !1,
+            tabindex: "0",
+            onClick: (W) => B(C),
+            onKeydown: [
+              re(le((W) => B(C), ["prevent"]), ["enter"]),
+              re(le((W) => B(C), ["prevent"]), ["space"])
+            ]
+          }, m(x(C)), 43, qe))), 128)) : U.value ? (u(), y("button", {
+            key: 2,
+            type: "button",
+            class: r(f.$style.manualLink),
+            onClick: O
+          }, m(e.manualEntryText), 3)) : w("", !0)
+        ], 10, Ee)) : w("", !0)
+      ], 2)),
+      e.showAttribution ? (u(), N(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,
+  inputIcon: He,
+  button: We,
+  spinner: Ze,
+  spin: ze,
+  suggestions: Ke,
+  errorState: Je,
+  suggestion: Xe,
+  error: Qe,
+  errorIcon: Ye,
+  errorBorder: et,
+  manualLink: tt,
+  manualForm: nt,
+  slideIn: rt,
+  manualFormField: st,
+  manualFormLabel: ot,
+  manualFormInput: at,
+  formRow: lt,
+  submitButton: it
+}, ct = {
+  $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://imgdrop.imgix.net/2026-02-1771546296495-06570.png?w=300";
+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");
+  let v = null;
+  return H(
+    () => [
+      e.value.street1,
+      e.value.city,
+      e.value.state,
+      e.value.postalCode
+    ],
+    async () => {
+      var $, T;
+      v && v.abort();
+      const g = new AbortController();
+      v = g, d.value = "loading";
+      const p = e.value, h = [
+        p.street1,
+        p.city,
+        p.state,
+        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");
+          return;
+        }
+        const S = await G.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";
+          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");
+      }
+    },
+    { immediate: !0 }
+  ), Z(() => {
+    v && v.abort();
+  }), { url: c, status: d };
+}
+const ht = ["src"], bt = /* @__PURE__ */ A({
+  __name: "AddressMap",
+  props: {
+    address: {},
+    appearance: {},
+    mapboxAccessToken: {},
+    mapPinMarker: {},
+    width: { default: 640 },
+    height: { default: 320 },
+    zoom: { default: 14 },
+    borderRadius: {}
+  },
+  emits: ["load", "error"],
+  setup(e, { emit: t }) {
+    const s = e, o = t, a = k(() => {
+      const v = ee(s.appearance);
+      return s.borderRadius && (v["border-radius"] = s.borderRadius), v;
+    }), { url: n, status: i } = ft(
+      k(() => s.address),
+      {
+        mapboxAccessToken: s.mapboxAccessToken,
+        mapPinMarker: s.mapPinMarker,
+        width: s.width,
+        height: s.height,
+        zoom: s.zoom
+      }
+    ), c = I(!1);
+    H(i, (v) => {
+      v === "loading" && (c.value = !1), v === "error" && o("error", new Error("Failed to load map for address"));
+    });
+    function d() {
+      c.value = !0, o("load");
+    }
+    return (v, g) => (u(), y("div", {
+      class: r(v.$style.container),
+      style: Q(a.value)
+    }, [
+      E(n) ? (u(), y("img", {
+        key: 0,
+        src: E(n),
+        alt: "Map",
+        class: r([v.$style.mapImage, c.value ? v.$style.mapImageLoaded : ""]),
+        onLoad: d
+      }, null, 42, ht)) : w("", !0)
+    ], 6));
+  }
+}), mt = "_container_iumdj_4", $t = "_mapImage_iumdj_14", kt = "_mapImageLoaded_iumdj_23", _t = {
+  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({
+  __name: "AddressUnitConfirmation",
+  props: {
+    address: {},
+    appearance: {}
+  },
+  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 h = s.address;
+      return `${h.street1 + (h.street2 ? ` ${h.street2}` : "")}, ${h.city}, ${h.state} ${h.postalCode}`;
+    });
+    function v() {
+      if (!n.value && !a.value.trim()) {
+        const h = "Please enter a unit number or select 'No unit number'";
+        i.value = h, o("error", new Error(h));
+        return;
+      }
+      if (i.value = null, n.value) {
+        const { street2: h, ...$ } = s.address;
+        o("confirm", $);
+      } else
+        o("confirm", { ...s.address, street2: a.value.trim() });
+    }
+    function g() {
+      n.value = !n.value, n.value && (a.value = "", i.value = null);
+    }
+    function p() {
+      i.value && (i.value = null);
+    }
+    return se(() => {
+      o("ready");
+    }), (h, $) => (u(), y("div", {
+      class: r(h.$style.container),
+      style: Q(c.value)
+    }, [
+      l("h2", {
+        class: r(h.$style.title)
+      }, "Confirm your home address", 2),
+      l("div", {
+        class: r(h.$style.addressCard)
+      }, [
+        l("span", {
+          class: r(h.$style.addressText)
+        }, m(d.value), 3),
+        l("button", {
+          class: r(h.$style.editLink),
+          type: "button",
+          onClick: $[0] || ($[0] = (T) => o("edit"))
+        }, " Edit ", 2)
+      ], 2),
+      l("div", {
+        class: r(h.$style.fieldGroup)
+      }, [
+        l("label", {
+          class: r(h.$style.fieldLabel),
+          for: "od-unit-number"
+        }, " Unit number, apt, or floor* ", 2),
+        pe(l("input", {
+          id: "od-unit-number",
+          "onUpdate:modelValue": $[1] || ($[1] = (T) => a.value = T),
+          class: r(h.$style.input),
+          type: "text",
+          placeholder: "#1234",
+          disabled: n.value,
+          "aria-invalid": i.value ? !0 : void 0,
+          "aria-describedby": i.value ? "od-unit-error" : void 0,
+          onInput: p,
+          onKeydown: re(v, ["enter"])
+        }, null, 42, wt), [
+          [ye, a.value]
+        ])
+      ], 2),
+      l("label", {
+        class: r(h.$style.checkboxRow)
+      }, [
+        l("input", {
+          type: "checkbox",
+          class: r(h.$style.checkbox),
+          checked: n.value,
+          onChange: g
+        }, null, 42, It),
+        l("span", {
+          class: r(h.$style.checkboxLabel)
+        }, "No unit number", 2)
+      ], 2),
+      i.value ? (u(), y("p", {
+        key: 0,
+        id: "od-unit-error",
+        class: r(h.$style.error),
+        role: "alert"
+      }, m(i.value), 3)) : w("", !0),
+      l("div", {
+        class: r(h.$style.actions)
+      }, [
+        l("button", {
+          class: r(h.$style.confirmButton),
+          type: "button",
+          onClick: v
+        }, " Confirm address ", 2)
+      ], 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 = {
+  container: Et,
+  title: qt,
+  addressCard: At,
+  addressText: Mt,
+  editLink: St,
+  fieldGroup: Dt,
+  fieldLabel: Tt,
+  input: xt,
+  checkboxRow: Bt,
+  checkbox: Pt,
+  checkboxLabel: Ft,
+  error: jt,
+  actions: Gt,
+  confirmButton: Ot
+}, Nt = {
+  $style: Rt
+}, yo = /* @__PURE__ */ D(Lt, [["__cssModules", Nt]]);
+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("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("validationError", (c) => {
+      c.type === "validationError" && (o.value = c.errors);
+    }),
+    e.on("submit", (c) => {
+      c.type === "submit" && n.onSubmit(c.answers);
+    })
+  ];
+  return () => i.forEach((c) => c());
+}
+function Vt(e) {
+  var V, U;
+  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);
+  let i = ue(
+    t,
+    s,
+    o,
+    a,
+    n,
+    e
+  );
+  (U = e.onReady) == null || U.call(e), H(e.getMarket, (L) => {
+    var b;
+    i(), t.destroy(), t = ie({
+      market: L,
+      initialAnswers: e.getInitialAnswers()
+    }), s.value = t.answers, o.value = ((b = t.currentPage) == null ? void 0 : b.id) ?? "", a.value = {}, n.value = t.visiblePages, i = ue(
+      t,
+      s,
+      o,
+      a,
+      n,
+      e
+    );
+  });
+  let c = e.getInitialAnswers();
+  H(e.getInitialAnswers, (L) => {
+    L && L !== c && (c = L, t.setAnswers(L));
+  });
+  const d = k(() => {
+    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(
+    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
+  );
+  function T(L, b) {
+    t.setAnswer(L, b);
+  }
+  function q(L) {
+    return s.value[L];
+  }
+  function G() {
+    var b;
+    const L = t.goToNext();
+    if (!L.valid)
+      try {
+        (b = e.onError) == null || b.call(
+          e,
+          new Error(
+            `Validation failed: ${Object.values(L.errors).join(", ")}`
+          )
+        );
+      } catch (x) {
+        console.error("[DtcOnboardingFlow] onError callback threw:", x);
+      }
+  }
+  function S() {
+    t.goToPrev();
+  }
+  return Z(() => {
+    i(), t.destroy();
+  }), {
+    engine: t,
+    currentPage: v,
+    currentPageIndex: d,
+    visiblePages: n,
+    visibleQuestions: g,
+    answers: s,
+    validationErrors: a,
+    progress: p,
+    isFirstPage: h,
+    isLastPage: $,
+    setAnswer: T,
+    getAnswer: q,
+    goToNext: G,
+    goToPrev: S
+  };
+}
+const Ut = /* @__PURE__ */ A({
+  __name: "DtcProvider",
+  props: {
+    market: {},
+    initialAnswers: {},
+    onSubmit: { type: Function },
+    onPageChange: { type: Function },
+    onAnswerChange: { type: Function },
+    onReady: { type: Function },
+    onError: { type: Function }
+  },
+  setup(e) {
+    const t = e, s = Vt({
+      getMarket: () => t.market,
+      getInitialAnswers: () => t.initialAnswers,
+      onSubmit: (o) => t.onSubmit(o),
+      onPageChange: (o, a) => {
+        var n;
+        return (n = t.onPageChange) == null ? void 0 : n.call(t, o, a);
+      },
+      onAnswerChange: (o, a) => {
+        var n;
+        return (n = t.onAnswerChange) == null ? void 0 : n.call(t, o, a);
+      },
+      onReady: () => {
+        var o;
+        return (o = t.onReady) == null ? void 0 : o.call(t);
+      },
+      onError: (o) => {
+        var a;
+        return (a = t.onError) == null ? void 0 : a.call(t, o);
+      }
+    });
+    return ne("dtc-onboarding", s), (o, a) => X(o.$slots, "default");
+  }
+}), Ht = ["src"], Wt = /* @__PURE__ */ A({
+  __name: "DtcHeader",
+  props: {
+    partnerLogoUrl: {},
+    showCloseButton: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const s = t;
+    return (o, a) => (u(), y("header", {
+      class: r(o.$style.header)
+    }, [
+      l("div", {
+        class: r(o.$style.headerLogos)
+      }, [
+        e.partnerLogoUrl ? (u(), y("img", {
+          key: 0,
+          src: e.partnerLogoUrl,
+          alt: "Partner",
+          class: r(o.$style.headerPartnerLogo)
+        }, null, 10, Ht)) : w("", !0),
+        l("span", {
+          class: r(o.$style.headerOpendoorText)
+        }, "Opendoor", 2)
+      ], 2),
+      e.showCloseButton ? (u(), y("button", {
+        key: 0,
+        type: "button",
+        class: r(o.$style.headerCloseButton),
+        "aria-label": "Close",
+        onClick: a[0] || (a[0] = (n) => s("close"))
+      }, [...a[1] || (a[1] = [
+        l("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          l("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          l("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])], 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,
+  headerPartnerLogo: Kt,
+  headerOpendoorText: Jt,
+  headerCloseButton: Xt
+}, Yt = {
+  $style: Qt
+}, en = /* @__PURE__ */ D(Wt, [["__cssModules", Yt]]), tn = ["aria-label"], nn = ["aria-checked", "tabindex", "onClick", "onKeydown"], rn = /* @__PURE__ */ A({
+  __name: "RadioCardInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    const t = F("dtc-onboarding");
+    let s = null;
+    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) {
+      var g, p;
+      const d = c.options;
+      if (!d) 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) {
+        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);
+      }
+    }
+    return (n, i) => (u(), y("div", {
+      class: r(n.$style.radioCardGroup),
+      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),
+        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,
+        class: r([
+          n.$style.radioCard,
+          E(t).getAnswer(e.question.key) === c.value ? n.$style.radioCardSelected : ""
+        ]),
+        onClick: (v) => o(e.question, c.value),
+        onKeydown: (v) => a(v, d, e.question)
+      }, [
+        l("span", {
+          class: r(n.$style.radioCardLabel)
+        }, m(c.label), 3),
+        c.description ? (u(), y("span", {
+          key: 0,
+          class: r(n.$style.radioCardDescription)
+        }, m(c.description), 3)) : w("", !0)
+      ], 42, nn))), 128)),
+      E(t).validationErrors.value[e.question.key] ? (u(), y("p", {
+        key: 0,
+        class: r(n.$style.fieldError),
+        role: "alert"
+      }, 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 = {
+  radioCardGroup: sn,
+  radioCard: on,
+  radioCardSelected: an,
+  radioCardLabel: ln,
+  radioCardDescription: un,
+  fieldError: cn
+}, vn = {
+  $style: dn
+}, 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") {
+  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"),
+  // 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"),
+  // 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"),
+  // 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({
+  __name: "ImageCardInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    const t = F("dtc-onboarding");
+    let s = null;
+    Z(() => {
+      s && clearTimeout(s);
+    });
+    function o(n, i) {
+      t.setAnswer(n.key, i), n.autoAdvance && (s && clearTimeout(s), s = setTimeout(() => t.goToNext(), 300));
+    }
+    function a(n) {
+      return n ? fn[n] : void 0;
+    }
+    return (n, i) => (u(), y("div", {
+      class: r(n.$style.imageCardGroup),
+      role: "radiogroup",
+      "aria-label": e.question.label
+    }, [
+      (u(!0), y(j, null, z(e.question.options, (c) => (u(), y("button", {
+        key: String(c.value),
+        type: "button",
+        role: "radio",
+        "aria-checked": E(t).getAnswer(e.question.key) === c.value,
+        class: r([
+          n.$style.imageCard,
+          E(t).getAnswer(e.question.key) === c.value ? n.$style.imageCardSelected : ""
+        ]),
+        onClick: (d) => o(e.question, c.value)
+      }, [
+        a(c.imageId) ? (u(), y("img", {
+          key: 0,
+          src: a(c.imageId),
+          alt: c.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", {
+          key: 1,
+          class: r(n.$style.imageCardDescription)
+        }, m(c.description), 3)) : w("", !0)
+      ], 10, bn))), 128)),
+      E(t).validationErrors.value[e.question.key] ? (u(), y("p", {
+        key: 0,
+        class: r(n.$style.fieldError),
+        role: "alert"
+      }, 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,
+  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 = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, xn = /* @__PURE__ */ A({
+  __name: "CheckboxCardInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    const t = e, s = F("dtc-onboarding"), o = k(
+      () => s.getAnswer(t.question.key) ?? []
+    ), a = k(
+      () => 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) {
+        s.setAnswer(t.question.key, [i]);
+        return;
+      }
+      const d = 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);
+        s.setAnswer(t.question.key, g.length > 0 ? g : void 0);
+      } else
+        s.setAnswer(t.question.key, [...d, i]);
+    }
+    return (i, c) => (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),
+        type: "button",
+        role: "checkbox",
+        "aria-checked": o.value.includes(String(d.value)),
+        class: r([
+          i.$style.checkboxCard,
+          o.value.includes(String(d.value)) ? i.$style.checkboxCardSelected : ""
+        ]),
+        onClick: (v) => n(String(d.value))
+      }, [
+        l("span", {
+          class: r(i.$style.checkboxCardContent)
+        }, [
+          l("span", {
+            class: r(i.$style.checkboxCardLabel)
+          }, m(d.label), 3),
+          d.helperText ? (u(), y("span", {
+            key: 0,
+            class: r(i.$style.checkboxCardHelper)
+          }, m(d.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(d.value)) ? (u(), y("svg", Tn, [...c[0] || (c[0] = [
+            l("path", {
+              d: "M2 6l3 3 5-5",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])])) : w("", !0)
+        ], 2)
+      ], 10, Dn))), 128)),
+      a.value ? (u(), y("p", {
+        key: 0,
+        class: r(i.$style.fieldError),
+        role: "alert"
+      }, 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,
+  checkboxCard: Pn,
+  checkboxCardSelected: Fn,
+  checkboxCardContent: jn,
+  checkboxCardLabel: Gn,
+  checkboxCardHelper: On,
+  checkboxIndicator: Rn,
+  checkboxIndicatorChecked: Nn,
+  fieldError: Vn
+}, 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({
+  __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(
+      () => o.validationErrors.value[s.question.key]
+    );
+    function c(d) {
+      const v = d.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)
+    }, [
+      l("label", {
+        class: r(d.$style.fieldLabel),
+        for: `${a}-${e.question.key}`
+      }, m(e.question.label), 11, Zn),
+      e.question.description ? (u(), y("p", {
+        key: 0,
+        class: r(d.$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 : ""]),
+        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
+      }, [
+        l("option", Kn, m(e.question.placeholder || "Select..."), 1),
+        (u(!0), y(j, null, z(e.question.options, (g) => (u(), y("option", {
+          key: String(g.value),
+          value: String(g.value)
+        }, m(g.label), 9, Jn))), 128))
+      ], 42, zn),
+      i.value ? (u(), y("p", {
+        key: 1,
+        id: `${a}-${e.question.key}-error`,
+        class: r(d.$style.fieldError),
+        role: "alert"
+      }, m(i.value), 11, Xn)) : w("", !0)
+    ], 2));
+  }
+}), Yn = "_fieldGroup_qcbne_2", er = "_fieldLabel_qcbne_8", tr = "_fieldDescription_qcbne_15", nr = "_fieldSelect_qcbne_22", rr = "_fieldSelectError_qcbne_47", sr = "_fieldError_qcbne_51", or = {
+  fieldGroup: Yn,
+  fieldLabel: er,
+  fieldDescription: tr,
+  fieldSelect: nr,
+  fieldSelectError: rr,
+  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({
+  __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(
+      () => o.validationErrors.value[s.question.key]
+    ), c = k(
+      () => 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(
+      () => 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);
+      } else
+        o.setAnswer(s.question.key, h || void 0);
+    }
+    return (p, h) => (u(), y("div", {
+      class: r(p.$style.fieldGroup)
+    }, [
+      l("label", {
+        class: r(p.$style.fieldLabel),
+        for: `${a}-${e.question.key}`
+      }, m(e.question.label), 11, ir),
+      e.question.description ? (u(), y("p", {
+        key: 0,
+        class: r(p.$style.fieldDescription)
+      }, m(e.question.description), 3)) : w("", !0),
+      l("div", {
+        class: r(p.$style.fieldInputWrapper)
+      }, [
+        l("input", {
+          id: `${a}-${e.question.key}`,
+          type: d.value,
+          inputmode: v.value,
+          class: r([p.$style.fieldInput, i.value ? p.$style.fieldInputError : ""]),
+          value: c.value,
+          placeholder: e.question.placeholder,
+          "aria-invalid": i.value ? "true" : void 0,
+          "aria-describedby": i.value ? `${a}-${e.question.key}-error` : void 0,
+          onInput: g
+        }, null, 42, ur),
+        e.question.suffix ? (u(), y("span", {
+          key: 0,
+          class: r(p.$style.fieldSuffix)
+        }, m(e.question.suffix), 3)) : w("", !0)
+      ], 2),
+      i.value ? (u(), y("p", {
+        key: 1,
+        id: `${a}-${e.question.key}-error`,
+        class: r(p.$style.fieldError),
+        role: "alert"
+      }, m(i.value), 11, cr)) : 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 = {
+  fieldGroup: vr,
+  fieldLabel: pr,
+  fieldDescription: yr,
+  fieldInputWrapper: gr,
+  fieldInput: fr,
+  fieldInputError: hr,
+  fieldSuffix: br,
+  fieldError: mr
+}, kr = {
+  $style: $r
+}, _r = /* @__PURE__ */ D(dr, [["__cssModules", kr]]), Cr = ["for"], wr = ["id", "value", "placeholder", "aria-invalid", "aria-describedby"], Ir = ["id"], Lr = /* @__PURE__ */ A({
+  __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(
+      () => o.validationErrors.value[s.question.key]
+    ), c = k(
+      () => n.value !== void 0 && n.value !== null ? String(n.value) : ""
+    );
+    function d(v) {
+      const g = v.target.value.replace(/[^0-9]/g, ""), p = g === "" ? void 0 : Number(g);
+      o.setAnswer(
+        s.question.key,
+        p !== void 0 && isNaN(p) ? void 0 : p
+      );
+    }
+    return (v, g) => (u(), y("div", {
+      class: r(v.$style.fieldGroup)
+    }, [
+      l("label", {
+        class: r(v.$style.fieldLabel),
+        for: `${a}-${e.question.key}`
+      }, m(e.question.label), 11, Cr),
+      l("div", {
+        class: r(v.$style.currencyWrapper)
+      }, [
+        l("span", {
+          class: r(v.$style.currencyPrefix)
+        }, "$", 2),
+        l("input", {
+          id: `${a}-${e.question.key}`,
+          type: "text",
+          inputmode: "numeric",
+          class: r([v.$style.currencyInput, i.value ? v.$style.fieldInputError : ""]),
+          value: c.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
+        }, null, 42, wr)
+      ], 2),
+      i.value ? (u(), y("p", {
+        key: 0,
+        id: `${a}-${e.question.key}-error`,
+        class: r(v.$style.fieldError),
+        role: "alert"
+      }, 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 = {
+  fieldGroup: Er,
+  fieldLabel: qr,
+  currencyWrapper: Ar,
+  currencyPrefix: Mr,
+  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({
+  __name: "PhoneInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    let t = 0;
+    const s = e, o = F("dtc-onboarding"), a = `pi-${++t}`, n = k(
+      () => o.getAnswer(s.question.key) ?? ""
+    ), i = k(
+      () => o.validationErrors.value[s.question.key]
+    );
+    function c(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) {
+      const p = v.target.value.replace(/\D/g, "").slice(0, 10);
+      o.setAnswer(s.question.key, p || void 0);
+    }
+    return (v, g) => (u(), y("div", {
+      class: r(v.$style.fieldGroup)
+    }, [
+      l("label", {
+        class: r(v.$style.fieldLabel),
+        for: `${a}-${e.question.key}`
+      }, m(e.question.label), 11, Fr),
+      l("input", {
+        id: `${a}-${e.question.key}`,
+        type: "tel",
+        class: r([v.$style.fieldInput, i.value ? v.$style.fieldInputError : ""]),
+        value: c(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),
+      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)
+    ], 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,
+  fieldError: Hr
+}, Zr = {
+  $style: Wr
+}, zr = /* @__PURE__ */ D(Or, [["__cssModules", Zr]]), Kr = ["checked"], Jr = /* @__PURE__ */ A({
+  __name: "ToggleInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    const t = e, s = F("dtc-onboarding"), o = k(
+      () => s.getAnswer(t.question.key)
+    );
+    function a(n) {
+      s.setAnswer(
+        t.question.key,
+        n.target.checked
+      );
+    }
+    return (n, i) => (u(), y("div", {
+      class: r(n.$style.toggleGroup)
+    }, [
+      l("label", {
+        class: r(n.$style.toggleLabel)
+      }, [
+        l("input", {
+          type: "checkbox",
+          class: r(n.$style.toggleCheckbox),
+          checked: o.value === !0,
+          onChange: a
+        }, null, 42, Kr),
+        l("span", {
+          class: r(n.$style.toggleText)
+        }, m(e.question.label), 3)
+      ], 2)
+    ], 2));
+  }
+}), Xr = "_toggleGroup_1wi5o_2", Qr = "_toggleLabel_1wi5o_6", Yr = "_toggleCheckbox_1wi5o_14", es = "_toggleText_1wi5o_23", ts = {
+  toggleGroup: Xr,
+  toggleLabel: Qr,
+  toggleCheckbox: Yr,
+  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({
+  __name: "SearchableDropdownInput",
+  props: {
+    question: {}
+  },
+  setup(e) {
+    let t = 0;
+    const s = e, o = F("dtc-onboarding"), a = F(
+      "opendoor-client",
+      void 0
+    ), n = `sd-${++t}`, i = `${n}-${s.question.key}-listbox`, c = k(
+      () => o.getAnswer(s.question.key)
+    ), d = k(
+      () => 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;
+        }), s.question.dataSource === "homebuilders" && (a != null && a.value) ? (h.value = !0, a.value.getHomebuilders().then((P) => {
+          O || (p.value = P.homebuilders.map((Y) => ({
+            label: Y.displayName,
+            value: Y.identifier
+          })));
+        }).catch(() => {
+          O || (s.question.options ? p.value = s.question.options.map((P) => ({
+            label: P.label,
+            value: String(P.value)
+          })) : p.value = []);
+        }).finally(() => {
+          O || (h.value = !1);
+        })) : s.question.options ? p.value = s.question.options.map((P) => ({
+          label: P.label,
+          value: String(P.value)
+        })) : p.value = [];
+      },
+      { immediate: !0 }
+    );
+    const q = k(
+      () => v.value ? p.value.filter(
+        (b) => b.label.toLowerCase().includes(v.value.toLowerCase())
+      ) : p.value
+    ), G = k(
+      () => {
+        var b;
+        return (b = p.value.find((x) => x.value === c.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) {
+      v.value = b.target.value, $.value = -1, g.value || (g.value = !0);
+    }
+    function U(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);
+          break;
+        case "ArrowUp":
+          b.preventDefault(), q.value.length > 0 && ($.value = $.value > 0 ? $.value - 1 : q.value.length - 1);
+          break;
+        case "Enter":
+          b.preventDefault(), $.value >= 0 && $.value < q.value.length && S(q.value[$.value].value);
+          break;
+        case "Escape":
+          b.preventDefault(), g.value = !1, $.value = -1;
+          break;
+      }
+    }
+    function L(b) {
+      T.value && !T.value.contains(b.target) && (g.value = !1);
+    }
+    return se(() => {
+      document.addEventListener("mousedown", L);
+    }), Z(() => {
+      document.removeEventListener("mousedown", L);
+    }), (b, x) => (u(), y("div", {
+      ref_key: "containerRef",
+      ref: T,
+      class: r(b.$style.fieldGroup)
+    }, [
+      l("div", {
+        class: r(b.$style.searchableDropdown)
+      }, [
+        l("input", {
+          type: "text",
+          class: r(b.$style.fieldInput),
+          value: g.value ? v.value : G.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,
+          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
+        }, 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] = [
+          l("svg", {
+            width: "12",
+            height: "8",
+            viewBox: "0 0 12 8",
+            fill: "none"
+          }, [
+            l("path", {
+              d: "M1 1l5 5 5-5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            })
+          ], -1)
+        ])], 2),
+        g.value ? (u(), y("div", {
+          key: 0,
+          class: r(b.$style.searchableDropdownList),
+          role: "listbox",
+          id: i
+        }, [
+          h.value ? (u(), y("div", {
+            key: 0,
+            class: r(b.$style.searchableDropdownEmpty)
+          }, " Loading... ", 2)) : q.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}`,
+            type: "button",
+            role: "option",
+            "aria-selected": B.value === c.value,
+            class: r([
+              b.$style.searchableDropdownOption,
+              B.value === c.value ? b.$style.searchableDropdownOptionSelected : "",
+              O === $.value ? b.$style.searchableDropdownOptionHighlighted : ""
+            ]),
+            onClick: (P) => S(B.value)
+          }, m(B.label), 11, os))), 128))
+        ], 2)) : w("", !0)
+      ], 2),
+      d.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)
+    ], 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 = {
+  fieldGroup: is,
+  searchableDropdown: us,
+  fieldInput: cs,
+  searchableDropdownToggle: ds,
+  searchableDropdownList: vs,
+  searchableDropdownOption: ps,
+  searchableDropdownOptionSelected: ys,
+  searchableDropdownOptionHighlighted: gs,
+  searchableDropdownEmpty: fs,
+  fieldError: hs
+}, ms = {
+  $style: bs
+}, $s = /* @__PURE__ */ D(ls, [["__cssModules", ms]]), ks = ["aria-label"], _s = /* @__PURE__ */ A({
+  __name: "DtcPage",
+  setup(e) {
+    const t = F("dtc-onboarding"), s = I(null);
+    return H(
+      () => {
+        var o;
+        return (o = t.currentPage.value) == null ? void 0 : o.id;
+      },
+      () => {
+        var o, a, n;
+        (a = (o = s.value) == null ? void 0 : o.scrollTo) == null || a.call(o, { top: 0, behavior: "smooth" }), (n = s.value) == null || n.focus();
+      }
+    ), (o, a) => E(t).currentPage.value ? (u(), y("div", {
+      key: 0,
+      ref_key: "containerRef",
+      ref: s,
+      class: r(o.$style.pageContent),
+      tabindex: "-1",
+      role: "region",
+      "aria-label": E(t).currentPage.value.title
+    }, [
+      (u(!0), y(j, null, z(E(t).visibleQuestions.value, (n) => (u(), y(j, {
+        key: n.key
+      }, [
+        n.style === "radio-card" ? (u(), N(pn, {
+          key: 0,
+          question: n
+        }, null, 8, ["question"])) : n.style === "image-card" ? (u(), N(Mn, {
+          key: 1,
+          question: n
+        }, null, 8, ["question"])) : n.style === "checkbox-card" ? (u(), N(Wn, {
+          key: 2,
+          question: n
+        }, null, 8, ["question"])) : n.style === "dropdown" ? (u(), N(lr, {
+          key: 3,
+          question: n
+        }, null, 8, ["question"])) : n.style === "input" || n.style === "email" ? (u(), N(_r, {
+          key: 4,
+          question: n
+        }, null, 8, ["question"])) : n.style === "currency" ? (u(), N(Pr, {
+          key: 5,
+          question: n
+        }, null, 8, ["question"])) : n.style === "phone" ? (u(), N(zr, {
+          key: 6,
+          question: n
+        }, null, 8, ["question"])) : n.style === "toggle" ? (u(), N(rs, {
+          key: 7,
+          question: n
+        }, null, 8, ["question"])) : n.style === "searchable-dropdown" ? (u(), N($s, {
+          key: 8,
+          question: n
+        }, null, 8, ["question"])) : w("", !0)
+      ], 64))), 128))
+    ], 10, ks)) : w("", !0);
+  }
+}), Cs = "_pageContent_1198c_2", ws = {
+  pageContent: Cs
+}, Is = {
+  $style: ws
+}, Ls = /* @__PURE__ */ D(_s, [["__cssModules", Is]]), Es = ["aria-valuenow"], qs = /* @__PURE__ */ A({
+  __name: "DtcProgressBar",
+  props: {
+    progress: {}
+  },
+  setup(e) {
+    const t = e, s = k(
+      () => Math.min(100, Math.max(0, t.progress * 100))
+    );
+    return (o, a) => (u(), y("div", {
+      class: r(o.$style.progressBar),
+      role: "progressbar",
+      "aria-valuenow": s.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    }, [
+      l("div", {
+        class: r(o.$style.progressBarFill),
+        style: Q({ width: `${s.value}%` })
+      }, null, 6)
+    ], 10, Es));
+  }
+}), As = "_progressBar_y1k9k_2", Ms = "_progressBarFill_y1k9k_9", Ss = {
+  progressBar: As,
+  progressBarFill: Ms
+}, Ds = {
+  $style: Ss
+}, Ts = /* @__PURE__ */ D(qs, [["__cssModules", Ds]]), xs = { key: 1 }, Bs = /* @__PURE__ */ A({
+  __name: "DtcNavigation",
+  setup(e) {
+    const t = F("dtc-onboarding"), s = k(
+      () => {
+        var o;
+        return ((o = t.currentPage.value) == null ? void 0 : o.submitLabel) ?? "Next";
+      }
+    );
+    return (o, a) => (u(), y("nav", {
+      class: r(o.$style.navigation),
+      "aria-label": "Page navigation"
+    }, [
+      J(Ts, {
+        progress: E(t).progress.value
+      }, null, 8, ["progress"]),
+      l("div", {
+        class: r(o.$style.navigationButtons)
+      }, [
+        E(t).isFirstPage.value ? (u(), y("div", xs)) : (u(), y("button", {
+          key: 0,
+          type: "button",
+          class: r(o.$style.backButton),
+          "aria-label": "Go back",
+          onClick: a[0] || (a[0] = (n) => E(t).goToPrev())
+        }, [...a[2] || (a[2] = [
+          l("svg", {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            l("polyline", { points: "15 18 9 12 15 6" })
+          ], -1)
+        ])], 2)),
+        l("button", {
+          type: "button",
+          class: r(o.$style.nextButton),
+          onClick: a[1] || (a[1] = (n) => E(t).goToNext())
+        }, m(s.value), 3)
+      ], 2)
+    ], 2));
+  }
+}), Ps = "_navigation_1joq3_2", Fs = "_navigationButtons_1joq3_10", js = "_backButton_1joq3_16", Gs = "_nextButton_1joq3_39", Os = {
+  navigation: Ps,
+  navigationButtons: Fs,
+  backButton: js,
+  nextButton: Gs
+}, Rs = {
+  $style: Os
+}, Ns = /* @__PURE__ */ D(Bs, [["__cssModules", Rs]]), Vs = /* @__PURE__ */ A({
+  __name: "DtcLayout",
+  props: {
+    address: {}
+  },
+  setup(e) {
+    const t = e, s = F("dtc-onboarding"), o = k(
+      () => [
+        t.address.street1,
+        t.address.street2,
+        t.address.city,
+        t.address.state,
+        t.address.postalCode
+      ].filter(Boolean).join(", ")
+    );
+    return (a, n) => E(s).currentPage.value ? (u(), y("div", {
+      key: 0,
+      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)
+      }, [
+        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),
+      J(Ns)
+    ], 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({
+  __name: "DtcOnboardingFlow",
+  props: {
+    address: {},
+    partnerLogoUrl: {},
+    appearance: { default: () => ({ theme: "minimal" }) },
+    initialAnswers: {},
+    market: {},
+    onClose: {}
+  },
+  emits: ["submit", "page-change", "answer-change", "ready", "error"],
+  setup(e, { emit: t }) {
+    const s = e, o = t, a = k(() => ee(s.appearance));
+    function n(p) {
+      o("submit", p);
+    }
+    function i(p, h) {
+      o("page-change", p, h);
+    }
+    function c(p, h) {
+      o("answer-change", p, h);
+    }
+    function d() {
+      o("ready");
+    }
+    function v(p) {
+      o("error", p);
+    }
+    function g() {
+      var p;
+      (p = s.onClose) == null || p.call(s);
+    }
+    return (p, h) => (u(), y("div", {
+      class: r(p.$style.container),
+      style: Q(a.value)
+    }, [
+      J(Ut, {
+        market: e.market,
+        "initial-answers": e.initialAnswers,
+        "on-submit": n,
+        "on-page-change": i,
+        "on-answer-change": c,
+        "on-ready": d,
+        "on-error": v
+      }, {
+        default: ge(() => [
+          J(en, {
+            "partner-logo-url": e.partnerLogoUrl,
+            "show-close-button": !!e.onClose,
+            onClose: g
+          }, null, 8, ["partner-logo-url", "show-close-button"]),
+          J(to, { 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]]);
+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,
+  be as useOpendoorClient
+};