@opendoor/partner-sdk-client-vue 1.3.0 → 1.3.1-beta.108.1

package/dist/index.d.ts

@@ -8,6 +8,9 @@ import { ComputedRef } from 'vue';
 import { CreateOfferRequest } from '../../client-js-core/src/index.ts';
 import { CreateOfferResponse } from '../../client-js-core/src/index.ts';
 import { DefineComponent } from 'vue';
+import { DTC_ONBOARDING_PAGE_IDS } from '../../client-js-core/src/index.ts';
+import { DtcOnboardingPageId } from '../../client-js-core/src/index.ts';
+import { DtcOnboardingPageId as DtcOnboardingPageId_2 } from '../../../../client-js-core/src/index.ts';
 import { ExtractPropTypes } from 'vue';
 import { OpendoorAppearance } from '../../client-js-core/src/index.ts';
 import { OpendoorAppearance as OpendoorAppearance_2 } from '../../../../client-js-core/src/index.ts';
@@ -277,6 +280,8 @@ export { CreateOfferRequest }
 
 export { CreateOfferResponse }
 
+export { DTC_ONBOARDING_PAGE_IDS }
+
 export declare const DtcOnboardingFlow: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_5<{
 /** The selected address for the offer. */
 address: Address_2;
@@ -291,9 +296,10 @@ initialAnswers?: Record<string, AnswerValue>;
 * partner already knows the answers and the question shouldn't be asked
 * (e.g. a homebuilder partner doesn't need to ask "Are you working with
 * a homebuilder?"). For any **required** questions on a skipped page,
-* pair this with `initialAnswers`.
+* pair this with `initialAnswers`. Valid IDs are exported as
+* `DTC_ONBOARDING_PAGE_IDS` from `@opendoor/partner-sdk-client-js-core`.
 */
-skipPages?: string[];
+skipPages?: readonly DtcOnboardingPageId_2[];
 /**
 * Called when the close (X) button is clicked.
 * When provided, the close button is rendered in the header.
@@ -324,9 +330,10 @@ initialAnswers?: Record<string, AnswerValue>;
 * partner already knows the answers and the question shouldn't be asked
 * (e.g. a homebuilder partner doesn't need to ask "Are you working with
 * a homebuilder?"). For any **required** questions on a skipped page,
-* pair this with `initialAnswers`.
+* pair this with `initialAnswers`. Valid IDs are exported as
+* `DTC_ONBOARDING_PAGE_IDS` from `@opendoor/partner-sdk-client-js-core`.
 */
-skipPages?: string[];
+skipPages?: readonly DtcOnboardingPageId_2[];
 /**
 * Called when the close (X) button is clicked.
 * When provided, the close button is rendered in the header.
@@ -347,6 +354,8 @@ onReady?: (() => any) | undefined;
 appearance: OpendoorAppearance_2;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export { DtcOnboardingPageId }
+
 export { OpendoorAppearance }
 
 export { OpendoorClient }

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as F, computed as w, provide as ge, ref as L, watch as ee, onUnmounted as oe, renderSlot as de, inject as Z, openBlock as d, createElementBlock as y, normalizeClass as e, createElementVNode as t, onMounted as be, normalizeStyle as X, createCommentVNode as D, Fragment as O, toDisplayString as _, renderList as Q, withKeys as Se, withModifiers as Ee, createBlock as K, unref as M, withDirectives as De, vModelText as qe, resolveDynamicComponent as Be, createTextVNode as me, Teleport as He, createVNode as ue, useSlots as je, withCtx as Ne } from "vue";
-import { NOOP_TRACKING as Ie, TrackingClient as Oe } from "@opendoor/partner-sdk-client-js-core/internal/tracking";
+import { defineComponent as F, computed as w, provide as ge, ref as L, watch as ee, onUnmounted as oe, renderSlot as de, inject as Z, openBlock as d, createElementBlock as y, normalizeClass as e, createElementVNode as t, onMounted as be, normalizeStyle as X, createCommentVNode as E, Fragment as j, toDisplayString as _, renderList as Q, withKeys as Se, withModifiers as De, createBlock as K, unref as M, withDirectives as Ee, vModelText as qe, resolveDynamicComponent as Be, createTextVNode as me, Teleport as Ne, createVNode as ue, useSlots as Oe, withCtx as He } from "vue";
+import { NOOP_TRACKING as Ie, TrackingClient as je } from "@opendoor/partner-sdk-client-js-core/internal/tracking";
 import { resolveAppearance as Ve } from "@opendoor/partner-sdk-client-js-core";
-import { OpendoorClient as ar, THEMES as lr, resolveAppearance as or } from "@opendoor/partner-sdk-client-js-core";
+import { DTC_ONBOARDING_PAGE_IDS as ar, OpendoorClient as lr, THEMES as or, resolveAppearance as rr } from "@opendoor/partner-sdk-client-js-core";
 import { createDtcOnboardingFlow as Me } from "@opendoor/partner-sdk-client-js-core/internal/questionnaire";
 const Qo = /* @__PURE__ */ F({
   __name: "OpendoorProvider",
@@ -16,7 +16,7 @@ const Qo = /* @__PURE__ */ F({
       () => n.client,
       () => {
         r.value !== Ie && r.value.destroy();
-        const l = new Oe(n.client.environment);
+        const l = new je(n.client.environment);
         r.value = l;
       },
       { immediate: !0 }
@@ -93,7 +93,7 @@ const xe = /* @__PURE__ */ F({
   emits: ["address-select", "ready", "change", "validation-error", "address-suggestions-start", "address-suggestions-complete", "error"],
   setup(s, { emit: n }) {
     let i = 0;
-    const r = s, l = n, o = Pe(), c = `ae-${++i}`, u = L(""), p = L([]), f = L(!1), $ = L(!1), g = L(null), h = L(!1), I = L(!1), B = L(null), q = L(null), j = L(null), T = L({
+    const r = s, l = n, o = Pe(), c = `ae-${++i}`, u = L(""), p = L([]), f = L(!1), $ = L(!1), g = L(null), h = L(!1), I = L(!1), B = L(null), q = L(null), O = L(null), T = L({
       street1: "",
       street2: "",
       city: "",
@@ -102,27 +102,27 @@ const xe = /* @__PURE__ */ F({
     }), R = w(() => ce(r.appearance)), U = w(
       () => f.value && !$.value && u.value.trim().length >= 3 && p.value.length === 0 && !h.value
     );
-    let G = null, E = 0;
+    let G = null, D = 0;
     ee(u, (b) => {
       if (I.value) return;
       if (l("change", { street1: b }), G && clearTimeout(G), !r.enableAddressSuggestions || b.trim().length < 3) {
-        E += 1, p.value = [], f.value = !1, g.value = null, $.value = !1;
+        D += 1, p.value = [], f.value = !1, g.value = null, $.value = !1;
         return;
       }
       $.value = !0, g.value = null;
-      const v = b.trim(), k = ++E;
+      const v = b.trim(), k = ++D;
       G = setTimeout(async () => {
         l("address-suggestions-start", v);
         try {
           const S = await o.value.getAddressSuggestions(v);
-          if (k !== E) return;
+          if (k !== D) return;
           p.value = S.addresses, f.value = !0, l("address-suggestions-complete", S.addresses);
         } catch (S) {
-          if (k !== E) return;
+          if (k !== D) return;
           const A = S instanceof Error ? S : new Error("Failed to fetch address suggestions");
           g.value = A.message, p.value = [], f.value = !0, l("error", A);
         } finally {
-          k === E && ($.value = !1);
+          k === D && ($.value = !1);
         }
       }, r.debounceMs);
     });
@@ -187,12 +187,12 @@ const xe = /* @__PURE__ */ F({
       u.value = v, I.value = !1;
     }
     function se(b) {
-      q.value && !q.value.contains(b.target) && j.value && !j.value.contains(b.target) && (f.value = !1);
+      q.value && !q.value.contains(b.target) && O.value && !O.value.contains(b.target) && (f.value = !1);
     }
     return be(() => {
       document.addEventListener("mousedown", se), l("ready");
     }), oe(() => {
-      document.removeEventListener("mousedown", se), G && clearTimeout(G), E += 1;
+      document.removeEventListener("mousedown", se), G && clearTimeout(G), D += 1;
     }), (b, v) => (d(), y("div", {
       ref_key: "containerRef",
       ref: B,
@@ -298,7 +298,7 @@ const xe = /* @__PURE__ */ F({
           key: 0,
           class: e(b.$style.error),
           role: "alert"
-        }, _(g.value), 3)) : D("", !0),
+        }, _(g.value), 3)) : E("", !0),
         t("button", {
           class: e(b.$style.submitButton),
           type: "button",
@@ -333,7 +333,7 @@ const xe = /* @__PURE__ */ F({
         }, [
           t("input", {
             ref_key: "inputRef",
-            ref: j,
+            ref: O,
             value: u.value,
             class: e(b.$style.input),
             placeholder: s.placeholderText,
@@ -352,7 +352,7 @@ const xe = /* @__PURE__ */ F({
             class: e(b.$style.inputIcon)
           }, [
             de(b.$slots, "input-icon")
-          ], 2)) : D("", !0),
+          ], 2)) : E("", !0),
           s.showButton ? (d(), y("button", {
             key: 1,
             class: e(b.$style.button),
@@ -361,7 +361,7 @@ const xe = /* @__PURE__ */ F({
             type: "button",
             onClick: ae
           }, [
-            $.value ? (d(), y(O, { key: 0 }, [
+            $.value ? (d(), y(j, { key: 0 }, [
               t("span", null, _(s.buttonText), 1),
               (d(), y("svg", {
                 class: e(b.$style.spinner),
@@ -386,7 +386,7 @@ const xe = /* @__PURE__ */ F({
                   "stroke-linecap": "round"
                 }, null, -1)
               ])], 2))
-            ], 64)) : (d(), y(O, { key: 1 }, [
+            ], 64)) : (d(), y(j, { key: 1 }, [
               t("span", null, _(s.buttonText), 1),
               de(b.$slots, "button-icon", {}, () => [
                 v[6] || (v[6] = t("svg", {
@@ -406,7 +406,7 @@ const xe = /* @__PURE__ */ F({
                 ], -1))
               ])
             ], 64))
-          ], 10, Ye)) : D("", !0)
+          ], 10, Ye)) : E("", !0)
         ], 2),
         f.value || g.value ? (d(), y("div", {
           key: 0,
@@ -417,7 +417,7 @@ const xe = /* @__PURE__ */ F({
           role: g.value ? "alert" : "listbox",
           "aria-live": g.value ? "polite" : void 0
         }, [
-          g.value ? (d(), y(O, { key: 0 }, [
+          g.value ? (d(), y(j, { key: 0 }, [
             t("div", {
               class: e(b.$style.error)
             }, [
@@ -447,13 +447,13 @@ const xe = /* @__PURE__ */ F({
               ])], 2),
               t("div", null, _(g.value), 1)
             ], 2),
-            h.value ? D("", !0) : (d(), y("button", {
+            h.value ? E("", !0) : (d(), y("button", {
               key: 0,
               type: "button",
               class: e(b.$style.manualLink),
               onClick: re
             }, _(s.manualEntryText), 3))
-          ], 64)) : p.value.length > 0 ? (d(!0), y(O, { key: 1 }, Q(p.value, (k, S) => (d(), y("div", {
+          ], 64)) : p.value.length > 0 ? (d(!0), y(j, { key: 1 }, Q(p.value, (k, S) => (d(), y("div", {
             key: `${k.street1}-${k.city}-${k.postalCode}-${S}`,
             class: e(b.$style.suggestion),
             role: "option",
@@ -461,21 +461,21 @@ const xe = /* @__PURE__ */ F({
             tabindex: "0",
             onClick: (A) => Y(k),
             onKeydown: [
-              Se(Ee((A) => Y(k), ["prevent"]), ["enter"]),
-              Se(Ee((A) => Y(k), ["prevent"]), ["space"])
+              Se(De((A) => Y(k), ["prevent"]), ["enter"]),
+              Se(De((A) => Y(k), ["prevent"]), ["space"])
             ]
           }, _(x(k)), 43, Je))), 128)) : U.value ? (d(), y("button", {
             key: 2,
             type: "button",
             class: e(b.$style.manualLink),
             onClick: re
-          }, _(s.manualEntryText), 3)) : D("", !0)
-        ], 10, Xe)) : D("", !0)
+          }, _(s.manualEntryText), 3)) : E("", !0)
+        ], 10, Xe)) : E("", !0)
       ], 2)),
-      s.showAttribution ? (d(), K(Ke, { key: 2 })) : D("", !0)
+      s.showAttribution ? (d(), K(Ke, { key: 2 })) : E("", !0)
     ], 6));
   }
-}), vt = "_container_1r0nf_9", yt = "_inputSection_1r0nf_17", pt = "_inputWrapper_1r0nf_23", ft = "_input_1r0nf_17", ht = "_inputIcon_1r0nf_64", mt = "_button_1r0nf_81", gt = "_spinner_1r0nf_122", bt = "_spin_1r0nf_122", $t = "_suggestions_1r0nf_137", Ct = "_errorState_1r0nf_151", kt = "_suggestion_1r0nf_137", _t = "_error_1r0nf_151", wt = "_errorIcon_1r0nf_200", Lt = "_errorBorder_1r0nf_214", It = "_manualLink_1r0nf_224", St = "_manualForm_1r0nf_246", Et = "_slideIn_1r0nf_1", Dt = "_manualFormField_1r0nf_261", qt = "_manualFormLabel_1r0nf_265", Mt = "_manualFormInput_1r0nf_274", At = "_formRow_1r0nf_295", Tt = "_submitButton_1r0nf_303", Bt = {
+}), vt = "_container_1r0nf_9", yt = "_inputSection_1r0nf_17", pt = "_inputWrapper_1r0nf_23", ft = "_input_1r0nf_17", ht = "_inputIcon_1r0nf_64", mt = "_button_1r0nf_81", gt = "_spinner_1r0nf_122", bt = "_spin_1r0nf_122", $t = "_suggestions_1r0nf_137", Ct = "_errorState_1r0nf_151", kt = "_suggestion_1r0nf_137", _t = "_error_1r0nf_151", wt = "_errorIcon_1r0nf_200", Lt = "_errorBorder_1r0nf_214", It = "_manualLink_1r0nf_224", St = "_manualForm_1r0nf_246", Dt = "_slideIn_1r0nf_1", Et = "_manualFormField_1r0nf_261", qt = "_manualFormLabel_1r0nf_265", Mt = "_manualFormInput_1r0nf_274", At = "_formRow_1r0nf_295", Tt = "_submitButton_1r0nf_303", Bt = {
   container: vt,
   inputSection: yt,
   inputWrapper: pt,
@@ -492,20 +492,20 @@ const xe = /* @__PURE__ */ F({
   errorBorder: Lt,
   manualLink: It,
   manualForm: St,
-  slideIn: Et,
-  manualFormField: Dt,
+  slideIn: Dt,
+  manualFormField: Et,
   manualFormLabel: qt,
   manualFormInput: Mt,
   formRow: At,
   submitButton: Tt
 }, Pt = {
   $style: Bt
-}, Yo = /* @__PURE__ */ V(ct, [["__cssModules", Pt]]), Ft = "https://api.mapbox.com/geocoding/v5/mapbox.places", Rt = "https://api.mapbox.com/styles/v1/mapbox/light-v11/static", Gt = "pk.eyJ1Ijoib3BlbmRvb3IiLCJhIjoiWXJ2bTJiRSJ9.lsnjT9yTNyyVzKRIzqxnqg", Ht = "https://images.opendoor.com/source/s3/imgdrop-production/2026-02-1771546296495-06570.png?service=partner-sdk";
-function jt(s, n, i) {
+}, Yo = /* @__PURE__ */ V(ct, [["__cssModules", Pt]]), Ft = "https://api.mapbox.com/geocoding/v5/mapbox.places", Rt = "https://api.mapbox.com/styles/v1/mapbox/light-v11/static", Gt = "pk.eyJ1Ijoib3BlbmRvb3IiLCJhIjoiWXJ2bTJiRSJ9.lsnjT9yTNyyVzKRIzqxnqg", Nt = "https://images.opendoor.com/source/s3/imgdrop-production/2026-02-1771546296495-06570.png?service=partner-sdk";
+function Ot(s, n, i) {
   return s.startsWith("http://") || s.startsWith("https://") ? `url-${encodeURIComponent(s)}(${n},${i})` : `${s}(${n},${i})`;
 }
-function Nt(s, n) {
-  const i = (n == null ? void 0 : n.mapboxAccessToken) ?? Gt, r = (n == null ? void 0 : n.mapPinMarker) ?? Ht, l = (n == null ? void 0 : n.width) ?? 640, o = (n == null ? void 0 : n.height) ?? 320, c = (n == null ? void 0 : n.zoom) ?? 14, u = L(void 0), p = L("loading");
+function Ht(s, n) {
+  const i = (n == null ? void 0 : n.mapboxAccessToken) ?? Gt, r = (n == null ? void 0 : n.mapPinMarker) ?? Nt, l = (n == null ? void 0 : n.width) ?? 640, o = (n == null ? void 0 : n.height) ?? 320, c = (n == null ? void 0 : n.zoom) ?? 14, u = L(void 0), p = L("loading");
   let f = null;
   return ee(
     () => [
@@ -526,20 +526,20 @@ function Nt(s, n) {
         g.postalCode
       ].join(" ");
       try {
-        const q = `${Ft}/${encodeURIComponent(h)}.json?access_token=${i}&limit=1`, j = await fetch(q, { signal: $.signal });
-        if (!j.ok) {
+        const q = `${Ft}/${encodeURIComponent(h)}.json?access_token=${i}&limit=1`, O = await fetch(q, { signal: $.signal });
+        if (!O.ok) {
           $.signal.aborted || (p.value = "error");
           return;
         }
-        const T = await j.json();
+        const T = await O.json();
         if ($.signal.aborted) return;
         const R = (B = (I = T.features) == null ? void 0 : I[0]) == null ? void 0 : B.center;
         if (!R) {
           p.value = "error";
           return;
         }
-        const [U, G] = R, E = jt(r, U, G);
-        u.value = `${Rt}/${E}/${U},${G},${c}/${l}x${o}@2x?access_token=${i}&attribution=false&logo=false`, p.value = "loaded";
+        const [U, G] = R, D = Ot(r, U, G);
+        u.value = `${Rt}/${D}/${U},${G},${c}/${l}x${o}@2x?access_token=${i}&attribution=false&logo=false`, p.value = "loaded";
       } catch (q) {
         if (q instanceof DOMException && q.name === "AbortError") return;
         $.signal.aborted || (p.value = "error");
@@ -550,7 +550,7 @@ function Nt(s, n) {
     f && f.abort();
   }), { url: u, status: p };
 }
-const Ot = ["src"], Vt = /* @__PURE__ */ F({
+const jt = ["src"], Vt = /* @__PURE__ */ F({
   __name: "AddressMap",
   props: {
     address: {},
@@ -567,7 +567,7 @@ const Ot = ["src"], Vt = /* @__PURE__ */ F({
     const i = s, r = n, l = w(() => {
       const f = ce(i.appearance);
       return i.borderRadius && (f["border-radius"] = i.borderRadius), f;
-    }), { url: o, status: c } = Nt(
+    }), { url: o, status: c } = Ht(
       w(() => i.address),
       {
         mapboxAccessToken: i.mapboxAccessToken,
@@ -593,7 +593,7 @@ const Ot = ["src"], Vt = /* @__PURE__ */ F({
         alt: "Map",
         class: e([f.$style.mapImage, u.value ? f.$style.mapImageLoaded : ""]),
         onLoad: p
-      }, null, 42, Ot)) : D("", !0)
+      }, null, 42, jt)) : E("", !0)
     ], 6));
   }
 }), xt = "_container_iumdj_4", Ut = "_mapImage_iumdj_14", Zt = "_mapImageLoaded_iumdj_23", zt = {
@@ -660,7 +660,7 @@ const Ot = ["src"], Vt = /* @__PURE__ */ F({
           class: e(h.$style.fieldLabel),
           for: "od-unit-number"
         }, " Unit number, apt, or floor* ", 2),
-        De(t("input", {
+        Ee(t("input", {
           id: "od-unit-number",
           "onUpdate:modelValue": I[1] || (I[1] = (B) => l.value = B),
           class: e(h.$style.input),
@@ -693,7 +693,7 @@ const Ot = ["src"], Vt = /* @__PURE__ */ F({
         id: "od-unit-error",
         class: e(h.$style.error),
         role: "alert"
-      }, _(c.value), 3)) : D("", !0),
+      }, _(c.value), 3)) : E("", !0),
       t("div", {
         class: e(h.$style.actions)
       }, [
@@ -759,14 +759,14 @@ function ps(s) {
   );
   (G = s.onReady) == null || G.call(s), ee(
     () => {
-      var E;
-      return (((E = s.getSkipPages) == null ? void 0 : E.call(s)) ?? []).join("|");
+      var D;
+      return (((D = s.getSkipPages) == null ? void 0 : D.call(s)) ?? []).join("|");
     },
     () => {
-      var E, x;
+      var D, x;
       c(), n.destroy(), n = Me({
         initialAnswers: s.getInitialAnswers(),
-        skipPages: (E = s.getSkipPages) == null ? void 0 : E.call(s)
+        skipPages: (D = s.getSkipPages) == null ? void 0 : D.call(s)
       }), i.value = n.answers, r.value = ((x = n.currentPage) == null ? void 0 : x.id) ?? "", l.value = {}, o.value = n.visiblePages, c = Ae(
         n,
         i,
@@ -778,14 +778,14 @@ function ps(s) {
     }
   );
   let u = s.getInitialAnswers();
-  ee(s.getInitialAnswers, (E) => {
-    E && E !== u && (u = E, n.setAnswers(E));
+  ee(s.getInitialAnswers, (D) => {
+    D && D !== u && (u = D, n.setAnswers(D));
   });
   const p = w(() => {
-    const E = o.value.findIndex(
+    const D = o.value.findIndex(
       (x) => x.id === r.value
     );
-    return E >= 0 ? E : 0;
+    return D >= 0 ? D : 0;
   }), f = w(
     () => o.value[p.value]
   ), $ = w(() => r.value ? (i.value, n.getVisibleQuestionsForCurrentPage()) : []), g = w(() => o.value.length <= 1 ? 0 : Math.min(
@@ -794,21 +794,21 @@ function ps(s) {
   )), h = w(() => p.value === 0), I = w(
     () => o.value.length > 0 && p.value === o.value.length - 1
   );
-  function B(E, x) {
-    n.setAnswer(E, x);
+  function B(D, x) {
+    n.setAnswer(D, x);
   }
-  function q(E) {
-    return i.value[E];
+  function q(D) {
+    return i.value[D];
   }
-  function j() {
+  function O() {
     var x;
-    const E = n.goToNext();
-    if (!E.valid)
+    const D = n.goToNext();
+    if (!D.valid)
       try {
         (x = s.onError) == null || x.call(
           s,
           new Error(
-            `Validation failed: ${Object.values(E.errors).join(", ")}`
+            `Validation failed: ${Object.values(D.errors).join(", ")}`
           )
         );
       } catch (Y) {
@@ -833,7 +833,7 @@ function ps(s) {
     isLastPage: I,
     setAnswer: B,
     getAnswer: q,
-    goToNext: j,
+    goToNext: O,
     goToPrev: T
   };
 }
@@ -892,7 +892,7 @@ const fs = /* @__PURE__ */ F({
           src: s.partnerLogoUrl,
           alt: "Partner",
           class: e(r.$style.headerPartnerLogo)
-        }, null, 10, hs)) : D("", !0),
+        }, null, 10, hs)) : E("", !0),
         (d(), y("svg", {
           width: "90",
           height: "18",
@@ -939,7 +939,7 @@ const fs = /* @__PURE__ */ F({
             y2: "18"
           })
         ], -1)
-      ])], 2)) : D("", !0)
+      ])], 2)) : E("", !0)
     ], 2));
   }
 }), gs = "_header_uo1uz_2", bs = "_headerLogos_uo1uz_12", $s = "_headerPartnerLogo_uo1uz_18", Cs = "_headerOpendoorLogo_uo1uz_24", ks = "_headerCloseButton_uo1uz_28", _s = {
@@ -950,7 +950,7 @@ const fs = /* @__PURE__ */ F({
   headerCloseButton: ks
 }, ws = {
   $style: _s
-}, Ls = /* @__PURE__ */ V(ms, [["__cssModules", ws]]), Is = ["aria-label"], Ss = ["aria-checked", "tabindex", "onClick", "onKeydown"], Es = /* @__PURE__ */ F({
+}, Ls = /* @__PURE__ */ V(ms, [["__cssModules", ws]]), Is = ["aria-label"], Ss = ["aria-checked", "tabindex", "onClick", "onKeydown"], Ds = /* @__PURE__ */ F({
   __name: "RadioCardInput",
   props: {
     question: {}
@@ -979,7 +979,7 @@ const fs = /* @__PURE__ */ F({
       role: "radiogroup",
       "aria-label": s.question.label
     }, [
-      (d(!0), y(O, null, Q(s.question.options, (u, p) => (d(), y("button", {
+      (d(!0), y(j, null, Q(s.question.options, (u, p) => (d(), y("button", {
         key: String(u.value),
         type: "button",
         role: "radio",
@@ -998,17 +998,17 @@ const fs = /* @__PURE__ */ F({
         u.description ? (d(), y("span", {
           key: 0,
           class: e(o.$style.radioCardDescription)
-        }, _(u.description), 3)) : D("", !0)
+        }, _(u.description), 3)) : E("", !0)
       ], 42, Ss))), 128)),
       M(n).validationErrors.value[s.question.key] ? (d(), y("p", {
         key: 0,
         class: e(o.$style.fieldError),
         role: "alert"
-      }, _(M(n).validationErrors.value[s.question.key]), 3)) : D("", !0)
+      }, _(M(n).validationErrors.value[s.question.key]), 3)) : E("", !0)
     ], 10, Is));
   }
-}), Ds = "_radioCardGroup_11rwj_2", qs = "_radioCard_11rwj_2", Ms = "_radioCardSelected_11rwj_34", As = "_radioCardLabel_11rwj_39", Ts = "_radioCardDescription_11rwj_45", Bs = "_fieldError_11rwj_50", Ps = {
-  radioCardGroup: Ds,
+}), Es = "_radioCardGroup_11rwj_2", qs = "_radioCard_11rwj_2", Ms = "_radioCardSelected_11rwj_34", As = "_radioCardLabel_11rwj_39", Ts = "_radioCardDescription_11rwj_45", Bs = "_fieldError_11rwj_50", Ps = {
+  radioCardGroup: Es,
   radioCard: qs,
   radioCardSelected: Ms,
   radioCardLabel: As,
@@ -1016,36 +1016,36 @@ const fs = /* @__PURE__ */ F({
   fieldError: Bs
 }, Fs = {
   $style: Ps
-}, Rs = /* @__PURE__ */ V(Es, [["__cssModules", Fs]]), Gs = "https://images.opendoor.com/source/s3/imgdrop-production", Hs = "service=reception-fe&dpr=2&fit=scale-down";
-function N(s, n = "3:2-sm") {
-  return `${Gs}/${s}?${Hs}&preset=${n}`;
+}, Rs = /* @__PURE__ */ V(Ds, [["__cssModules", Fs]]), Gs = "https://images.opendoor.com/source/s3/imgdrop-production", Ns = "service=reception-fe&dpr=2&fit=scale-down";
+function H(s, n = "3:2-sm") {
+  return `${Gs}/${s}?${Ns}&preset=${n}`;
 }
-const js = {
+const Os = {
   // Kitchen
-  "kitchen-fixer_upper": N("2023-04-1681772974083-61414.png"),
-  "kitchen-dated": N("2023-04-1681772974089-39460.png"),
-  "kitchen-standard": N("2023-04-1681772974093-51260.png"),
-  "kitchen-high_end": N("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
-  "kitchen-luxury": N("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
+  "kitchen-fixer_upper": H("2023-04-1681772974083-61414.png"),
+  "kitchen-dated": H("2023-04-1681772974089-39460.png"),
+  "kitchen-standard": H("2023-04-1681772974093-51260.png"),
+  "kitchen-high_end": H("2023-04-1682444345875-57331.jpeg", "3:2-xl"),
+  "kitchen-luxury": H("2023-04-1682444629335-69661.jpeg", "3:2-xl"),
   // Bathroom
-  "bathroom-fixer_upper": N("2023-04-1682103091299-33543.jpeg"),
-  "bathroom-dated": N("2023-04-1681773104207-98555.png"),
-  "bathroom-standard": N("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
-  "bathroom-high_end": N("2023-04-1681773104214-77488.png"),
-  "bathroom-luxury": N("2023-04-1681773104217-27390.png"),
+  "bathroom-fixer_upper": H("2023-04-1682103091299-33543.jpeg"),
+  "bathroom-dated": H("2023-04-1681773104207-98555.png"),
+  "bathroom-standard": H("2023-04-1682103088251-79730.jpeg", "3:2-xl"),
+  "bathroom-high_end": H("2023-04-1681773104214-77488.png"),
+  "bathroom-luxury": H("2023-04-1681773104217-27390.png"),
   // Living Room
-  "living-room-fixer_upper": N("2023-04-1681773170815-60328.png"),
-  "living-room-dated": N("2023-04-1681773170823-03451.png"),
-  "living-room-standard": N("2023-04-1681773170826-47471.png"),
-  "living-room-high_end": N("2023-04-1681773170828-76415.png"),
-  "living-room-luxury": N("2023-04-1681773170832-20699.png"),
+  "living-room-fixer_upper": H("2023-04-1681773170815-60328.png"),
+  "living-room-dated": H("2023-04-1681773170823-03451.png"),
+  "living-room-standard": H("2023-04-1681773170826-47471.png"),
+  "living-room-high_end": H("2023-04-1681773170828-76415.png"),
+  "living-room-luxury": H("2023-04-1681773170832-20699.png"),
   // Exterior
-  "exterior-fixer_upper": N("2023-04-1681773220493-46489.png"),
-  "exterior-dated": N("2023-04-1681773220495-22229.png"),
-  "exterior-standard": N("2023-04-1681773220498-64940.png"),
-  "exterior-high_end": N("2023-04-1682103085417-24272.jpeg", "3:2-md"),
-  "exterior-luxury": N("2023-04-1681773220487-59852.png")
-}, Ns = ["aria-label"], Os = ["aria-checked", "onClick"], Vs = ["src", "alt"], xs = /* @__PURE__ */ F({
+  "exterior-fixer_upper": H("2023-04-1681773220493-46489.png"),
+  "exterior-dated": H("2023-04-1681773220495-22229.png"),
+  "exterior-standard": H("2023-04-1681773220498-64940.png"),
+  "exterior-high_end": H("2023-04-1682103085417-24272.jpeg", "3:2-md"),
+  "exterior-luxury": H("2023-04-1681773220487-59852.png")
+}, Hs = ["aria-label"], js = ["aria-checked", "onClick"], Vs = ["src", "alt"], xs = /* @__PURE__ */ F({
   __name: "ImageCardInput",
   props: {
     question: {}
@@ -1060,14 +1060,14 @@ const js = {
       n.setAnswer(o.key, c), o.autoAdvance && (i && clearTimeout(i), i = setTimeout(() => n.goToNext(), 300));
     }
     function l(o) {
-      return o ? js[o] : void 0;
+      return o ? Os[o] : void 0;
     }
     return (o, c) => (d(), y("div", {
       class: e(o.$style.imageCardGroup),
       role: "radiogroup",
       "aria-label": s.question.label
     }, [
-      (d(!0), y(O, null, Q(s.question.options, (u) => (d(), y("button", {
+      (d(!0), y(j, null, Q(s.question.options, (u) => (d(), y("button", {
         key: String(u.value),
         type: "button",
         role: "radio",
@@ -1084,21 +1084,21 @@ const js = {
           alt: u.label,
           class: e(o.$style.imageCardPhoto),
           loading: "lazy"
-        }, null, 10, Vs)) : D("", !0),
+        }, null, 10, Vs)) : E("", !0),
         t("span", {
           class: e(o.$style.imageCardLabel)
         }, _(u.label), 3),
         u.description ? (d(), y("span", {
           key: 1,
           class: e(o.$style.imageCardDescription)
-        }, _(u.description), 3)) : D("", !0)
-      ], 10, Os))), 128)),
+        }, _(u.description), 3)) : E("", !0)
+      ], 10, js))), 128)),
       M(n).validationErrors.value[s.question.key] ? (d(), y("p", {
         key: 0,
         class: e(o.$style.fieldError),
         role: "alert"
-      }, _(M(n).validationErrors.value[s.question.key]), 3)) : D("", !0)
-    ], 10, Ns));
+      }, _(M(n).validationErrors.value[s.question.key]), 3)) : E("", !0)
+    ], 10, Hs));
   }
 }), Us = "_imageCardGroup_1vc6c_2", Zs = "_imageCard_1vc6c_2", zs = "_imageCardSelected_1vc6c_34", Ws = "_imageCardPhoto_1vc6c_39", Ks = "_imageCardLabel_1vc6c_46", Qs = "_imageCardDescription_1vc6c_53", Ys = "_fieldError_1vc6c_60", Xs = {
   imageCardGroup: Us,
@@ -1151,7 +1151,7 @@ const js = {
       role: "group",
       "aria-label": s.question.label
     }, [
-      (d(!0), y(O, null, Q(s.question.options, (p) => (d(), y("button", {
+      (d(!0), y(j, null, Q(s.question.options, (p) => (d(), y("button", {
         key: String(p.value),
         type: "button",
         role: "checkbox",
@@ -1171,7 +1171,7 @@ const js = {
           p.helperText ? (d(), y("span", {
             key: 0,
             class: e(c.$style.checkboxCardHelper)
-          }, _(p.helperText), 3)) : D("", !0)
+          }, _(p.helperText), 3)) : E("", !0)
         ], 2),
         t("span", {
           class: e([
@@ -1187,14 +1187,14 @@ const js = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : D("", !0)
+          ])])) : E("", !0)
         ], 2)
       ], 10, sn))), 128)),
       l.value ? (d(), y("p", {
         key: 0,
         class: e(c.$style.fieldError),
         role: "alert"
-      }, _(l.value), 3)) : D("", !0)
+      }, _(l.value), 3)) : E("", !0)
     ], 10, tn));
   }
 }), ln = "_checkboxCardGroup_uqwpe_2", on = "_checkboxCard_uqwpe_2", rn = "_checkboxCardSelected_uqwpe_34", un = "_checkboxCardContent_uqwpe_39", dn = "_checkboxCardLabel_uqwpe_46", cn = "_checkboxCardHelper_uqwpe_52", vn = "_checkboxIndicator_uqwpe_57", yn = "_checkboxIndicatorChecked_uqwpe_69", pn = "_fieldError_uqwpe_75", fn = {
@@ -1233,7 +1233,7 @@ const js = {
       s.question.description ? (d(), y("p", {
         key: 0,
         class: e(p.$style.fieldDescription)
-      }, _(s.question.description), 3)) : D("", !0),
+      }, _(s.question.description), 3)) : E("", !0),
       t("select", {
         id: `${l}-${s.question.key}`,
         class: e([p.$style.fieldSelect, c.value ? p.$style.fieldSelectError : ""]),
@@ -1243,7 +1243,7 @@ const js = {
         onChange: u
       }, [
         t("option", $n, _(s.question.placeholder || "Select..."), 1),
-        (d(!0), y(O, null, Q(s.question.options, ($) => (d(), y("option", {
+        (d(!0), y(j, null, Q(s.question.options, ($) => (d(), y("option", {
           key: String($.value),
           value: String($.value)
         }, _($.label), 9, Cn))), 128))
@@ -1253,16 +1253,16 @@ const js = {
         id: `${l}-${s.question.key}-error`,
         class: e(p.$style.fieldError),
         role: "alert"
-      }, _(c.value), 11, kn)) : D("", !0)
+      }, _(c.value), 11, kn)) : E("", !0)
     ], 2));
   }
-}), wn = "_fieldGroup_qcbne_2", Ln = "_fieldLabel_qcbne_8", In = "_fieldDescription_qcbne_15", Sn = "_fieldSelect_qcbne_22", En = "_fieldSelectError_qcbne_47", Dn = "_fieldError_qcbne_51", qn = {
+}), wn = "_fieldGroup_qcbne_2", Ln = "_fieldLabel_qcbne_8", In = "_fieldDescription_qcbne_15", Sn = "_fieldSelect_qcbne_22", Dn = "_fieldSelectError_qcbne_47", En = "_fieldError_qcbne_51", qn = {
   fieldGroup: wn,
   fieldLabel: Ln,
   fieldDescription: In,
   fieldSelect: Sn,
-  fieldSelectError: En,
-  fieldError: Dn
+  fieldSelectError: Dn,
+  fieldError: En
 }, Mn = {
   $style: qn
 }, An = /* @__PURE__ */ V(_n, [["__cssModules", Mn]]), Tn = ["for"], Bn = ["id", "type", "inputmode", "value", "placeholder", "aria-invalid", "aria-describedby"], Pn = ["id"], Fn = /* @__PURE__ */ F({
@@ -1297,7 +1297,7 @@ const js = {
       s.question.description ? (d(), y("p", {
         key: 0,
         class: e(g.$style.fieldDescription)
-      }, _(s.question.description), 3)) : D("", !0),
+      }, _(s.question.description), 3)) : E("", !0),
       t("div", {
         class: e(g.$style.fieldInputWrapper)
       }, [
@@ -1315,23 +1315,23 @@ const js = {
         s.question.suffix ? (d(), y("span", {
           key: 0,
           class: e(g.$style.fieldSuffix)
-        }, _(s.question.suffix), 3)) : D("", !0)
+        }, _(s.question.suffix), 3)) : E("", !0)
       ], 2),
       c.value ? (d(), y("p", {
         key: 1,
         id: `${l}-${s.question.key}-error`,
         class: e(g.$style.fieldError),
         role: "alert"
-      }, _(c.value), 11, Pn)) : D("", !0)
+      }, _(c.value), 11, Pn)) : E("", !0)
     ], 2));
   }
-}), Rn = "_fieldGroup_1jlim_2", Gn = "_fieldLabel_1jlim_8", Hn = "_fieldDescription_1jlim_15", jn = "_fieldInputWrapper_1jlim_22", Nn = "_fieldInput_1jlim_22", On = "_fieldInputError_1jlim_60", Vn = "_fieldSuffix_1jlim_64", xn = "_fieldError_1jlim_73", Un = {
+}), Rn = "_fieldGroup_1jlim_2", Gn = "_fieldLabel_1jlim_8", Nn = "_fieldDescription_1jlim_15", On = "_fieldInputWrapper_1jlim_22", Hn = "_fieldInput_1jlim_22", jn = "_fieldInputError_1jlim_60", Vn = "_fieldSuffix_1jlim_64", xn = "_fieldError_1jlim_73", Un = {
   fieldGroup: Rn,
   fieldLabel: Gn,
-  fieldDescription: Hn,
-  fieldInputWrapper: jn,
-  fieldInput: Nn,
-  fieldInputError: On,
+  fieldDescription: Nn,
+  fieldInputWrapper: On,
+  fieldInput: Hn,
+  fieldInputError: jn,
   fieldSuffix: Vn,
   fieldError: xn
 }, Zn = {
@@ -1385,7 +1385,7 @@ const js = {
         id: `${l}-${s.question.key}-error`,
         class: e(f.$style.fieldError),
         role: "alert"
-      }, _(c.value), 11, Qn)) : D("", !0)
+      }, _(c.value), 11, Qn)) : E("", !0)
     ], 2));
   }
 }), Xn = "_fieldGroup_10ms9_2", Jn = "_fieldLabel_10ms9_8", ea = "_currencyWrapper_10ms9_15", ta = "_currencyPrefix_10ms9_21", sa = "_currencyInput_10ms9_30", na = "_fieldInputError_10ms9_48", aa = "_fieldError_10ms9_52", la = {
@@ -1440,7 +1440,7 @@ const js = {
         id: `${l}-${s.question.key}-error`,
         class: e(f.$style.fieldError),
         role: "alert"
-      }, _(c.value), 11, da)) : D("", !0)
+      }, _(c.value), 11, da)) : E("", !0)
     ], 2));
   }
 }), va = "_fieldGroup_p6z3v_2", ya = "_fieldLabel_p6z3v_8", pa = "_fieldInput_p6z3v_15", fa = "_fieldInputError_p6z3v_37", ha = "_fieldError_p6z3v_41", ma = {
@@ -1486,7 +1486,7 @@ const js = {
           c.value ? (d(), K(Be(() => {
             var $, g;
             return (g = ($ = M(r))["sms-consent-text"]) == null ? void 0 : g.call($);
-          }), { key: 0 })) : (d(), y(O, { key: 1 }, [
+          }), { key: 0 })) : (d(), y(j, { key: 1 }, [
             me(_(o.value), 1)
           ], 64))
         ], 2)
@@ -1500,7 +1500,7 @@ const js = {
   toggleText: La
 }, Sa = {
   $style: Ia
-}, Ea = /* @__PURE__ */ V(Ca, [["__cssModules", Sa]]), Da = ["value", "placeholder", "aria-label", "aria-expanded", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], qa = ["id", "aria-selected", "onClick"], Ma = ["id"], Te = 4, he = 8, Aa = 240, Ta = 80, Ba = /* @__PURE__ */ F({
+}, Da = /* @__PURE__ */ V(Ca, [["__cssModules", Sa]]), Ea = ["value", "placeholder", "aria-label", "aria-expanded", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], qa = ["id", "aria-selected", "onClick"], Ma = ["id"], Te = 4, he = 8, Aa = 240, Ta = 80, Ba = /* @__PURE__ */ F({
   __name: "SearchableDropdownInput",
   props: {
     question: {}
@@ -1525,7 +1525,7 @@ const js = {
       () => l.getAnswer(r.question.key)
     ), $ = w(
       () => l.validationErrors.value[r.question.key]
-    ), g = L(""), h = L(!1), I = L([]), B = L(!1), q = L(-1), j = L(null), T = L(null), R = L(null), U = L(null), G = L({});
+    ), g = L(""), h = L(!1), I = L([]), B = L(!1), q = L(-1), O = L(null), T = L(null), R = L(null), U = L(null), G = L({});
     ee(
       [() => r.question.dataSource, () => r.question.options, () => o == null ? void 0 : o.value],
       (v, k, S) => {
@@ -1551,7 +1551,7 @@ const js = {
       },
       { immediate: !0 }
     );
-    const E = w(
+    const D = w(
       () => g.value ? I.value.filter(
         (v) => v.label.toLowerCase().includes(g.value.toLowerCase())
       ) : I.value
@@ -1574,13 +1574,13 @@ const js = {
       }
       switch (v.key) {
         case "ArrowDown":
-          v.preventDefault(), E.value.length > 0 && (q.value = q.value < E.value.length - 1 ? q.value + 1 : 0);
+          v.preventDefault(), D.value.length > 0 && (q.value = q.value < D.value.length - 1 ? q.value + 1 : 0);
           break;
         case "ArrowUp":
-          v.preventDefault(), E.value.length > 0 && (q.value = q.value > 0 ? q.value - 1 : E.value.length - 1);
+          v.preventDefault(), D.value.length > 0 && (q.value = q.value > 0 ? q.value - 1 : D.value.length - 1);
           break;
         case "Enter":
-          v.preventDefault(), q.value >= 0 && q.value < E.value.length && Y(E.value[q.value].value);
+          v.preventDefault(), q.value >= 0 && q.value < D.value.length && Y(D.value[q.value].value);
           break;
         case "Escape":
           v.preventDefault(), h.value = !1, q.value = -1;
@@ -1628,7 +1628,7 @@ const js = {
     function b(v) {
       var S, A;
       const k = v.target;
-      (S = j.value) != null && S.contains(k) || (A = R.value) != null && A.contains(k) || (h.value = !1);
+      (S = O.value) != null && S.contains(k) || (A = R.value) != null && A.contains(k) || (h.value = !1);
     }
     return be(() => {
       document.addEventListener("mousedown", b);
@@ -1636,7 +1636,7 @@ const js = {
       document.removeEventListener("mousedown", b), se();
     }), (v, k) => (d(), y("div", {
       ref_key: "containerRef",
-      ref: j,
+      ref: O,
       class: e(v.$style.fieldGroup)
     }, [
       t("div", {
@@ -1661,7 +1661,7 @@ const js = {
           onInput: re,
           onFocus: k[0] || (k[0] = (S) => h.value = !0),
           onKeydown: J
-        }, null, 42, Da),
+        }, null, 42, Ea),
         t("button", {
           type: "button",
           class: e(v.$style.searchableDropdownToggle),
@@ -1685,7 +1685,7 @@ const js = {
           ], -1)
         ])], 2)
       ], 2),
-      h.value ? (d(), K(He, {
+      h.value ? (d(), K(Ne, {
         key: 0,
         to: "body"
       }, [
@@ -1700,10 +1700,10 @@ const js = {
           B.value ? (d(), y("div", {
             key: 0,
             class: e(v.$style.searchableDropdownEmpty)
-          }, " Loading... ", 2)) : E.value.length === 0 ? (d(), y("div", {
+          }, " Loading... ", 2)) : D.value.length === 0 ? (d(), y("div", {
             key: 1,
             class: e(v.$style.searchableDropdownEmpty)
-          }, " No results found ", 2)) : (d(!0), y(O, { key: 2 }, Q(E.value, (S, A) => (d(), y("button", {
+          }, " No results found ", 2)) : (d(!0), y(j, { key: 2 }, Q(D.value, (S, A) => (d(), y("button", {
             key: S.value,
             id: `${u}-option-${A}`,
             type: "button",
@@ -1714,29 +1714,29 @@ const js = {
               S.value === f.value ? v.$style.searchableDropdownOptionSelected : "",
               A === q.value ? v.$style.searchableDropdownOptionHighlighted : ""
             ]),
-            onMousedown: k[2] || (k[2] = Ee(() => {
+            onMousedown: k[2] || (k[2] = De(() => {
             }, ["prevent"])),
             onClick: (P) => Y(S.value)
           }, _(S.label), 43, qa))), 128))
         ], 6)
-      ])) : D("", !0),
+      ])) : E("", !0),
       $.value ? (d(), y("p", {
         key: 1,
         id: `${c}-${s.question.key}-error`,
         class: e(v.$style.fieldError),
         role: "alert"
-      }, _($.value), 11, Ma)) : D("", !0)
+      }, _($.value), 11, Ma)) : E("", !0)
     ], 2));
   }
-}), Pa = "_fieldGroup_1adip_2", Fa = "_searchableDropdown_1adip_8", Ra = "_fieldInput_1adip_14", Ga = "_searchableDropdownToggle_1adip_40", Ha = "_searchableDropdownList_1adip_53", ja = "_searchableDropdownOption_1adip_62", Na = "_searchableDropdownOptionSelected_1adip_80", Oa = "_searchableDropdownOptionHighlighted_1adip_85", Va = "_searchableDropdownEmpty_1adip_89", xa = "_fieldError_1adip_95", Ua = {
+}), Pa = "_fieldGroup_1adip_2", Fa = "_searchableDropdown_1adip_8", Ra = "_fieldInput_1adip_14", Ga = "_searchableDropdownToggle_1adip_40", Na = "_searchableDropdownList_1adip_53", Oa = "_searchableDropdownOption_1adip_62", Ha = "_searchableDropdownOptionSelected_1adip_80", ja = "_searchableDropdownOptionHighlighted_1adip_85", Va = "_searchableDropdownEmpty_1adip_89", xa = "_fieldError_1adip_95", Ua = {
   fieldGroup: Pa,
   searchableDropdown: Fa,
   fieldInput: Ra,
   searchableDropdownToggle: Ga,
-  searchableDropdownList: Ha,
-  searchableDropdownOption: ja,
-  searchableDropdownOptionSelected: Na,
-  searchableDropdownOptionHighlighted: Oa,
+  searchableDropdownList: Na,
+  searchableDropdownOption: Oa,
+  searchableDropdownOptionSelected: Ha,
+  searchableDropdownOptionHighlighted: ja,
   searchableDropdownEmpty: Va,
   fieldError: xa
 }, Za = {
@@ -1765,7 +1765,7 @@ const js = {
         role: "region",
         "aria-label": M(n).currentPage.value.title
       }, [
-        (d(!0), y(O, null, Q(M(n).visibleQuestions.value, (u) => (d(), y(O, {
+        (d(!0), y(j, null, Q(M(n).visibleQuestions.value, (u) => (d(), y(j, {
           key: u.key
         }, [
           u.style === "radio-card" ? (d(), K(Rs, {
@@ -1789,15 +1789,15 @@ const js = {
           }, null, 8, ["question"])) : u.style === "phone" ? (d(), K(ba, {
             key: 6,
             question: u
-          }, null, 8, ["question"])) : u.style === "toggle" ? (d(), K(Ea, {
+          }, null, 8, ["question"])) : u.style === "toggle" ? (d(), K(Da, {
             key: 7,
             question: u
           }, null, 8, ["question"])) : u.style === "searchable-dropdown" ? (d(), K(za, {
             key: 8,
             question: u
-          }, null, 8, ["question"])) : D("", !0)
+          }, null, 8, ["question"])) : E("", !0)
         ], 64))), 128)),
-        ((c = M(n).currentPage.value) == null ? void 0 : c.id) === "contact-info" ? (d(), y(O, { key: 0 }, [
+        ((c = M(n).currentPage.value) == null ? void 0 : c.id) === "contact-info" ? (d(), y(j, { key: 0 }, [
           t("button", {
             type: "button",
             class: e(l.$style.ctaButton),
@@ -1826,8 +1826,8 @@ const js = {
             }, "Privacy Policy", 2),
             o[2] || (o[2] = me(". ", -1))
           ], 2))
-        ], 64)) : D("", !0)
-      ], 10, Wa)) : D("", !0);
+        ], 64)) : E("", !0)
+      ], 10, Wa)) : E("", !0);
     };
   }
 }), Qa = "_pageContent_1jpin_2", Ya = "_consentText_1jpin_13", Xa = "_consentLink_1jpin_21", Ja = "_ctaButton_1jpin_26", el = {
@@ -1878,7 +1878,7 @@ const js = {
         return ((l = n.currentPage.value) == null ? void 0 : l.id) === "contact-info";
       }
     );
-    return (l, o) => r.value ? D("", !0) : (d(), y("nav", {
+    return (l, o) => r.value ? E("", !0) : (d(), y("nav", {
       key: 0,
       class: e(l.$style.navigation),
       "aria-label": "Page navigation"
@@ -1981,7 +1981,7 @@ const js = {
             M(i).currentPage.value.subtitle ? (d(), y("p", {
               key: 0,
               class: e(l.$style.pageSubtitle)
-            }, _(M(i).currentPage.value.subtitle), 3)) : D("", !0)
+            }, _(M(i).currentPage.value.subtitle), 3)) : E("", !0)
           ], 2),
           t("div", {
             class: e(l.$style.contentRight)
@@ -1991,9 +1991,9 @@ const js = {
         ], 2)
       ], 2),
       ue(gl)
-    ], 2)) : D("", !0);
+    ], 2)) : E("", !0);
   }
-}), $l = "_layout_1as8w_2", Cl = "_layoutScrollable_1as8w_9", kl = "_addressBar_1as8w_25", _l = "_addressIcon_1as8w_33", wl = "_addressText_1as8w_37", Ll = "_contentSplit_1as8w_43", Il = "_contentLeft_1as8w_57", Sl = "_contentRight_1as8w_63", El = "_pageTitle_1as8w_79", Dl = "_pageSubtitle_1as8w_87", ql = {
+}), $l = "_layout_1as8w_2", Cl = "_layoutScrollable_1as8w_9", kl = "_addressBar_1as8w_25", _l = "_addressIcon_1as8w_33", wl = "_addressText_1as8w_37", Ll = "_contentSplit_1as8w_43", Il = "_contentLeft_1as8w_57", Sl = "_contentRight_1as8w_63", Dl = "_pageTitle_1as8w_79", El = "_pageSubtitle_1as8w_87", ql = {
   layout: $l,
   layoutScrollable: Cl,
   addressBar: kl,
@@ -2002,8 +2002,8 @@ const js = {
   contentSplit: Ll,
   contentLeft: Il,
   contentRight: Sl,
-  pageTitle: El,
-  pageSubtitle: Dl
+  pageTitle: Dl,
+  pageSubtitle: El
 }, Ml = {
   $style: ql
 }, Al = /* @__PURE__ */ V(bl, [["__cssModules", Ml]]), Tl = /* @__PURE__ */ F({
@@ -2018,7 +2018,7 @@ const js = {
   },
   emits: ["submit", "page-change", "answer-change", "ready", "error"],
   setup(s, { emit: n }) {
-    const i = s, r = je();
+    const i = s, r = Oe();
     ge("dtc-consent-slots", r);
     const l = n, o = w(() => ce(i.appearance));
     function c(h) {
@@ -2053,7 +2053,7 @@ const js = {
         "on-ready": f,
         "on-error": $
       }, {
-        default: Ne(() => [
+        default: He(() => [
           ue(Ls, {
             "partner-logo-url": s.partnerLogoUrl,
             "show-close-button": !!s.onClose,
@@ -2069,7 +2069,7 @@ const js = {
   container: Bl
 }, Fl = {
   $style: Pl
-}, er = /* @__PURE__ */ V(Tl, [["__cssModules", Fl]]), Rl = ["disabled"], Gl = ["value", "disabled"], Hl = ["checked", "disabled"], jl = ["checked", "disabled"], Nl = ["disabled"], Ol = ["disabled"], Vl = ["disabled"], xl = ["disabled"], Ul = ["disabled"], Zl = ["disabled", "aria-pressed", "onClick"], zl = ["onClick"], Wl = ["disabled"], Kl = /* @__PURE__ */ F({
+}, er = /* @__PURE__ */ V(Tl, [["__cssModules", Fl]]), Rl = ["disabled"], Gl = ["value", "disabled"], Nl = ["checked", "disabled"], Ol = ["checked", "disabled"], Hl = ["disabled"], jl = ["disabled"], Vl = ["disabled"], xl = ["disabled"], Ul = ["disabled"], Zl = ["disabled", "aria-pressed", "onClick"], zl = ["onClick"], Wl = ["disabled"], Kl = /* @__PURE__ */ F({
   __name: "ScheduleAssessmentFlow",
   props: {
     offerId: {},
@@ -2080,7 +2080,7 @@ const js = {
   },
   emits: ["scheduled", "done", "ready", "error"],
   setup(s, { emit: n }) {
-    const i = s, r = n, l = Pe(), o = w(() => ce(i.appearance)), c = L("select"), u = L(!0), p = L(null), f = L([]), $ = L("UTC"), g = L(null), h = L(null), I = L(null), B = L(i.customerName ?? ""), q = L(S(i.customerPhone ?? "")), j = L(null), T = L(""), R = L(!1), U = L(null);
+    const i = s, r = n, l = Pe(), o = w(() => ce(i.appearance)), c = L("select"), u = L(!0), p = L(null), f = L([]), $ = L("UTC"), g = L(null), h = L(null), I = L(null), B = L(i.customerName ?? ""), q = L(S(i.customerPhone ?? "")), O = L(null), T = L(""), R = L(!1), U = L(null);
     be(async () => {
       try {
         const a = await l.value.getAssessmentSlots({
@@ -2105,11 +2105,11 @@ const js = {
     const G = w(() => {
       const a = /* @__PURE__ */ new Map();
       for (const m of f.value) {
-        const C = A(m, $.value), H = a.get(C) ?? [];
-        H.push(m), a.set(C, H);
+        const C = A(m, $.value), N = a.get(C) ?? [];
+        N.push(m), a.set(C, N);
       }
       return a;
-    }), E = w(() => g.value ? Ce(g.value) : []), x = w(
+    }), D = w(() => g.value ? Ce(g.value) : []), x = w(
       () => g.value ? ve(g.value) : ""
     ), Y = w(
       () => g.value ? pe(g.value, G.value) : !1
@@ -2131,7 +2131,7 @@ const js = {
     }
     const se = w(() => {
       const a = q.value.replace(/\D/g, "");
-      return !R.value && B.value.trim().length > 0 && a.length >= 10 && j.value !== null && (!j.value || T.value.trim().length > 0);
+      return !R.value && B.value.trim().length > 0 && a.length >= 10 && O.value !== null && (!O.value || T.value.trim().length > 0);
     });
     function b(a) {
       const m = a.target;
@@ -2141,7 +2141,7 @@ const js = {
       if (!(!se.value || !I.value)) {
         R.value = !0, U.value = null;
         try {
-          const a = j.value ? `Customer: ${B.value.trim()}. Access instructions: ${T.value.trim()}` : `Customer: ${B.value.trim()}. No gate code or entry restrictions.`, m = await l.value.scheduleAssessment({
+          const a = O.value ? `Customer: ${B.value.trim()}. Access instructions: ${T.value.trim()}` : `Customer: ${B.value.trim()}. No gate code or entry restrictions.`, m = await l.value.scheduleAssessment({
             offerId: i.offerId,
             selectedInspectionTime: I.value,
             reminderPhone: q.value.replace(/\D/g, ""),
@@ -2151,8 +2151,8 @@ const js = {
           try {
             r("scheduled", m.visitId);
           } catch (C) {
-            const H = C instanceof Error ? C : new Error(String(C));
-            r("error", H);
+            const N = C instanceof Error ? C : new Error(String(C));
+            r("error", N);
           }
         } catch (a) {
           const m = a instanceof Error ? a : new Error(String(a));
@@ -2178,12 +2178,12 @@ const js = {
       }).format(new Date(a));
     }
     function P(a) {
-      const [m, C] = a.split("-").map((H) => parseInt(H, 10));
+      const [m, C] = a.split("-").map((N) => parseInt(N, 10));
       return { year: m, month: C - 1 };
     }
     function W(a, m) {
-      const C = a.year * 12 + a.month + m, H = Math.floor(C / 12), ne = C - H * 12;
-      return { year: H, month: ne };
+      const C = a.year * 12 + a.month + m, N = Math.floor(C / 12), ne = C - N * 12;
+      return { year: N, month: ne };
     }
     function ve({ year: a, month: m }) {
       return new Date(Date.UTC(a, m, 1)).toLocaleString(void 0, {
@@ -2209,10 +2209,10 @@ const js = {
       }).format(a);
     }
     function Ce({ year: a, month: m }) {
-      const C = new Date(Date.UTC(a, m, 1)).getUTCDay(), H = new Date(Date.UTC(a, m + 1, 0)).getUTCDate(), ne = Math.ceil((C + H) / 7) * 7, le = [], Re = String(a).padStart(4, "0"), Ge = String(m + 1).padStart(2, "0");
+      const C = new Date(Date.UTC(a, m, 1)).getUTCDay(), N = new Date(Date.UTC(a, m + 1, 0)).getUTCDate(), ne = Math.ceil((C + N) / 7) * 7, le = [], Re = String(a).padStart(4, "0"), Ge = String(m + 1).padStart(2, "0");
       for (let Le = 0; Le < ne; Le++) {
         const fe = Le - C + 1;
-        fe < 1 || fe > H ? le.push(null) : le.push({
+        fe < 1 || fe > N ? le.push(null) : le.push({
           key: `${Re}-${Ge}-${String(fe).padStart(2, "0")}`,
           day: fe
         });
@@ -2221,16 +2221,16 @@ const js = {
     }
     function pe(a, m) {
       for (const C of m.keys()) {
-        const [H, ne] = C.split("-").map((le) => parseInt(le, 10));
-        if (H < a.year || H === a.year && ne - 1 < a.month)
+        const [N, ne] = C.split("-").map((le) => parseInt(le, 10));
+        if (N < a.year || N === a.year && ne - 1 < a.month)
           return !0;
       }
       return !1;
     }
     function ke(a, m) {
       for (const C of m.keys()) {
-        const [H, ne] = C.split("-").map((le) => parseInt(le, 10));
-        if (H > a.year || H === a.year && ne - 1 > a.month)
+        const [N, ne] = C.split("-").map((le) => parseInt(le, 10));
+        if (N > a.year || N === a.year && ne - 1 > a.month)
           return !0;
       }
       return !1;
@@ -2325,7 +2325,7 @@ const js = {
         t("div", {
           class: e(a.$style.summaryCard)
         }, [
-          ae.value ? (d(), y(O, { key: 0 }, [
+          ae.value ? (d(), y(j, { key: 0 }, [
             t("div", {
               class: e(a.$style.summaryRow)
             }, [
@@ -2376,7 +2376,7 @@ const js = {
               ])], 2)),
               t("span", null, _(ye(ae.value, $.value)), 1)
             ], 2)
-          ], 64)) : D("", !0),
+          ], 64)) : E("", !0),
           s.address ? (d(), y("div", {
             key: 1,
             class: e(a.$style.summaryRow)
@@ -2401,7 +2401,7 @@ const js = {
               }, null, -1)
             ])], 2)),
             t("span", null, _(s.address), 1)
-          ], 2)) : D("", !0)
+          ], 2)) : E("", !0)
         ], 2),
         t("button", {
           type: "button",
@@ -2427,7 +2427,7 @@ const js = {
           t("span", {
             class: e(a.$style.fieldLabel)
           }, "Customer name", 2),
-          De(t("input", {
+          Ee(t("input", {
             class: e(a.$style.input),
             type: "text",
             "onUpdate:modelValue": m[1] || (m[1] = (C) => B.value = C),
@@ -2468,10 +2468,10 @@ const js = {
               t("input", {
                 type: "radio",
                 name: "gate-code",
-                checked: j.value === !0,
+                checked: O.value === !0,
                 disabled: R.value,
-                onChange: m[2] || (m[2] = (C) => j.value = !0)
-              }, null, 40, Hl),
+                onChange: m[2] || (m[2] = (C) => O.value = !0)
+              }, null, 40, Nl),
               m[13] || (m[13] = t("span", null, "Yes", -1))
             ], 2),
             t("label", {
@@ -2480,35 +2480,35 @@ const js = {
               t("input", {
                 type: "radio",
                 name: "gate-code",
-                checked: j.value === !1,
+                checked: O.value === !1,
                 disabled: R.value,
-                onChange: m[3] || (m[3] = (C) => j.value = !1)
-              }, null, 40, jl),
+                onChange: m[3] || (m[3] = (C) => O.value = !1)
+              }, null, 40, Ol),
               m[14] || (m[14] = t("span", null, "No", -1))
             ], 2)
           ], 2)
         ], 2),
-        j.value ? (d(), y("label", {
+        O.value ? (d(), y("label", {
           key: 0,
           class: e(a.$style.field)
         }, [
           t("span", {
             class: e(a.$style.fieldLabel)
           }, " Please provide access instructions for your home. ", 2),
-          De(t("input", {
+          Ee(t("input", {
             class: e(a.$style.input),
             type: "text",
             placeholder: "Gate code, directions, etc.",
             "onUpdate:modelValue": m[4] || (m[4] = (C) => T.value = C),
             disabled: R.value
-          }, null, 10, Nl), [
+          }, null, 10, Hl), [
             [qe, T.value]
           ])
-        ], 2)) : D("", !0),
+        ], 2)) : E("", !0),
         U.value ? (d(), y("p", {
           key: 1,
           class: e(a.$style.errorText)
-        }, _(U.value), 3)) : D("", !0),
+        }, _(U.value), 3)) : E("", !0),
         t("div", {
           class: e(a.$style.actionsRow)
         }, [
@@ -2517,7 +2517,7 @@ const js = {
             class: e(a.$style.linkButton),
             disabled: R.value,
             onClick: m[5] || (m[5] = (C) => c.value = "select")
-          }, " ← Back ", 10, Ol),
+          }, " ← Back ", 10, jl),
           t("button", {
             type: "button",
             class: e(a.$style.primaryButton),
@@ -2534,7 +2534,7 @@ const js = {
             t("h3", {
               class: e(a.$style.faqHeader)
             }, "Frequently asked questions", 2),
-            (d(), y(O, null, Q(Fe, (C) => t("details", {
+            (d(), y(j, null, Q(Fe, (C) => t("details", {
               key: C.title,
               class: e(a.$style.faqItem)
             }, [
@@ -2592,7 +2592,7 @@ const js = {
             t("div", {
               class: e(a.$style.featuresList)
             }, [
-              (d(), y(O, null, Q(we, (C) => t("div", {
+              (d(), y(j, null, Q(we, (C) => t("div", {
                 key: C.title,
                 class: e(a.$style.feature)
               }, [
@@ -2632,12 +2632,12 @@ const js = {
             t("div", {
               class: e(a.$style.calendarGrid)
             }, [
-              (d(), y(O, null, Q(_e, (C) => t("div", {
+              (d(), y(j, null, Q(_e, (C) => t("div", {
                 key: C,
                 class: e(a.$style.calendarDayHeader)
               }, _(C), 3)), 64)),
-              (d(!0), y(O, null, Q(E.value, (C, H) => (d(), y("button", {
-                key: C ? C.key : `empty-${x.value}-${H}`,
+              (d(!0), y(j, null, Q(D.value, (C, N) => (d(), y("button", {
+                key: C ? C.key : `empty-${x.value}-${N}`,
                 type: "button",
                 class: e(
                   C && h.value === C.key ? a.$style.calendarDaySelected : C && G.value.has(C.key) ? a.$style.calendarDayAvailable : a.$style.calendarDayDisabled
@@ -2647,23 +2647,23 @@ const js = {
                 onClick: (ne) => te(C)
               }, _(C ? C.day : ""), 11, Zl))), 128))
             ], 2),
-            z.value ? (d(), y(O, { key: 0 }, [
+            z.value ? (d(), y(j, { key: 0 }, [
               t("p", {
                 class: e(a.$style.timesHeader)
               }, " Available times for " + _(z.value), 3),
               t("div", {
                 class: e(a.$style.timeRow)
               }, [
-                (d(!0), y(O, null, Q(J.value, (C) => (d(), y("button", {
+                (d(!0), y(j, null, Q(J.value, (C) => (d(), y("button", {
                   key: C,
                   type: "button",
                   class: e(
                     C === I.value ? a.$style.timeButtonSelected : a.$style.timeButton
                   ),
-                  onClick: (H) => I.value = C
+                  onClick: (N) => I.value = C
                 }, _(ye(new Date(C), $.value)), 11, zl))), 128))
               ], 2)
-            ], 64)) : D("", !0),
+            ], 64)) : E("", !0),
             t("button", {
               type: "button",
               class: e(a.$style.primaryButton),
@@ -2675,7 +2675,7 @@ const js = {
       ], 2)
     ], 6));
   }
-}), Ql = "_root_1lu6h_2", Yl = "_card_1lu6h_13", Xl = "_titleLarge_1lu6h_30", Jl = "_featuresList_1lu6h_34", eo = "_stepLayout_1lu6h_45", to = "_leftColumn_1lu6h_52", so = "_introHeader_1lu6h_58", no = "_schedule_1lu6h_64", ao = "_subtitleLeft_1lu6h_109", lo = "_feature_1lu6h_34", oo = "_featureTitle_1lu6h_128", ro = "_featureDescription_1lu6h_135", io = "_title_1lu6h_30", uo = "_subtitle_1lu6h_109", co = "_calendarHeader_1lu6h_160", vo = "_calendarMonthLabel_1lu6h_167", yo = "_calendarNavButton_1lu6h_173", po = "_calendarGrid_1lu6h_193", fo = "_calendarDayHeader_1lu6h_199", ho = "_calendarDayAvailable_1lu6h_208", mo = "_calendarDayDisabled_1lu6h_209", go = "_calendarDaySelected_1lu6h_210", bo = "_timesHeader_1lu6h_241", $o = "_timeRow_1lu6h_248", Co = "_timeButton_1lu6h_255", ko = "_timeButtonSelected_1lu6h_256", _o = "_field_1lu6h_279", wo = "_fieldLabel_1lu6h_285", Lo = "_input_1lu6h_291", Io = "_fieldset_1lu6h_312", So = "_radioRow_1lu6h_321", Eo = "_radioOption_1lu6h_326", Do = "_faqBelowActions_1lu6h_346", qo = "_faq_1lu6h_346", Mo = "_faqHeader_1lu6h_357", Ao = "_faqItem_1lu6h_365", To = "_faqQuestion_1lu6h_374", Bo = "_faqAnswer_1lu6h_390", Po = "_faqChevron_1lu6h_397", Fo = "_errorText_1lu6h_407", Ro = "_actionsRow_1lu6h_413", Go = "_linkButton_1lu6h_421", Ho = "_primaryButton_1lu6h_438", jo = "_successCheckCircle_1lu6h_471", No = "_summaryCard_1lu6h_483", Oo = "_summaryRow_1lu6h_493", Vo = "_summaryIcon_1lu6h_501", xo = {
+}), Ql = "_root_1lu6h_2", Yl = "_card_1lu6h_13", Xl = "_titleLarge_1lu6h_30", Jl = "_featuresList_1lu6h_34", eo = "_stepLayout_1lu6h_45", to = "_leftColumn_1lu6h_52", so = "_introHeader_1lu6h_58", no = "_schedule_1lu6h_64", ao = "_subtitleLeft_1lu6h_109", lo = "_feature_1lu6h_34", oo = "_featureTitle_1lu6h_128", ro = "_featureDescription_1lu6h_135", io = "_title_1lu6h_30", uo = "_subtitle_1lu6h_109", co = "_calendarHeader_1lu6h_160", vo = "_calendarMonthLabel_1lu6h_167", yo = "_calendarNavButton_1lu6h_173", po = "_calendarGrid_1lu6h_193", fo = "_calendarDayHeader_1lu6h_199", ho = "_calendarDayAvailable_1lu6h_208", mo = "_calendarDayDisabled_1lu6h_209", go = "_calendarDaySelected_1lu6h_210", bo = "_timesHeader_1lu6h_241", $o = "_timeRow_1lu6h_248", Co = "_timeButton_1lu6h_255", ko = "_timeButtonSelected_1lu6h_256", _o = "_field_1lu6h_279", wo = "_fieldLabel_1lu6h_285", Lo = "_input_1lu6h_291", Io = "_fieldset_1lu6h_312", So = "_radioRow_1lu6h_321", Do = "_radioOption_1lu6h_326", Eo = "_faqBelowActions_1lu6h_346", qo = "_faq_1lu6h_346", Mo = "_faqHeader_1lu6h_357", Ao = "_faqItem_1lu6h_365", To = "_faqQuestion_1lu6h_374", Bo = "_faqAnswer_1lu6h_390", Po = "_faqChevron_1lu6h_397", Fo = "_errorText_1lu6h_407", Ro = "_actionsRow_1lu6h_413", Go = "_linkButton_1lu6h_421", No = "_primaryButton_1lu6h_438", Oo = "_successCheckCircle_1lu6h_471", Ho = "_summaryCard_1lu6h_483", jo = "_summaryRow_1lu6h_493", Vo = "_summaryIcon_1lu6h_501", xo = {
   root: Ql,
   card: Yl,
   titleLarge: Xl,
@@ -2707,8 +2707,8 @@ const js = {
   input: Lo,
   fieldset: Io,
   radioRow: So,
-  radioOption: Eo,
-  faqBelowActions: Do,
+  radioOption: Do,
+  faqBelowActions: Eo,
   faq: qo,
   faqHeader: Mo,
   faqItem: Ao,
@@ -2718,10 +2718,10 @@ const js = {
   errorText: Fo,
   actionsRow: Ro,
   linkButton: Go,
-  primaryButton: Ho,
-  successCheckCircle: jo,
-  summaryCard: No,
-  summaryRow: Oo,
+  primaryButton: No,
+  successCheckCircle: Oo,
+  summaryCard: Ho,
+  summaryRow: jo,
   summaryIcon: Vo
 }, Uo = {
   $style: xo
@@ -2730,11 +2730,12 @@ export {
   Yo as AddressEntry,
   Xo as AddressMap,
   Jo as AddressUnitConfirmation,
+  ar as DTC_ONBOARDING_PAGE_IDS,
   er as DtcOnboardingFlow,
-  ar as OpendoorClient,
+  lr as OpendoorClient,
   Qo as OpendoorProvider,
   tr as ScheduleAssessmentFlow,
-  lr as THEMES,
-  or as resolveAppearance,
+  or as THEMES,
+  rr as resolveAppearance,
   Pe as useOpendoorClient
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendoor/partner-sdk-client-vue",
-  "version": "1.3.0",
+  "version": "1.3.1-beta.108.1",
   "description": "Vue 3 components for Opendoor partner integrations",
   "type": "module",
   "main": "./dist/index.js",